@charset "utf-8";
/* CSS Document */

/*---For Laptop---*/
@media (max-width: 1800px) {}

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

@media(min-width:1400px) {}

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

@media(min-width:1200px) {}

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

/*---For Laptop---*/
@media (min-width: 1200px) and (max-width: 1400px) {}

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

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

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

/*---For Horizental iPad---*/
@media (min-width: 992px) and (max-width: 1199px) {}

@media (min-width: 991px) {
    .footer-list-1 ul{
        padding: 0;
    }
}

@media (min-width: 768px) {}

@media (min-width: 1024px) {}

/*---For Vertical iPad---*/
@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 991px) {
    header .navbar .navbar-nav li:first-child{
        padding-left: 13px;
    }
    header .header-topbar.navbar>div>ul.nav>li {
        padding-right: 10px;
    }
    header .header-topbar>div>ul.nav>li {
        padding-left: 10px;
    }
    .banner-1-txt{
        width: 70%;
    }
    .divder-box {
        padding: 20px 20px;
    }
    .divder-box .container{
        max-width: 100%;
    }
    .divder-box .box {
        align-items: center;
    }
    .divder-box .box .num {
        font-size: 50px;
        font-weight: 600;
        padding-right: 10px;
        padding-top: 0px;
    }
    .divder-box .box .txt {
        font-size: 12px;
        font-weight: 700;
        padding-right: 10px;
        padding-left: 10px;
        text-align: center;
    }
    .about .container{
        max-width: 100%;
    }
    .about .image-box {
        padding-top: 89px;
        padding-right: 0;
    }
    .save-water-txt {
        padding: 30px 0px 0px 10px;
    }
    .save-water-txt .save-list li {
        margin-bottom: 5px;
        margin-top: 15px;
    }
    .save-water-txt .save-list li h5{
        font-size: 16px;
        font-weight: 400;
    }
    .renewable-txt{
        padding: 0px 0px 0 15px;    
    }
    .renewable-txt-1 {
        padding: 26px 0;
    }
    .renewable-txt-icon {
        font-size: 31px;
    }
    .renewable-txt-p {
        padding: 10px;
        font-size: 21px;
        font-weight: 500;
    }
    .renewable .sub-box {
        padding: 6px 16px;
        font-size: 14px;
        font-weight: 700;
        top: -90px;
        margin-bottom: 20px;
        left: -50px;
        margin-bottom: 10px;
    }
    .renewable .first_half, .renewable .second_half {
        padding: 6px;
    }
    .renewable .sub-box h6 {
        font-size: 12px;
        font-weight: 600;
    }
    .services-heading{
        width: 100%;
    }
    .services .card-2{
        padding: 32px 20px;
    }
    .services .card-3{
        padding: 35px 30px;
    }
    .services .card-6{
        padding: 57px 24px;
    }
    footer {
        padding-top: 24px;
    }
    footer .container{
        max-width: 95%;
    }
    .footer-list-1 ul{
        padding:0 8px;
    }
    .contact-box .box-a , .contact-box .box-b {
    font-size: 14px;
    font-weight: 400;
    padding: 16px;
    }
    .contact-box i{
        padding-right: 4px;
    }
    .hours, .social-media{
        font-size: 14px;
        font-weight: 400;
        word-spacing: 0px; 
        letter-spacing: 0px;
    }
    .social-media ul{
        padding: 0;
    }
    .footer-list ul li a{
        font-size: 14px;
        font-weight: 400;
    }
    .copyright {
        font-size: 12px;
        font-weight: 400;
    }
    .header-absolute .about-offcanvas .navbar-nav .nav-link{
        color: black;
    }
    .about-offcanvas .navbar-nav .active{
        color: #549f57;
    }
    .header-absolute .offcanvas-title .about-logo-name {
        color: #07540a;
    }
    .header-absolute .offcanvas-title .about-logo-name h6 {
        color: rgb(152 175 170);
    }
    .about .image-box{
        padding-right: 26px;
        padding-top: 0;
    }
    .about-pg-owner{
        padding: 50px 30px;
    }
    .about-pg-owner .image-box{
        align-self: center;
        padding-top: 0;
        padding-right: 0;
        position: static;
    }
    .service-1{
        margin-left: 0;
    }
    .service-boxes .container{
        max-width: 100%;
    }
    .servicebox-para p{
        font-size: 14px;
    }
    .service-boxes {
        margin: 20px 0 70px;
    }
    .form{
        padding: 0;
    }
    .form .container{
        max-width: 90%;
    }
    .contact-details{
        height: 627px;
        width: 500px;
        top: -138px;
        left: 49px;
    }
    .contact-details-heading{
        font-size: 40px;
    }
    .about-compost .container{
        max-width: 100%;
    }
    .about-compost-txt {
        padding: 19px 20px;
    }
    .about-compost-heading{
        font-size: 40px;
    margin-bottom: 5px;
    }
    .about-compost-txt p{
        font-size: 14px;
        margin-bottom: 5px;
    }    
    .key-benefits .save-water-txt{
        padding: 50px 50px 30px;
    }
   
}

