@media only screen and (max-width: 1750px) {
    section.bg_anim .wave1 {
        height: 935px;
        width: 1714px;
    }

    header .nav-link {
        font-size: 14px;
    }

    /* section.client {
        height: 105vh;
    } */
}

@media only screen and (max-width: 1400px) {
    header .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0.5rem;
        font-size: 12px;
    }

    header .dropdown-item {
        font-size: 12px;
        padding: 0.7rem ;
    }

    section.case-study .card-text {
        font-size: 15px;
    }

    /* for service page */
    section.enviroment-friendly .content{
        top: 45%;
}
    .fade-color{
        font-size: 100px !important;
        line-height: 90px;
        
    }
    
    .color-b{
        font-size: 50px;
        margin-top: -55px;
        max-width: 550px;
        margin-left: 65px;
    }
    
    .text-back{
        max-width: 550px;
        margin-left: 65px;
    }
    /* end */
}

@media only screen and (max-width: 1366px) {
    .download-brochure {
        top: 400px;
    }

    header .navbar-brand {
        margin-right: 2rem;
    }

    header .social img {
        width: 20px;
    }

    header .logo {
        width: 196px;
    }

    section.home_banner img {
        width: 250px;
    }

    /* section.service .card .hide-img {
        bottom: -12px;
    } */

    section.service .card .img-2 {
        /* width: 306px; */
        width: 245px;
        bottom: 24px;
    }

    section.system .sticky-div_2 {
        top: 302px;
    }

    section.case-study .card-body h4 {
        font-size: 20px;
    }

    section.case-study .card-body {
        padding: 1.4rem;
    }

    section.bg_anim {
        padding-top: 0;
        padding-bottom: 0;
    }

    section.bg_anim .wave1 {
        width: 1389px;
    }

    footer .flex-box {
        gap: 7px;
    }
}

@media only screen and (max-width: 1199px) {
    header .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0.5rem;
        font-size: 11px;
    }

    section.banner .carousel-item img {
        height: 31vh;
    }

    section.home_banner img {
        width: 183px;
    }

    section.service .card-title {
        font-size: 1.2rem;
    }

    section.system .lake {
        font-size: 17px;
    }

    section.project h5 {
        width: 100%;
    }
     /* for service page */
     .fade-color{
        font-size: 80px !important;
        line-height: 70px;
        
    }
    
    .color-b{
        font-size: 40px !important;
        margin-top: -35px !important;
        max-width: 450px !important;
        margin-left: 45px !important;
    }
    
    .text-back{
        max-width: 540px;
        margin-left: 45px;
    }
    /* end */
    /* Service */
    .first-img-adjust{
        height: 450px;
        object-fit: cover;
    }
    .second-img-adjust2{
        height: 450px;
        object-fit: cover;
    }

    .third-img-adjust{
        height: 588px;
        object-fit: cover;
    }
    

    /* service 3 */
    .mm-left{
        margin-left: -100px;
    }

    /* team */
    .team {
        flex: 1 1 30%; /* Boxes take 30% width on medium screens */
      }

         /* service*/
     .s-box {
        flex: 1 1 30%; /* Boxes take 30% width on medium screens */
      }
}

@media only screen and (max-width: 1024px) {
    section.system .sticky-div_2 {
        /* position: initial; */
        top:130px;
    }
}

