/**** nav-bar ****/
@media screen and (max-width:1200px) {

    /*======= home =======*/
    .header_social {
        display: none !important;
    }
    .header_main{
        margin: 10px 0px; 
    }
    .header_main.scrolled {
        margin: 0 ;
    }
    .nav_main {
        height: 100vh;
        width: 100%;
        position: fixed;
        background: white;
        display: grid;
        align-items: center;
        top: 0;
        right: 0;
        display: none;
    }

    .nav_main .nav_li {
        position: absolute;
        height: 110dvh;
        width: 100%;
        background: white;
        color: black;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px 0px;
        top: 0;
        right: 0;
        text-align: center;
        flex-direction: column;
    }

    .sub_nav {
        position: absolute;
        border: solid #e5e5e5 3px;
        box-shadow: 10px 10px 10px #00000033;
        padding: 0;
    }

    ul.nav_li a,
    ul.nav_li div {
        /* padding: 10px; */
        position: relative;
        /* width: 100%; */
        /* height: max-content; */
        /* top: 50%; */
        display: contents;
    }

    .toggle_bt {
        display: flex !important;
    }

    /* drinking water */
    .tech_none{
        display: none;
    }
        .points {
            display: block !important;
        }
    .technologies_10 .separator_underline {
        width: 33%;
        height: 1px;
        background: #e2e2e2;
        margin: 20px auto;
        margin-top: 10px;
    }

}

@media screen and (max-width:991px) {
    /*======= home =======*/

    /*==== nav ==== */
    .header_social {
        display: none !important;
    }

    .nav_main {
        height: 100vh;
        width: 100%;
        position: fixed;
        background: white;
        display: grid;
        align-items: center;
        top: 0;
        right: 0;
        display: none;
    }

    .nav_main .nav_li {
        position: absolute;
        height: 100vh;
        width: 100%;
        background: white;
        color: black;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 15px 0px;
        top: 0;
        right: 0;
        text-align: center;
        flex-direction: column;
    }

    .sub_nav {
        position: absolute;
        border: solid #e5e5e5 3px;
        box-shadow: 10px 10px 10px #00000033;
        padding: 0;
    }

    ul.nav_li a,
    ul.nav_li div {
        /* padding: 10px; */
        position: relative;
        /* width: 100%; */
        /* height: max-content; */
        /* top: 50%; */
        display: contents;
    }

    .toggle_bt {
        display: flex !important;
    }

    /* ====== */
    .commercial_01 {
        padding: 1rem;
    }

    .commercial_01:hover {
        border-bottom: 2px solid #1691CE !important;
    }

    .commercial_01:nth-child(2) {
        border-right: 0px;
    }

    .commercial_01:nth-child(3) {
        border-right: 1px solid #e0e0e0;
    }

    .commercial_01:nth-child(4) {
        border-right: 0px;
    }

    .commercial_01:nth-child(4) {
        border-bottom: 2px solid #e0e0e0;
    }

    .commercial_01:nth-child(5) {
        border-bottom: 2px solid #fff;
    }

    .commercial_01:nth-child(6) {
        border-right: none;
        border-bottom: 2px solid #fff;
    }



    /* about */
    .card_data{
        display: block;
text-align: center;
    }
    .br-right{
        border: 0;
    }
.br1{
border: 1px solid;
}

.br2{
    border: 1px solid;
}
.br3{
    margin-top: 10px;
    border: 1px solid;
}
.br4{
    margin-top: 10px;
    border: 1px solid;
    padding: 22px;
}

/* clients */

.technologies_1000 ul{
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    justify-items: center;
}

.technologies_1000 ul li {
    float: left;
    width: auto;
    overflow: hidden;
}
 /* blog details */
 .blog_cont{
    /* padding: 30px !important; */
}
/* drinking water */
.quality_cnt {
    padding: 0;
}
.dom_puri {
    margin-left:0px !important;
    padding-right: 0px !important;
}

.technologies_10 ul li {
    float: left;
    width: 25%;
    overflow: hidden;
}
#gallery .item-grid .item a,
#gallery .item-grid .item img {
    object-fit: fill;
    height: 250px;
}
.relative.inner img{
        height: 350px;
    }

}



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

    /*======= home =======*/
    .blue_items {
        padding: 30px 0;
    }

    .blue_items ul {
        display: block;
        padding: 0%;
    }

    .blue_items ul li {
        width: 100%;
        border-bottom: 1px solid #fff;
        border-right: 0;
    }


    .blue_items ul li:last-child {
        border-bottom: 0px;
    }

    .blue_items img {
        margin-bottom: 1.5rem;
        transition: all 0.65s;
    }

    .blue_items span {
        font-weight: 300;
        text-transform: uppercase;
        font-size: 15px;
        line-height: 20px;
        display: block;
    }

    .commercial_01 {
        padding-top: 2rem !important;
        padding: 1rem;
        border-right: 0 !important;
        border-bottom: 2px solid #e0e0e0 !important;
    }

    .commercial_01:last-child {
        border-bottom: 2px solid #fff !important;
    }

    .commercial_01:hover {
        border-bottom: 2px solid #1691CE !important;
    }

    .servi_cnt {
        padding-left: 20px;
    }

    .quality_cnt {
        padding: 2rem;
    }

    /* rain water */
    .rainwtr_main li {
        display: flex;
        border-right: 1px solid #e0e0e0 !important;
        padding: 2rem;
        border-bottom: 2px solid #e0e0e0;
        width: 50%;
    }

    .rainwtr_main li:nth-child(2){
    border-right: 0px !important;
    }
    .rainwtr_main li:nth-child(4){
        border-right: 0px !important;
        }
        .rainwtr_main li:nth-child(6){
            border-right: 0px !important;
            }
            .rainwtr_main li:nth-child(8){
                border-right: 0px !important;
                }
                .rainwtr_main li:nth-child(10){
                    border-right: 0px !important;
                    border-bottom: 2px solid #e0e0e0;
                    }
                    .rainwtr_main li:nth-child(11){
                        border-bottom: 2px solid #fff;
                        }
                    .rainwtr_main li:nth-child(12){
                        border-right: 0px !important;
                        border-bottom: 2px solid #fff;
                        }

                        .commercial_02:hover {
                            border-bottom: 2px solid #1691CE;
                        }
    /* ====footer==== */
    .social_footer {
        margin-bottom: 30px;
    }

    .ftr_nav ul li:hover:last-child,
    .ftr_contact ul li:hover:last-child {
        border-bottom: 0 !important;
        transition: all 0.3s;
    }

    /* about */

    .br1{
        border: none;
        }

        .br2{
            border: none;
        }
        .br3{
            border: none;
        }
        .br4{
            border: none;
        }
        .card_data {
            display:block;
            text-align: center;
        }
        .br-right {
            padding: 30px;
            border-right: 0;
            border-bottom: 1px solid;
        }
        .br-right_last{
            padding: 30px;
        }

        .about_drop_img{
            margin-bottom: 20px;
        }
        .row_reverse{
            flex-direction: column-reverse;
        }

