@media (min-width: 768px) and (max-width: 1200px) {
    :root {
        --HeadingOne: 2.3rem;
        /* was 95px (≈5.9rem) */
        --HeadingTwo: 2.8rem;
        /* was 80px (≈5rem) */
        --HeadingFive: 1.125rem;
        /* was 20px (1.25rem) */
        --ButtonText: 0.875rem;
        /* was 16px (1rem) */
        --ParaOne: 1.1rem;
        /* was 20px (1.25rem) */
        --ParaTwo: 0.875rem;
        /* was 16px (1rem) */
    }

    .standard-btn {
        width: max-content !important;
        max-width: none !important;
    }
}


@media (min-width: 768px) and (max-width: 1024px) {

    :root {
        --HeadingOne: 1.9rem;
        --HeadingTwo: 2.4rem;
        --HeadingFive: 1.1rem;
        --ButtonText: 0.775rem;
        --ParaOne: 1rem;
        --ParaTwo: 0.8rem;
    }


    .banner-section .container_fluid .row .col-sm-6 {
        margin-top: 5.5rem;
    }

    .sustainablity-box {
        padding-top: 80px;
        overflow: hidden;
    }


    .banner-section p {
        margin: 0 auto;
        width: 80%;
        margin-bottom: 10px;
    }

    .section-two {
        padding-bottom: 10px;
    }

    .section-two-row {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 30px;
    }


    .section-two p {
        margin: 15px auto;
        width: 70%;
    }

    .section-two .pf-rel-box .pf-animation-bg-txt h4 {
        font-size: 115px;
    }

    .brand-box .brands-slider-box .slider-container {
        transform: translateY(-10%);
    }


    .brand-box .brands-animation-bg-txt h4 {
        font-size: 180px;
    }


    .brand-box .brands-slider-box .prev-btn {
        left: -30px;
    }

    .brand-box .brands-slider-box .next-btn {
        right: -30px;
    }




    .sustainablity-box p {
        margin: 10px auto;
        width: 75%;
    }

    /* .sustainablity-box .sustainability-slide-box h5{
    font-size: 40px;
} */

    .sustainablity-box .swiper-container-sustain .swiper-button-prev {
        left: -10px;
    }

    .sustainablity-box .swiper-container-sustain .swiper-button-next {
        right: -10px;
    }

    /* 
.sustainablity-box .sustainability-slide-box{
    min-width: 320px;
} */

    .dei-box {
        padding: 70px 0;
    }



    .dei-box p {
        font-size: var(--ParaTwo);
    }

    .something-bigger {
        padding-top: 50px;
        padding-bottom: 0px;
    }

    .something-bigger p {
        width: 70%;
        margin: 10px auto;
    }




    footer {
        margin-top: 70px;
    }


    footer .container .row .col-sm-6:first-child {
        display: none;
    }

    footer .container .row .col-sm-6:nth-child(2) {
        width: 100%;
    }

    .desk-ftr-logo.show-desk {
        display: none;
    }


    footer .container .row .col-sm-12.col-md-12 {
        text-align: center;
        margin-top: 20px;
    }


    footer .container .row .col-sm-12.col-md-12 img {
        width: 350px;
    }


}

@media (min-width: 820px) and (max-width: 1180px) {


    .banner-section .container_fluid .row .col-sm-6 {
        margin-top: 5.5rem;
    }


    .banner-section p {
        margin: 0 auto;
        width: 80%;
        margin-bottom: 10px;
    }

    .section-two {
        padding-top: 80px;
        padding-bottom: 0;
    }

    .section-two-row {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 40px;
    }


    .section-two p {
        margin: 15px auto;
        width: 70%;
    }


    .brand-box .brands-animation-bg-txt h4 {
        font-size: 190px;
    }

    .section-two .pf-rel-box .pf-animation-bg-txt h4 {
        font-size: 125px;
    }


    .brand-box .brands-slider-box .prev-btn {
        left: -30px;
    }

    .brand-box .brands-slider-box .next-btn {
        right: -30px;
    }

    /* .sustainablity-box .sustainability-slide-box{
    min-width: 350px;
} */


    .sustainablity-box p {
        margin: 10px auto;
        width: 75%;
    }

    /* .sustainablity-box .sustainability-slide-box h5{
    font-size: 45px;
} */

    .sustainablity-box .swiper-container-sustain .swiper-button-prev {
        left: -10px;
    }

    .sustainablity-box .swiper-container-sustain .swiper-button-next {
        right: -10px;
    }

    .dei-box {
        padding: 70px 0;
    }


    .dei-box p {
        font-size: var(--ParaTwo);
    }

    .something-bigger {
        padding: 50px 0;
        padding-bottom: 10px;
    }

    .something-bigger p {
        width: 70%;
        margin: 10px auto;
    }


    .something-bigger {
        padding: 70px 0;
        padding-bottom: 20px;
    }

    /* Specific Class for last images section  */

    body>section.something-bigger>div>div>div.col-sm-12.col-md-12 {
        width: 100%;
    }

    /* Specific Class for last images section --- */


    footer .container .row .col-sm-6:first-child {
        display: none;
    }

    footer .container .row .col-sm-6:nth-child(2) {
        width: 100%;
    }

    .desk-ftr-logo.show-desk {
        display: none;
    }


    footer .container .row .col-sm-12.col-md-12 {
        text-align: center;
        margin-top: 20px;
    }


    footer .container .row .col-sm-12.col-md-12 img {
        width: 350px;
    }

}



@media (min-width: 1024px) and (max-width: 1366px) {
    .brand-box .brands-animation-bg-txt h4 {
        font-size: 230px;
    }
}

@media (min-width: 820px) and (max-width: 830px) {
    :root {
        --HeadingOne: 2.3rem;
        --HeadingTwo: 2.8rem;
        --HeadingFive: 1.125rem;
        --ButtonText: 0.875rem;
        --ParaOne: 1.1rem;
        --ParaTwo: 0.875rem;
    }

    .banner-section .container_fluid .row .col-sm-6 {
        margin-top: 5.5rem;
    }

    .sustainablity-box {
        padding-top: 127px;
        overflow: hidden;
        margin: 0;
    }

    .banner-section p,
    .section-two p,
    .sustainablity-box p,
    .something-bigger p {
        width: 75%;
        margin: 10px auto;
    }

    .section-two {
        padding-top: 80px;
        padding-bottom: 0;
    }

    .section-two .pf-rel-box .pf-animation-bg-txt h4 {
        font-size: 125px;
    }

    .brand-box .brands-animation-bg-txt h4 {
        font-size: 190px;
    }

    /* .sustainablity-box .sustainability-slide-box h5 {
    font-size: 45px;
  } */

    footer .container .row .col-sm-6:first-child {
        display: none;
    }

    footer .container .row .col-sm-6:nth-child(2) {
        width: 100%;
    }

    .desk-ftr-logo.show-desk {
        display: none;
    }

    footer .container .row .col-sm-12.col-md-12 {
        text-align: center;
        margin-top: 20px;
    }

    footer .container .row .col-sm-12.col-md-12 img {
        width: 350px;
    }
}

@media(max-width: 991px) {
    .dei-box {
        padding-top: 0 !important;
    }
}