@media (max-width: 1260px) {
    .latest-work-meta-info {
    flex-direction: column;
    gap: 1px;
    }
    .main-layout-container {
    gap: 0px;
    }
    .center-banner-column {
    width: 90%;
    }
}
/* Tablet Landscape / Small Laptop (900px - 1099px) */
@media (max-width: 1199px) {
    .sarmila-latest-work-mixed-heading h3 {
        font-size: var(--heading1199);
    }

    .sarmila-latest-work-main-title {
         font-size: var(--sub-heading1199);
    }

    .sarmila-latest-work-description {
        max-width: 600px;
      
       font-size: var(--sub-paragraph1199);
    }
}
@media (max-width: 1099px) {
    .main-layout-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px;
        padding: 0 20px 25px;
    }
    .center-banner-column {
        grid-column: 1 / -1;
        max-width: 100%;
        height: 380px;
        min-height: 380px;
        order: -1;
    }
    .latest-work-card {
        grid-template-columns: 125px minmax(0, 1fr);
        padding: 16px;
        gap: 14px;
    }
    .latest-work-image-wrapper { height: 135px; }
    .latest-work-meta-info {
    flex-direction: row;
    gap: 10px;
    }
    .main-layout-container {
    gap: 20px;
    }
    .center-banner-column {
    width: 100%;
    }
}
@media (max-width: 991px){
.sarmila-latest-work-mixed-heading h3 {
        font-size: var( --heading991);
        letter-spacing: 1.5px;
    }

    .sarmila-latest-work-divider {
        width: 210px;
    }
    .sarmila-latest-work-main-title {
       font-size: var(--sub-heading991);
        line-height: 1.3;
    }

    .sarmila-latest-work-description {
        max-width: 580px;
        font-size: var(--sub-paragraph991);
        margin-bottom: 30px;
    }
}
/* Tablet Portrait (769px - 899px) */
@media (max-width: 899px){
    .main-layout-container {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
        padding: 0 15px 25px;
    }
    .center-banner-column { height: 340px; min-height: 340px; }
    .latest-work-card {
        grid-template-columns: 105px minmax(0, 1fr);
        padding: 14px;
        gap: 12px;
    }
    .latest-work-image-wrapper { height: 120px; }
    .latest-work-meta-info { font-size: 0.68rem; gap: 6px; margin-bottom: 7px; }
    .latest-work-title { font-size: 0.9rem; margin-bottom: 10px; }
}