/* drinking water */

.technologies_10 ul li {
    float: left;
    width: 33.33%;
    overflow: hidden;
}
        /* clents */
    .technologies_1000 ul{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        justify-items: center;
    }

        .technologies_1000 ul li {
            float: left;
            width: auto;
            overflow: hidden;
        }
            /* products details*/
    .side_padd {
        padding: 0px 5%;
    }

    /* blog details */
    .blog_cont{
        padding: 20px !important;
    }

    /* contact */
    .contact_main{
        margin-top: 50px !important;
    }
    .contact_mainform{
        padding:0 20px;
    }
    /* drinking water */


    /* waste water */
.ind_wtr p {
    font-size: 15px;
    width: 100%;
    text-align: justify;
}
.text_back{
    padding: 20px !important;
}

/* inner services */
/* membrane */
.features_pg1 li {
    width: 100% !important;
}
.ozone_bnfts li {
    width: 100%;
}
#gallery .item-grid .item a,
#gallery .item-grid .item img {
    object-fit: fill;
    height: 240px;
}

.section-1 .image img{
    height: 300px;

}
.background .bg-image{
    background-image: url(../images/service_img/pool/bg.png);
    height: auto;
    padding: 30px 10px;
    border-radius:15px;
    /* display: grid; */
    place-items: center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
}
.background .content{
    width: 100%;
    padding: 10px;
}
.background .content h1 {
    text-align: center;
    font-size: 40px;
    font-weight: 650;
    padding: 0 00px;
}

.productname{
    transform: translateY(0%);
    opacity: 1;
}

}