@media only screen and (max-width: 991px) {
        /* new code added */
        .portfolio-item .p-image_blue img{
            border-radius: 10px 10px 0px 0px !important;
        }
        .portfolio-item .p-image_green img{
            border-radius: 10px 10px 0px 0px !important;
        }
        .radius1 {
            border-radius: 0px 0px 10px 10px !important;
        }
        .radius2{
            border-radius: 0px 0px 10px 10px !important;
        }

    header .dropdown-menu {
        display: none;
    }

    /* NEW ADDED */
    /* header .nav-link {
        font-size: 14px !important;
    } */
    header .dropdown-item {
        font-size: 14px;
    }

    header .navbar-expand-lg .navbar-nav .nav-link {
        padding-left: 0.5rem;
        margin-bottom: 0.7rem;
        font-size: 14px;
    }

    header .social {
        padding-left: 0.5rem;
        margin-bottom: 1.5rem;
    }

    section.home_banner .banner_video {
        height: 64vh;
    }

    section.home_banner .box {
        top: -127px;
    }

    section.home_banner img {
        width: 142px;
    }

    section.home_banner h2 {
        font-weight: 600;
        font-size: 16px !important;
    }

    section.eco .blue {
        font-size: 16px;
        width: 100%;
    }

    section.eco h4 {
        font-size: 18px;
    }

    /* section.award .envi {
        width: 100%;
        font-size: 16px;
    } */

    section.service,
    section.blog,
    section.media,
    section.contact,
    section.about,
    section.team,
    section.blog-page,
    section.portfolio-section,
    section.advanced,
    section.type,
    section.sewage-treatment,
    section.faq,
    section.blog_detail,
    section.case {
        padding: 3.5rem 0;
    }

    section.service .card-text {
        font-size: 18px;
        width: 83%;
    }

    section.service .card .img-2 {
        width: 286px;
        bottom: 24px;
        left: 24px;
    }

    .heading {
        font-size: 2rem;
    }

    section.system .advantage {
        font-size: 2rem;
    }

    section.case-study .card img {
        height: 310px;
    }

    section.case-study .card-body {
        padding: 1.5rem;
    }

    section.blog .card-body {
        padding-left: 0;
        padding-top: 2rem;
    }

    section.media img {
        height: auto;
    }

    section.client {
        height: 55vh;
    }

    section.client h2 {
        font-size: 1.5rem;
    }

    section.client .box {
        width: 100%;
        padding: 2rem;
    }

    section.client .client-box {
        padding-left: 0;
        padding-right: 0;
    }

    section.client .box .testimonial p {
        width: 100%;
    }

    section.faq .accordion {
        width: 100%;
    }

    footer .flex-box {
        gap: 22px;
    }

    section.contact .border-box {
        border-right: 1px solid transparent;
    }

    section.contact .bg_div {
        background-color: #f4f4f4;
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    section.about p {
        font-size: 16px;
    }

    section.about .card {
        margin-top: 0rem;
    }

    section.team .heading {
        font-size: 2rem;
    }

    section.portfolio-section .control {
        margin-bottom: 0.8rem;
    }

    section.page_banner .card img {
        height: 26vh;
    }

    section.constructed .box p {
        width: 100%;
    }

    section.advanced .advance-text {
        font-size: 21px;
        font-weight: 800 !important;
    }

    section.bg_anim .wave1 {
        width: 778px;
        height: 512px;
        animation: none;
    }

    section.bg_anim {
        height: 50vh;
        animation: none;
    }

    .m-left{
        margin-left: 0px;
    }   

     /* for service page */
     section.enviroment-friendly .content{
        position: unset;
        transform: unset;
        padding-bottom: 2rem;
}
.fade-color{
    font-size: 70px !important;
    line-height: 60px;
    
}

.color-b{
    font-size: 35px !important;
    margin-top: -30px !important;
    max-width: 450px !important;
    margin-left: 40px !important;
}

.text-back{
    max-width: 500px;
    margin-left: 40px;
}



    /* end */

    /* service Banner2 */
    .aerated .content{ 
        position: absolute !important;
        top: 50% !important;
        transform: translateY(-50%) !important;
}
.second-img-adjust{
    height: 560px;
    object-fit: cover;
}

.second-img-adjust2{
    height: 400px;
    object-fit: cover;
}




.third-img-adjust {
    height: 682px;
    object-fit: cover;
}

 /* service 3 */
 .mm-left{
    margin-left: 0px;
}

/* last section */
.width-master{
    max-width: 540px;
    margin-top: 30px;
}

}
@media only screen and (max-width: 768px) {

    section.system {
        display: none;
    }
    section.bluedrop .mobile-div {
        display: block;
    }
    .adjust{
            object-position: 0;
    }

     /* team */
     .team {
        flex: 1 1 45%; /* Boxes take 30% width on medium screens */
      }

         /* service*/
     .s-box {
        flex: 1 1 45%; /* Boxes take 30% width on medium screens */
      }
      .s-box img{
        height: 220px;
        object-fit: contain;
      }
}

@media only screen and (max-width: 600px) {
    .floaters {
        bottom: 13px;
        right: 20px;
    }

    .floaters img {
        width: 41px;
    }

    .is-compact .fancybox__content>.f-button.is-close-btn {
        top: -45px;
        background-color: white;
        color: #0066b2;
        opacity: 1;
    }

    header .logo {
        width: 182px;
    }

    header .navbar.fixed-top .logo {
        width: 167px;
        padding: 10px 0;
    }

    /* section.home_banner .banner_video {
        height: 31vh;
    } */

    section.home_banner .banner_video {
        height: 75vh;
        object-position: 20%;
    }

    section.home_banner .card-img-overlay {
        background: linear-gradient(0deg, rgba(0, 0, 0, 0.65) 44.14%, rgba(0, 0, 0, 0) 63.58%);
    }

    section.home_banner .box {
        top: -72px;
        right: 58px;
    }

    section.service .card .img-2 {
        width: 340px;
    }

    section.service .service_text {
        width: 100% !important;
        font-size: 16px !important;
    }

    section.system {
        display: none;
    }

    section.bluedrop {
        padding-bottom: 3rem;
    }

    section.bluedrop h2 {
        font-size: 2rem;
        font-weight: 700;
    }

    /* application mobile ******************/

    section.bluedrop .text-box p {
        font-size: 16px !important;
        width: 100% !important;
    }

    section.bluedrop .mobile-div {
        display: block;
    }

    section.bluedrop .mobile-div img {
        width: 50%;
        object-fit: contain;
    }

    section.bluedrop .mobile-div .lake {
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 800 !important;
    }

    /* application mobile end ******************/

    section.home_banner img {
        width: 147px;
    }

    section.project h5 {
        font-size: 16px;
        width: 100%;
    }

    section.project img {
        width: 90px;
    }

    section.media img {
        margin-bottom: 2.5rem;
    }

    section.client {
        height: 100%;
    }

    footer .footer-logo {
        width: 166px;
    }

    section.contact .bg_div {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 96%;
        margin: 0 auto;
    }

    section.contact .form-box {
        width: 100%;
    }

    section.contact .flex-div {
        flex-direction: column;
        gap: 0 !important;
    }

    section.about .card-body {
        width: 100%;
        padding: 2rem 0;
        transform: translateY(0px);
        background-color: transparent;
        box-shadow: none;
        text-align: start;
    }

    section.about .card-text {
        color: #676767;
    }

    section.about .card-title {
        margin-bottom: 1rem;
    }

    section.team .row {
        padding: 2rem 0;
    }

    section.portfolio-section .portfolio-menu {
        text-align: start;
    }

    #detail .product-images .main-img-slider img {
        height: 226px;
    }

    #detail .product-images .thumb-nav li img {
        height: 75px;
    }

    section.page_banner .card img {
        height: 33vh;
    }

    section.page_banner .card-title {
        font-size: 18px !important;
    }

    section.page_banner .card-img-overlay {
        background-color: #0000009c;
    }

    section.constructed {
        padding-top: 3.5rem;
    }

    section.advanced .advance-text {
        font-size: 17px;
        line-height: 28px;
    }

    section.type h4 {
        font-size: 18px;
    }

    section.sewage_banner .card img {
        height: 30vh;
        object-fit: cover;
    }

    section.bg_anim .wave1 {
        width: 500px;
        height: 365px;
    }

    section.bg_anim {
        height: 51vh;
    }

    section.case h2 {
        font-size: 22px;    
    }
        /* for service page */
        section.enviroment-friendly .content{
            position: unset;
            transform: unset;
    }
    .fade-color{
        font-size: 60px !important;
        line-height: 50px;
        
    }
    
    .color-b{
        font-size: 30px !important;
        margin-top: -20px !important;
        max-width: 450px !important;
        margin-left: 30px !important;
    }
    
    .text-back{
        max-width: 500px;
        margin-left: 30px;
    }

    /* last section */
.width-master{
    max-width: 540px;
    margin-top: 10px;
}
    
        /* end */

          /* team */
     .team {
        flex: 1 1 100%; /* Boxes take 30% width on medium screens */
      }

           /* service*/
     .s-box {
        flex: 1 1 100%; /* Boxes take 30% width on medium screens */
      }

      .team img {
        width: 100%; 
        max-width: 100%; 
      }
}

@media only screen and (max-width: 480px) {
    section.home_banner .box {
        right: 0;
    }
}

@media only screen and (max-width: 393px) {
    section.service .card .img-2 {
        /* width: 318px; */
        width: 301px;
    }

    section.home_banner .banner_video {
        height: 81vh;
    }
}

@media only screen and (max-width: 375px) {
    /* section.service .card .img-2 {
        width: 301px;
    } */
}