@media only screen and (max-width:1024px){
.sectadd{
    margin-top:30%;
}
.imgbanner {
    background-image: url(images/banner/harimanbanner.jpg);
    /* background-attachment: fixed; */
    background-size: cover;
    width: 100%;
    height: auto;
    background-position-x: 78%;
    -webkit-background-position-x:78%;
    -moz-background-position-x:78%;
    -ms-background-position-x:78%;
    clip-path: ellipse(100% 55% at 48% 44%);
    -webkit-clip-path: ellipse(100% 55% at 48% 44%);
    -moz-clip-path: ellipse(100% 55% at 48% 44%);
    -ms-clip-path: ellipse(100% 55% at 48% 44%);
    position: relative;
}
}

@media all and (max-width: 991px) {
    #waterlesshead{
        display:none;
    }
    #mobwaterlesshead{
        display:block;
    }
    .productimages {
        width: 50%;
        margin: auto;
    }
    .serviceimage img {
        height: 28vh;
    }
}
@media only screen and (max-device-width: 480px) {
    .imgbanner {
        background-image: url(images/banner/harimanbanner.jpg);
        /* background-attachment: fixed; */
        background-size: cover;
        width: 100%;
        height: auto;
        background-position-x: 78%;
        -webkit-background-position-x:78%;
        -moz-background-position-x:78%;
        -ms-background-position-x:78%;
        clip-path: ellipse(100% 55% at 48% 44%);
        -webkit-clip-path: ellipse(100% 55% at 48% 44%);
        -moz-clip-path: ellipse(100% 55% at 48% 44%);
        -ms-clip-path: ellipse(100% 55% at 48% 44%);
        position: relative;
    }
}

@media all and (max-width: 425px) {
    .servicehead-img {
    width: 80%;
    margin: auto;
}
nav.stroke .stroking .navdown .navbarthing .navbartext:after{
    display:none;
}
.textimage05 {
    font-family: 'Avenir-LT-45-Book', Helvetica, sans-serif;
    color: #3A3736;
    font-size: 18px;
    font-weight: normal;
    text-align:justify;
}
.dnone{
    display:block;
}
.dsmnone{
    display:none;
}
.navbar-brand{
    width:200px;
}
.mobvanish{
    display:none;
}
.mobcome{
    display:block;
}
.padten{
    padding-left:10px;
}
.waterimagehead-aerator img{
    width:100%
}
.textimage15{
    font-size:18px;
}
#mobforthsection{
    display:block;
}
.serviceimage img {
    height: 40vh;
}
#forthsection{
    display:none;
}
.productimage{
    width:100%;
    margin:auto;
}
.dropdown-menu:after, .dropdown-menu:before{
    display:none;
}
.productimgg{
    width:290px;
    margin:auto;
}
.line15 {
    width: 20%;
    height: 0px;
    background-color: rgb(28, 172, 216);
}
.waterimagehead{
    width: 100%;
    padding:0px 15px;
}
.productimgg{
    width:100%;
}

#mobaeratortext{
    display:block;
}
#sixthsection{
    display:none;
}
#mobsixthsection{
    display:block;
}
#aeratortext{
    display:none;
}
.waterimagehead-aerator{
    width:100%;
}
.waterimagehead img {
    width: 100%;
    height: 100%;
}
.contactimagehead{
    width:100%;
    padding:0px 15px;
}
.contactimagehead img {
    /* height: 10vh; */
    width: 100%;
}
#navborder{
    width: 100%;
    background-color:white;
}
.homepage-nav .navbar-light .navbar-nav .nav-link {
    color: #3A3736;

}
.whatspplink {
    position: fixed;
    bottom: 70px;
    right: 25px;
    z-index:10000;
}
.imgbanner {
    background-image: url(images/banner/harimanbanner.jpg);
    /* background-attachment: fixed; */
    background-size: cover;
    width: 100%;
    height: auto;
    background-position-x: 80%;
    -webkit-background-position-x: 80%;
    -moz-background-position-x: 80%;
    -ms-background-position-x: 80%;
    clip-path: ellipse(100% 55% at 48% 44%);
    -webkit-clip-path: ellipse(100% 55% at 48% 44%);
    -moz-clip-path: ellipse(100% 55% at 48% 44%);
    -ms-clip-path: ellipse(100% 55% at 48% 44%);
}
.textimage{
    font-size:24px;
}
.textsmall{
    font-size:22px;
}
iframe {
    width: 100%;
    height: 300px;
}
.imgurinal{
    width:100%;
    }
