/* ===== Tablet / small desktop: 992px - 1279px =====
   new.css only has fluid rules at <=991px, so iPad Pro (1032px) and
   similar get the fixed-width desktop layout and overflow. */
@media (min-width: 992px) and (max-width: 1279px) {

    /* Hero */
    .hero {
        padding: 120px 40px 0;
    }

    .heading-2 {
        width: 100%;
        max-width: 634px;
        font-size: 52px;
        line-height: 62px;
    }

    /* Services slider: 3 slides per view instead of fixed 357px slides */
    .service {
        padding-left: 20px;
        padding-right: 20px;
    }

    .service .slider {
        width: 100% !important;
        max-width: 100% !important;
    }

    .service .w-slide {
        width: 33.3333% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 0 10px !important;
    }

    .service .w-slide>div {
        width: 100% !important;
    }

    /* Footer: branches + map block */
    .grid-11 {
        display: grid;
        grid-template-columns: 1fr 1fr;
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }

    .div-block-31 {
        width: 100%;
    }

    .image-42 {
        width: 100%;
        max-width: 100%;
    }

    /* Footer: contact / locations / quick links */
    .grid-8 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }

    .grid-8>* {
        width: 100% !important;
        min-width: 0;
    }

    .header .hero {
        padding-left: 40px !important;
        padding-right: 40px !important;
    }

    @media (max-width: 767px) {
        .header .hero {
            padding-left: 20px !important;
            padding-right: 20px !important;
        }
    }
}