@media screen and (max-width:575px) {

    /*======= home =======*/
    .quality_cnt {
        padding: 2.5rem;
    }

    .quality_cnt ul {
        display: block;
        padding: 0%;
    }

    .quality_cnt ul li {
        width: 100% !important;
        padding: 10px 0;
        border-bottom: 1px solid #3C3C3C;
    }

    .quality_cnt ul li:last-child {
        border-bottom: 0;
    }
    .test_cnt {
        margin: 2rem 0 0 0;
    }
    .d5n img{
        width: 13% !important;

    }
/* about */
    .card_data {
        display:block;
        text-align: center;
    }
    .br-right {
        padding: 30px;
        border-right: 0;
        border-bottom: 1px solid;
    }
    .br-right_last{
        padding: 30px;
    }

    /* features */
    .features_pg {
        padding: 0!important;
    }

    /* waterlab */


    /* products details*/
    .side_padd {
        padding: 0px 2%;
    }
.order_now01{
    margin-bottom: 10px;
}
.product_text_lg {
    padding:30px 0px;
}
/* career */
.careerr p{
    font-size: 18px;
    width: 100%;
    text-align: start !important;

}
/* contact */
.contact_mainform{
    padding:0 10px;
}
.rainwtr_main li {
    display: flex;
    border-right:0 !important;
    padding: 2rem;
    width: 100%;
}
.rainwtr_main li:nth-child(11){
    border-bottom: 2px solid #e0e0e0;
    }

/* drinking water */
.technologies_10 .separator_underline {
    width: 33%;
    height: 1px;
    background: #e2e2e2;
    margin: 10px auto;
    margin-top: 10px;
}

/* service inner */
.commercial {
    padding: 50px 0%;
}
.watr_lab{
    padding: 0 !important;
    margin: 50px 0;
}
/* membrane */
.Why_mbr {
    padding: 0;
}
.general_info {
    padding: 0 !important;
}
/* effluent */
.advantages {
    padding: 0 !important;
}
#gallery .item-grid .item a,
#gallery .item-grid .item img {
    object-fit: fill;
    height: 350px;
}

.product_img{
    max-height:364px;
}

/* blog - inner */
.relative.inner img,
    .relative img {
    height: 300px;
}
.features_frp ul li{
    width: 100%;
    height: auto;
}
.section-1 .bg {
    padding: 25px 15px;
    border-radius: 15px;
}
.section-1 .text {
    padding: 20px 0px 20px 0px;
}
}

@media screen and (max-width:425px) {

    /*======= home =======*/

.home_banner video {
    width: 100%;
    height: 100vh;
    top: 0px;
}

.banner_text {
    height: 100%;
    top: 0;
    right: 0;
}
    .welcome {
        padding: 50px 0px 0px 0px;
        background-image: url(../images/who-we-bg.webp);
        background-size: cover;
        background-position: center;
    }

    .quality_cnt {
        padding: 2.5rem 1rem;
    }

    .quality_cnt ul {
        display: block;
        padding: 0%;
    }

    .quality_cnt ul li {
        width: 100% !important;
        padding: 10px 0;
        border-bottom: 1px solid #3C3C3C;
    }

    .quality_cnt ul li:last-child {
        border-bottom: 0;
    }

    .whatsapp_bt {
        position: fixed;
        bottom: 60px;
        left: 5px;
    }
    .floating_brochure {
        top: 65%;
    }
    .sidebar-contact {
        top: 65%;
    }

    /* about us */
    .card_data {
        display:block;
        text-align: center;
    }
    .br-right {
        padding: 30px;
        border-right: 0;
        border-bottom: 1px solid;
    }
    .br-right_last{
        padding: 30px;
    }
    .section_padd {
        padding: 50px 0 30px;
    }

        /* blog details */
        .blog_cont{
            padding: 10px !important;
        }
        .careerr p{
            font-size: 18px;
            width: 100%;
            text-align: start !important;
    }
        /* clients */
        .technologies_1000 ul{
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        justify-items: center;
        }
        .technologies_1000 ul li {
            float: left;
            width: auto;
            overflow: hidden;
        }
    /* drinking water */
    .technologies_10 ul li {
        float: left;
        width: 50%;
        overflow: hidden;
    }

    /* conatct */
    .contact_mainform{
        padding:0;
    }

    .relative.inner img,
    .relative img {
        height: 300px;
    }
}

@media screen and (max-width:425px) {
    .relative.inner img,
    .relative img {
        height: 250px;
    }
}