#mobilecarousel {
display: block;
}
span.fas.fa-angle-left , span.fas.fa-angle-right{
color:rgb(27, 139, 173);
}
.imageservice{
    width:100%;
    margin:auto;
}
.formbar {
padding: 6%;
width: 85%;
box-shadow: 0px 0px 3px rgb(39, 39, 39);
z-index: 1;
}
#mobilecarouselwater {
display: block;
}
#section3{
display:none;
}
.hr-text{
font-size:22px;
}
.productimages {
    width: 100%;
}
#mobileimagepeople{
display:block;
text-align:center;
}
#mobimg2{
display:block;
}
.mobcarouselinner{
height:353px;
}
#mobfooter{
display:block;
}
#mobilecarousel img{
    width:100px;
}
.indicate{
    bottom:-40px;
}
.testimonialimage img{
    width:50%;
    margin:auto;
}
.testimonialimage{
    text-align:center;
}
#testimonialsect{
    width:100% ! important;
}
.in-leftanimatehead {
    -webkit-animation-name: fadeInLefthead;
    -moz-animation-name: fadeInLefthead;
    -o-animation-name: fadeInLefthead;
    animation-name: fadeInLefthead;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -o-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-duration:0s;
    animation-delay: 0s;
    }

    @keyframes fadeInLefthead {
    from {
    opacity:0;
    -webkit-transform: translatex(200px);
    -moz-transform: translatex(200px);
    -o-transform: translatex(200px);
    transform: translatex(200px);
    }
    to {
    opacity:1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
    }
    }

    .in-rightanimatehead {
    -webkit-animation-name: fadeInRighthead;
    -moz-animation-name: fadeInRighthead;
    -o-animation-name: fadeInRighthead;
    animation-name: fadeInRighthead;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -o-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-duration:0s;
    animation-delay: 0s;
    }

    @keyframes fadeInRighthead {
    from {
    opacity:0;
    -webkit-transform: translatex(-100px);
    -moz-transform: translatex(-100px);
    -o-transform: translatex(-100px);
    transform: translatex(-100px);
    }
    to {
    opacity:1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
    }
    }





