@media(min-width: 769px) and (max-width: 1025px) {

    /* ______ A- Banner ________ */
    .sub-banner .img-banner {
        width: 700px;
    }

    .banner-titel {
        width: 100%;
    }

    .banner-titel .we-provide {
        width: 50%;
    }

    /* trust-item */
    .main-trust-item {
        justify-content: center;
    }

    .main-trust-item .trust-item {
        font-weight: bold;
    }

    /* trust-stat */
    .trust-stat strong {
        font-size: 1.6em;
    }


    /* _____________________ Services _________________________ */

    .services-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);

    }



    /*_________ B- Why Choose Us & Results _________*/
    .sub-results-section {
        display: flex;
        flex-direction: row-reverse;
        position: relative;
        margin-bottom: 320px;
        /* weil .map-box hat -> height: 300px */

    }

    /* **** Why Choose Us **** */
    .why-choose-us {
        width: 80%;
        border-right: none;
        border-left: 1px solid rgba(128, 128, 128, 0.231);
        padding-left: 20px;
    }

    /* *** Section: Before & After - Service Areas **** */
    .before-after-service {
        width: 100%;
    }

    /* Before & After */
    .sub-before-after-service .before-after-imgs {
        flex-direction: column;
    }

    .sub-before-after-service .before-after-imgs img {
        width: 100%;
    }

    .before-after-imgs .after {
        top: auto;
        top: 53%;
        right: auto;
        left: 10px;
    }

    hr {
        margin: 20px 0;
        opacity: 0.4;
    }

    .service-areas-list {
        grid-template-columns: 1fr 1fr 1fr;
        font-size: 13px;
    }

    .map-box {
        position: absolute;
        left: 0;
        width: 100%;
    }

    .map-box iframe {
        border-radius: 0 0 15px 15px;
    }

    /* ___________________ D- Ready for a Cleaner Space? _____________________  */
    .sub-ready {
        flex-direction: row-reverse;
        /* align-items: center; */
    }

    .sub-ready div img {
        display: none;
    }

    .benefit-item-ready {
        border-right: 1px solid rgba(255, 253, 253, 0.489);
        padding-right: 30px;
    }

}

@media(min-width: 769px) and (max-width: 1250px) {

    /* ___________________ Reviews ___________________ */
    .sub-reviews {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .sub-reviews-para {
        grid-column: 1 / -1;
    }
}



@media(min-width:1025px) and (max-width: 1080px) {
    .why-choose-us {
        width: 50%;
    }

    /* *** Section: Before & After - Service Areas **** */
    .before-after-service {
        width: 100%;
    }


}