/*---For Mobile---*/


@media (max-width: 767px) {
    .banner-1{
        height:calc(100vh - 100px);
    }
    .banner-1-b{
        background-image:url(../images/banner-5-a-small.jpg);
        background-position: right;
    }
    .banner-1-a{
        background-image:url(../images/banner-6-a-small.jpg);
        background-position: right;
    }
    .banner-btn{
        font-size: 13px;
        padding: 10px;
    }
    .about {
        padding: 50px 11px;
    }

    .header-topbar{
        display: none;
    }
    .banner-1-txt{
        width: 59%;
    }
    .banner-heading-1{
        font-size: 62px;
        font-weight: 700;
        top: -79px;
        left: -45px;
        bottom: 0;
    }
   
    .divder-box .box{
        padding: 32px;
    }
    .about .image-box{
        padding-top: 0;
        padding-bottom: 50px;
        padding-left: 0;
        padding-right: 0;
    }
    .renewable {
        /* position: relative; */
        position: static;
        margin-top: 50px;
        margin-bottom:0px;
    }
    .renewable-txt {
        padding: 0px 0px 0 15px;
        position: static;
        width: 100%;
        font-size: 14px;
        font-weight: 400;
    }
    .renewable .sub-box{
        position: static;
        flex-flow: column;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        font-size: 18px;
    }
    .renewable-txt-p {
        padding: 3px;
        font-size: 18px;
        font-weight: 400;
    }
    .services-heading , .save-water-txt .save-heading , .about .about-heading, .team-heading , .about-compost-heading , .contact-details-heading{
        font-size: 36px;
        font-weight: 600;
        line-height: 43px;
    }
    .services-heading{
        margin-bottom: 0;
    }
    .services-sub-heading , .services-heading{
        text-align: center;
    }
    .service-card{
        text-align: center;   
    }
    .services .card-2 , .services .card-1, .services .card-3, .services .card-4, .services .card-5, .services .card-6, .services .card-7, .services .card-8, .services .card-9{
        border-color: transparent;
        padding: 0px 30px;
    }
    .service-card a::before{
        left: -12px;
    }
    
    .renewable-txt-1{
       justify-content: center;
       flex-direction: column;
    }
    .save-water{
        padding-bottom: 0px;
    }
    .save-water-img {
        padding: 24px 24px 26px;
    }
    .divder-box .box-1 .txt,.divder-box .box-3 .txt, .divder-box .box-4 .txt{
        padding-right: 73px;
    }
    .hours, .social-media {
        font-size: 14px;
        font-weight: 400;
        word-spacing: 1px;
        letter-spacing: .50px;
        margin: 7px 0;
        /* padding: 0; */
        justify-content: center;
    }
    .hours{
        text-align: center;
    }
    .social-media-1, .social-media-2, .social-media-3, .social-media-4{
        margin-left: 10px;
        margin-right: 10px;
        text-align: center;
    }
    .footer-p {
        font-size: 14px;
        font-weight: 400;
        color: rgb(200, 209, 207);
        margin-bottom: 37px;
    }
    .about-banner{
        height: 44vh;
    }
    .about-banner-txt{
        top: 91px;
        left: 20px;
    }
    .about-banner-txt .heading h1{
        font-size: 24px;
        font-weight: 400;
    }
    .owl-benefits .benefits-box{
        margin: auto;
    }
    .benefits{
        margin: 0;
    }
    .about-pg-owner{
        margin: 50px 0 0;
    }
    .about-pg-owner .image-box{
        position: static;
    }
    .header-absolute .about-offcanvas .navbar-nav .nav-link{
        color: black;
    }
    .about-offcanvas .navbar-nav .active{
        color: #549f57;
    }
    .header-absolute .offcanvas-title .about-logo-name {
        color: #07540a;
    }
    .header-absolute .offcanvas-title .about-logo-name h6 {
        color: rgb(152 175 170);
    }
    .service-boxes {
        margin: 0px 0 50px;
    }
    .service-1{
        margin-left: 0;
    }
    .about-compost{
        margin: 30px 0;
    }
    .about-compost-txt {
        padding: 19px 5px;
    }
    .about-compost-heading{
        margin-bottom: 15px;
    }
    .compost-txt{
        padding: 30px 17px;
    }
    .key-benefits .save-water-txt{
        padding: 50px 10px 0;
    }
    .map-box{
        padding: 0;
    }
    .form{
        padding:50px 0;
        margin: 0;
    }
    .contact-details{
        position: static;
        height: auto;
        width: fit-content;
        padding: 30px 15px;
    }
    .c-details-address{
        padding: 30px 8px;
        margin: 20px 0 20px;
    }
    .contact-num{
        font-size: 21px;
    }
    .contact-form{
        margin: 30px 15px;
    }
    .subject{
        margin-left: 13px;
    }
    .form .container {
        max-width: 100%;
    }
}
/* @media (max-width: 767px) and (min-width:680) {
    .contact-box{
        width: 63%;
    }
} */
@media (min-width:576) {}