.in-leftanimate {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -o-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -o-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-duration:0s;
    animation-delay: 0s;
    }

    @keyframes fadeInLeft {
    from {
    opacity:0;
    -webkit-transform: translatex(100px);
    -moz-transform: translatex(100px);
    -o-transform: translatex(100px);
    transform: translatex(100px);
    }
    to {
    opacity:1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
    }
    }
    .in-left1animate {
    -webkit-animation-name: fadeInLeft1;
    -moz-animation-name: fadeInLeft1;
    -o-animation-name: fadeInLeft1;
    animation-name: fadeInLeft1;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -o-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-duration:0s;
    animation-delay: 0s;
    }

    @keyframes fadeInLeft1 {
    from {
    opacity:0;
    -webkit-transform: translatex(100px);
    -moz-transform: translatex(100px);
    -o-transform: translatex(100px);
    transform: translatex(100px);
    }
    to {
    opacity:1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
    }
    }.in-left2animate {
    -webkit-animation-name: fadeInLeft2;
    -moz-animation-name: fadeInLeft2;
    -o-animation-name: fadeInLeft2;
    animation-name: fadeInLeft2;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -o-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-duration:0s;
    animation-delay: 0s;
    }

    @keyframes fadeInLeft2 {
    from {
    opacity:0;
    -webkit-transform: translatex(100px);
    -moz-transform: translatex(100px);
    -o-transform: translatex(100px);
    transform: translatex(100px);
    }
    to {
    opacity:1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
    }
    }
    .in-rightanimate {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -o-animation-name: fadeInRight;
    animation-name: fadeInRight;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -o-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-duration:0s;
    animation-delay: 0s;
    }

    .in-left3animate {
        -webkit-animation-name: fadeInLeft3;
        -moz-animation-name: fadeInLeft3;
        -o-animation-name: fadeInLeft3;
        animation-name: fadeInLeft3;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 0s;
        -moz-animation-duration: 0s;
        -o-animation-duration: 0s;
        animation-duration: 0s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -o-animation-duration:0s;
        animation-delay: 0s;
        }

        @keyframes fadeInLeft3 {
        from {
        opacity:0;
        -webkit-transform: translatex(400px);
        -moz-transform: translatex(400px);
        -o-transform: translatex(400px);
        transform: translatex(400px);
        }
        to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
        }
        }

    .in-left4animate {
        -webkit-animation-name: fadeInLeft4;
        -moz-animation-name: fadeInLeft4;
        -o-animation-name: fadeInLeft4;
        animation-name: fadeInLeft4;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 0s;
        -moz-animation-duration: 0s;
        -o-animation-duration: 0s;
        animation-duration: 0s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -o-animation-duration:0s;
        animation-delay: 0s;
        }

        @keyframes fadeInLeft4 {
        from {
        opacity:0;
        -webkit-transform: translatex(400px);
        -moz-transform: translatex(400px);
        -o-transform: translatex(400px);
        transform: translatex(400px);
        }
        to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
        }
        }


    .in-left5animate {
        -webkit-animation-name: fadeInLeft5;
        -moz-animation-name: fadeInLeft5;
        -o-animation-name: fadeInLeft5;
        animation-name: fadeInLeft5;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 0s;
        -moz-animation-duration: 0s;
        -o-animation-duration: 0s;
        animation-duration: 0s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -o-animation-duration:0s;
        animation-delay: 0s;
        }

        @keyframes fadeInLeft5 {
        from {
        opacity:0;
        -webkit-transform: translatex(400px);
        -moz-transform: translatex(400px);
        -o-transform: translatex(400px);
        transform: translatex(400px);
        }
        to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
        }
        }


    .in-left6animate {
        -webkit-animation-name: fadeInLeft6;
        -moz-animation-name: fadeInLeft6;
        -o-animation-name: fadeInLeft6;
        animation-name: fadeInLeft6;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 0s;
        -moz-animation-duration: 0s;
        -o-animation-duration: 0s;
        animation-duration: 0s;
        -webkit-animation-delay: 0s;
        -moz-animation-delay: 0s;
        -o-animation-duration:0s;
        animation-delay: 0s;
        }

        @keyframes fadeInLeft6 {
        from {
        opacity:0;
        -webkit-transform: translatex(400px);
        -moz-transform: translatex(400px);
        -o-transform: translatex(400px);
        transform: translatex(400px);
        }
        to {
        opacity:1;
        -webkit-transform: translatex(0);
        -moz-transform: translatex(0);
        -o-transform: translatex(0);
        transform: translatex(0);
        }
        }


    @keyframes fadeInRight {
    from {
    opacity:0;
    -webkit-transform: translatex(-100px);
    -moz-transform: translatex(-100px);
    -o-transform: translatex(-100px);
    transform: translatex(-100px);
    }
    to {
    opacity:1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
    }
    }
    .in-right1animate {
    -webkit-animation-name: fadeInRight1;
    -moz-animation-name: fadeInRight1;
    -o-animation-name: fadeInRight1;
    animation-name: fadeInRight1;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -o-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-duration:0s;
    animation-delay: 0s;
    }

    @keyframes fadeInRight1 {
    from {
    opacity:0;
    -webkit-transform: translatex(-100px);
    -moz-transform: translatex(-100px);
    -o-transform: translatex(-100px);
    transform: translatex(-100px);
    }
    to {
    opacity:1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
    }
    }.in-right2animate {
    -webkit-animation-name: fadeInRight2;
    -moz-animation-name: fadeInRight2;
    -o-animation-name: fadeInRight2;
    animation-name: fadeInRight2;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0s;
    -moz-animation-duration: 0s;
    -o-animation-duration: 0s;
    animation-duration: 0s;
    -webkit-animation-delay: 0s;
    -moz-animation-delay: 0s;
    -o-animation-duration:0s;
    animation-delay: 0s;
    }

    @keyframes fadeInRight2 {
    from {
    opacity:0;
    -webkit-transform: translatex(-100px);
    -moz-transform: translatex(-100px);
    -o-transform: translatex(-100px);
    transform: translatex(-100px);
    }
    to {
    opacity:1;
    -webkit-transform: translatex(0);
    -moz-transform: translatex(0);
    -o-transform: translatex(0);
    transform: translatex(0);
    }
    }

}
@media all and (max-width:320px){
.formbar {
padding: 6%;
width: 85%;
box-shadow: 0px 0px 3px rgb(39, 39, 39);
z-index: 1;
}
.hr-text{
font-size:19px;
}

#mobileimagepeople{
display:block;
text-align:center;
}
#mobimg2{
display:block;
}
.mobcarouselinner{
height:266px;
}
}
@media only screen and (max-width:768px){
    h4.headertext {
        font-size: 18px;
    }
    .service-popup-img{
        width: 100%;
        margin: auto;
    }
.client1{
text-align: center;
height: 50%;
background-color: rgb(28, 172, 216);
border-radius: 10px;
width:100%;
}
.textonbanner{
    position: unset;
}
.huge {
    border-bottom: none;
    border-radius: 0;
    margin: 0 auto;
    overflow: hidden;
    position: unset;
    width: 100%;
}
.bordertwist{
    border-radius: 0;
}
}