@media( min-width: 1200px ) {
    .containerOuter {
        max-width: 1000px;
    }
    .singleProduct img {
        height: auto;
    }
}

@media( min-width: 1500px ) {
    .containerOuter {
        max-width: 1200px;
    }
}

@media( max-width: 1499px ) {
    body, html {
        font-size: 16px;
    }
}

@media( max-width: 1199px ) {
      
}

@media( max-width: 991px ) {
    .serviceWrap {
        aspect-ratio: 1/1;
        min-height: 250px;
        perspective: 1000px;
    }  
    .whatWeOffer::after {
        transform: translateX(140%) rotate(25deg) scale(1.15);
    }
    .productsSection::after {
        transform: translateX(-150%) rotate(65deg) scale(0.8);
    }
    .siteHeader {
        padding: 1.5rem 0;
    }
    .siteLogo {
        width: 12rem;
    }
    .siteBanner,
    .bannerCarousel .bannerSliderImage {
        height: calc( 100vh - 150px );
        min-height: 400px;
    }
    .siteBanner .carousel-caption .btnCustom {
        margin-bottom: 4rem;
    }
    .branchDivider {
        width: 100px;
        height: 1px;
        margin: 1rem auto 2rem;
    }
}

@media( max-width: 767px) {
    .bannerCarousel .carousel-caption h1 {
        font-size: 3.5rem;
    }
    .sectionHeading {
        font-size: 3rem;
    }
    .serviceWrap {
        aspect-ratio: 1/1.5;
    } 
    .productsSection::after {
        transform: translateX(-120%) rotate(55deg) scale(1);
    }
    #instafeed-container .instaFeed_item {
        max-width: calc( 50% - 15px );
    }
}

@media( max-width: 575px ) {
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .bannerCarousel .carousel-caption h1 {
        font-size: 3rem;
    }
    .sectionHeading {
        font-size: 2.8rem;
    }
    .whatWeOffer::after {
        transform: translateX(75%) translateY(-25%) rotate(25deg) scale(0.9);
        opacity: 0.2;
    }
    .productsSection::after {
        transform: translateX(-85%) translateY(22%) rotate(55deg) scale(0.75);
        opacity: 0.2;
    }
    .serviceWrap {
        aspect-ratio: 1;
        min-height: 60vw;
        max-width: 100%;
    } 
    .footerNavigation {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
    }
    .footerNavigation li {
        width: calc( 50% - 5px );
        margin: 0;
        padding: 0;
    }
    .footerNavigation li a {
        display: block;
        border: 1px solid #fff1;
        border-radius: 50px;
    }
    .category-filter h5 a {
        font-size: 1.1rem;
    }
    .category-list-fixed .category-filter h5 a {
        font-size: 0.95rem;
    }
    .scrolToTop {
        bottom: 65px;
        transform: translateY(180px);
    }
    #instafeed-container .instaFeed_item {
        max-width: 100%;
    }
}