@media (max-width: 578px) {
    .service-card a{
        font-size: 14px;
    }
    .banner-1-txt {
        width:67%;
        left: 11px;
        margin-top: 30px;
    }
    .banner-heading-1{
        left: -8px;
    }
   
    .banner-heading-3{
        font-size: 30px;
        font-weight: 600;
    }
    .banner-heading-1{
        left: -8px;
    }
    .banner-heading-4{
        color: #5c5959;
    }
    .banner-heading-2{
        font-size: 14px;
        font-weight: 600;
        }
    .divder-box .box{
        flex-direction: column;
    }
    .divder-box .box .txt{
        border-left: transparent;
        padding: 0;
    }
    .divder-box .box .num{
        padding-bottom: 14px;
        padding-right: 0;
    }
    .team {
        margin: 50px 0;
    }
    .right-side-footer {
        padding: 0;
        border-left: transparent;
    }
    .contact-box .box-a, .contact-box .box-b {
        font-size: 14px;
        font-weight: 400;
        padding: 9px;
    }
    .contact-box i {
        padding-right: 7px;
    }
    .contact-box {
        background-color: rgb(84, 159, 87);
        display: flex;
        width: 93%;
        /* margin-bottom: 25px; */
        margin: auto auto 25px;
    }
 
        .banner-heading-4 {
            font-size: 12px;
            /* letter-spacing: .5px; */
            margin: 15px 0 35px;
        }
        .banner-heading-2{
            font-size: 14px;
            font-weight: 600;
            }
            .banner-heading-3{
                font-size: 36px;
                font-weight: 600;
            }
}

@media (max-width: 480px) {
   
    
    .contact-box{
        flex-direction: column;
        text-align: center;
    }
    .contact-box .box-a{
        border-bottom: 1px solid;
        border-right: 0px;
    }
    .right-side-footer {
        padding: 0;
        border-left: transparent;
    }
    .divder-box .box {
        padding: 32px 0;
        margin: auto;
    }
}

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