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

.plantxt{bottom:-180px; height: 250px;}
.csrblk {max-width: 602px; left: 5%;right: inherit;}
.heading br, p br{display: none;}
}
@media only screen and (max-width:1250px) {


}


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

    .video_wrapper video{height: 600px;}
    .banner-heading { bottom: 24%;}
    .headingtt1{font-size: 24px;}
    .csrblk { max-width: 498px;  left: 5%; right: inherit; top: 100px; }
    .before, .after, .beforetxt, .aftertxt{height: 600px;}
    .mobwtal{display:flex;}
.deskwtal{display:none;}

}



@media only screen and (max-width:1023px) {
.navicon{display: flex;}
.headertop{border: 0; padding: 0;}
.headertop:before{display: none;}
.dflex-mob{display: flex !important; justify-content: flex-start;}
.headertop a.socailicon { background: #3fb34a;  margin: 8px 8px !important;  border-radius: 30px;  display: flex !important; justify-content: center;  align-items: center;}
.mobile-menu{display: none}
.mobile-menu { display: flex}
.menublk { display: none;}
.banner-heading {font-size: 45px}
.banner-heading {  bottom: 19%;}
.heading {font-size: 35px;}
.subheading {font-size: 18px;}
.plants_width {width: 45%;  margin:  20px  0;}
.contactdetail p{font-size: 14px;}


}

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

.csrblk {max-width: 90%; left: 5%; right: 5%; top: 0px; margin: 0; margin-bottom: 20px; position: relative; }
.work-widthtt1{width: 31%;}
.work-width{width:48%;}
.locationwidth {width: 32%}
.enqblk {padding:50px}
.form-group{width: 48%;}
.message{width: 100%;}


}
@media only screen and (max-width:767px) {
    .callus {margin-right: 20px; font-size: 14px;}
    .logo { width: 120px; }
    .navicon { width: 38px !important; height: 38px !important;}
    .headertop a span {color: #fff; font-size: 12px;}
    .headertop a {width: 25px; height: 25px;}
    p{font-size: 16px;}
    .banner-heading {  font-size: 38px; }
    .heading {font-size: 30px;}
    .before, .after { height: 500px; background-size: cover; }
    .plantsflex{margin-top: 0;}
    .beforetxt, .aftertxt {font-size: 25px;  }
    .service-width{width: 100%;}
    .headingtt1 {font-size: 22px; margin-bottom: 10px;}
    .common-padding{padding: 40px 0;}
    .locationwidth {width: 100%}
    .form-group{width:100%;}
.message{width: 100%;}
.enqblk {padding:50px 30px}
}


@media only screen and (max-width:650px) {
.plants_width{width: 100%; margin-bottom: 20px;}
.video_wrapper video { height: 400px;}
footer {padding: 30px 0; font-size: 12px; line-height: 1.5;}

}

@media only screen and (max-width:540px) {
    .banner-heading {  font-size: 30px; }
    .plantxt { bottom: -163px; height: 220px;    }
    .heading {font-size: 25px;}
    .subheading {font-size: 16px; letter-spacing: 2.5px;}
    .before, .after, .beforetxt, .aftertxt { height: 400px; background-size: cover; }
    .work-widthtt1{width:48%;}
    .work-width{width:100%;}


}

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


}

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

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


}


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


}