@media (max-width:600px) {
.nav .nav-btn {display: inline-block;position: absolute;right: 0px;top: 0px;}
.nav .nav-btn label {display: inline-block;width: 50px;height: 50px; padding: 13px;}
.nav .nav-btn label:hover,.nav  #nav-check:checked .nav-btn label {background-color: rgba(0, 0, 0, 0.3);}
.nav .nav-btn label span {
  display: block;
  width: 25px;
  height: 10px;
  border-top: 2px solid #eee;
}
.nav .nav-links .navbar_expand{
  position: absolute;
  display: block;
  width: 100%;
  background-color: #333;
  height: 0px;
  transition: all 0.3s ease-in;
  overflow-y: hidden;
  top: 50px;
  left: 0px;
}
.nav .nav-links .navbar_expand li{display: block;width: 100%;}
.nav #nav-check:not(:checked) ~ .navbar_expand {height: 0px;}
.nav #nav-check:checked ~ .navbar_expand{height: calc(100vh - 50px);overflow-y: auto;}
.nav > #nav-check:not(:checked) ~ .nav-links {height: 0px;}
.nav > #nav-check:checked ~ .nav-links {height: calc(100vh - 50px);overflow-y: auto;}
.logo {padding: 0px 0px;}
.logo img{ height: 60px;margin: 7px 0px; max-width: fit-content;     padding-bottom: 0px; }
.header_section .col-lg-2.col-md-6{width: 80%;}
.header_section .col-lg-10.col-md-6{max-width: fit-content;}
.displyFlexAw,.awardDe .displyFlexAw p {text-align: center;display: block;}
.SecAwrdlogo {text-align: center;}
.SecAwrdlogo img{height: 100px;}
#navbar-first {padding: inherit;margin: 13px 0px 13px 0px;}
.header_section {padding: 0px; }
#navbarNavDropdown .navbar-nav .open .dropdown-menu {position: static;float: none!important;width: auto!important;margin-top: 0!important;background-color: transparent!important;border: 0!important;-webkit-box-shadow: none!important;box-shadow: none!important;}
#myCarousel .carousel-inner>.item>img{/*height: 300px!important;*/width: 100%;}
.SerHome { /*   height: 1769px;*/
    height: auto;}
.SerHome .colDiv {padding: 8px 10px;}
.carousel-caption h3 {font-size: 16px;font-weight: 600;}
.sliderReadMo {font-size: 12px;}
.ecospanDiv { padding: 0px; height: 560px;}
.ecoright h1 {font-size: 27px;text-align: center;}
.ecoleft img {width: 100%;}
.overlayImg {top: -616px;}
.overlayImg img {height: 212px;}
.clientSlider h1,.awMediaHead p,#FaqContent .card-header ,#FaqContent.awMediaHead p {font-size: 12px;}
.rightdetailsB img {margin: 20px 0px; width: 100%;}
.lastBirSec h1,.awMediaHead h1,.img_con h2  {font-size: 22px;}
.bottom-menu li {text-align: center;border-right: 0px solid #fff; width: 100%}
.carousel-inner .carousel-caption {    bottom: 154px!important;width: 44%;height: 140px;right: 0%;left: 0%;background: rgb(104,80,64 ,0.6);/* padding-left: 10%; */text-align: left;/* padding: 0% 7%; */padding-top: 0px;}
.overlayImg{display: none}
.aboutHome,.contactpage {margin-top: 0px;height: 227px;padding: 96px 0px;}
.abSec img {width: 68px;}
section.awMediaHead {/*padding: 8px 0px 20px;*/padding: 1px 0px 1px;    margin-top: 20px;/*margin-top: 80px;*/border-top: 2px solid #685040;}
.aboutSlider img {/*width: 100%;*/}
.aboutSlider {/*height: 922px;*/height: auto}
.pd_20 img{width: 50%;padding: 3px 4px;}
.pd_20{display: flex;flex-wrap: wrap;}
.content {top: -33px;left: 10px;width: 94.2%;height: 96%;}
.contactdet ul li {font-size: 16px;}
.conMiddle {height: 375px;}
#myCarousel .preVio {/*top: 27%;*/right: 1px;width: 14px;}
#myCarousel .preVio1 {/*top: 27%;*/left: 1px;/*width: 14px;*/}
#myCarousel .right.carousel-control .preVio img,#myCarousel .left.carousel-control .preVio1 img {height: 37px!important;}
.curoser,.phocasehead{margin-top: 70px;}
.burnCotDiv.aboutSlider {/*height: 1092px;height: 1121px;*/height: auto;}
.aboutSlider .case_stuDiv img,.Photoslider.carousel-inner img  {width: 80%;}
.case_stuDiv img {width: 42%;position: relative;}
.loader {margin: 47% AUTO;}
.phocasehead {height: 306px;}
.burnCotDiv.aboutSlider .casesecImg img{margin-bottom: 10px;}
.burnCotDiv .carousel-control.left,.awMediaHead.readmoreSec .carousel-control.left{margin-left: -14px;}
.header_section .row,.ecospanDiv .row,.lastBirSec .row,.SerHome .row,.awardDe .row{display: block!important;}
.offset-lg-2 {margin-left:0!important; }
.detailsB strong {display: block;}
.clientSlider h1 p,.build_blog p {font-size: 14px!important;}
footer p {font-size: 13px;}
footer {padding: 30px 0 20px;}
.custom_radio p {font-size: 12px;}
.SecAwrd h1,.testimonial_cont p { font-size: 15px!important;}
.demo .lSSlideOuter .lSPager.lSGallery li {
    width: 100px!important;
    height: 100%;
}
.social_links {max-width: 100%!important;}
.overview_content{display: block;}

.article_gallery img {
    height: auto;
    margin: 5px 0px;
    width: 100%;
}
.customkit_kitset_pack_1 .col-md-6, .customkit_kitset_pack_5 .col-lg-6, .customkit_kitset_pack_5 .col-lg-6 .customkit_kitset_pack_4 .col-lg-6, .customkit_kitset_pack_4 .col-lg-6 {
    
    padding-left: 15px;padding-right: 15px;     padding-bottom: 5px;}

.pdRemo,.customkit_kitset_pack_5 .col-sm-12{    padding-right: 15px;
    padding-left: 15px;}
.kitset_content {
    margin-top: 0!important;
}
}




@media (max-width: 520px){
  .recaptcha{overflow: scroll;}
.abSlideslick.text-left table{font-size: 12px;}
.Newserhome.SerHome {
    padding: 10px 0px 17px;
}
.Newserhome .Design-blog h1{
    font-size: 15px;
}

}



@media(max-width: 768px) {
.dFlex .custom_radio {
    margin: 0px 7px 0px 0px;
}

}
@media(max-width: 360px) {
.aboutHome .abSec img {
    width: 55px;
}

}

@media(max-width: 375px) {

.burnCotDiv.aboutSlider {    height: auto;
 /*   height: 1204px;*/
}
}


@media(max-width: 320px) {
section.burnCotDiv.aboutSlider.mblSl {height: 1070px;}
.SerHome {/*height: 1614px;*/}
section.burnCotDiv.aboutSlider {/*height: 1021px;*/height: 1067px;}
.custom_radio p ,span.chngetxt {font-size: 10px;} 
.aboutSlider {height: 780px;}
.dFlex .custom_radio {margin: 0px 4px 0px 0px;}
}

@media(max-width: 576px) {
.bottom-menu {display: block;}
.about_blog:before{}
.carousel-control.left{left: -15px;}

  .SerHome  .slick-next::after{content: ''; position: absolute; top: 6px; left: 7px; 
background:url('../images/next1.png')no-repeat; height: 20px; width: 20px;}
}

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

@media(min-width: 1200px) {
  .container {max-width: 1180px}
}


@media (max-width: 1200px){
#navbarNavDropdown {    background: #8ec640;
  position: fixed;
  top: 0;
  left: -360px;
  width: 320px;    height: 100%!important;
  z-index: 3;
  -webkit-transition: .3s ease;
  -o-transition: .3s ease;
  transition: .3s ease;
  display: block;
}
.show#navbarNavDropdown {left: 0;overflow-y: scroll;  z-index: 999999;}
.navbar-expand-xl .navbar-nav {    margin: 0px 20px 20px;display: block; border-top: 0px solid #8ec640;border-bottom: 0px solid #8ec640;}
.dropdown span {color: #ffffff;}

}


@media(max-width: 1400px) {
  .carousel-inner .carousel-caption{bottom: 71px;}
}


@media(max-width: 992px) { 

}

@media(max-width:1024px) {
.hidemenumbl{display: none;}
.navbar-nav li {width: 100%!important;}
.navbar-toggler {/*float: right;*/   /* padding: .25rem .75rem;*/    padding: 1.06rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: .25rem;
    float: right;
    cursor: pointer;}
.logover>div.container {top: -53px;}
.right.carousel-control .preVio img,.left.carousel-control .preVio1 img {height: 48px!important;}
.logover img { width: 46px;}  
.sliderReadMo {font-size: 12px;}
.overlayImg{display: none}
.menu_close { display: block; }
#demo-2{display: inline-block;}
#demo-2 input[type=search] {width: 221px;padding-left: 10px;color: transparent;cursor: pointer; margin: 12px;border: none;border-radius: 3px;}
.mobile-view-1{display: inline-block;}
.mobile-view{display: inline-block;}
.faqSec{margin-top: 0px}

/*SEARCH INPUT BAR CSS*/
#demo-2{display: inline;margin-left: 20px;}
input { outline: none;}
input[type=search] {-webkit-appearance: textfield;-webkit-box-sizing: content-box;font-family: inherit;font-size: 100%;}
input::-webkit-search-decoration, input::-webkit-search-cancel-button {display: none; }
input[type=search] {background: #ededed url(https://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 6px center;border: solid 1px #ccc;
padding: 5px 5px 2px 0px; width: 55px;border-radius: 3px;
-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
input[type=search]:focus {width: 130px;background-color: #fff;border-color: #66CC75;-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);box-shadow: 0 0 5px rgba(109,207,246,.5);}
input:-moz-placeholder {color: #999;}
input::-webkit-input-placeholder {color: #999;}

/* SEARCH BAR */
#demo-2 input[type=search] {    width: 32px;padding-left: 10px;color: transparent;cursor: pointer; margin: 12px;}
#demo-2 input[type=search]:hover {background-color: #fff;}
#demo-2 input[type=search]:focus {width: 200px;padding-left: 32px;color: #000;background-color: #fff;cursor: auto;}
#demo-2 input:-moz-placeholder {color: transparent;}
#demo-2 input::-webkit-input-placeholder {color: transparent;}
/*SEARCH INPUT BAR CSS END*/
.dropdown .dropdown-menu {     width: 75%!important;
    left: 87px;
    top: 70%;}
#navbarNavDropdown body{    opacity: 0.5;}
#navbarNavDropdown .navbar-toggler-icon{display: none;}
.navbar-nav li span a, .navbar-nav li span {
    color: #fff;
}
.dropdown .dropdown-toggle:after {
    border-color: transparent #685040 transparent transparent;
}
.dropdown.nav-item.show.open .dropdown-toggle:after{transform: rotate(-90deg); -webkit-transform: rotate(-90deg);border-color: transparent #685040 transparent transparent;}
#servicedepop .modal-dialog {width: 93%;}
.phocasehead,.contactpage{margin-top: 70px;}
.navbar-nav li:last-child {padding: 10px 10px 10px 17px;}
.dropdown span.dropdown-toggle1:after {right: 0px;left: 90px;}
.phocasehead, .faqSec, .contactpage {height: 289px!important;}
.abSec{text-align: center;}
.case_stuDiv span.casesecImg img {height: auto!important;}
.site-content-contain {
    margin-top: 71px;
}
.img_con h2  {font-size: 22px;}
.Newserhome.SerHome {padding: 10px 0px 17px;
}
.article_gallery img {
    /*height: auto;*/
    margin: 5px 0px;
    width: 100%;
}
.customkit_kitset_pack .Design-blog h1 {
   font-size: 16px;
}


}

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


@media(max-width: 1580px) {
  .carousel-inner .carousel-caption {bottom: 135px;}
  .faqSec {height: 428px;   }
}

@media only screen and (min-width: 769px) and (max-width : 1024px){
.carousel-inner .carousel-caption {width: 39%;
    bottom: 121px!important;padding: 0% 7%;height: 122px;right: 0%; left: 0%;}
.carousel-caption h3 {font-size: 22px;}
.SerHome .place_in_content h1 {/*padding: 10px 31px;*/padding: 10px 9px;
    font-size: 12px!important}  
.SerHome {/*height: 455px;*/}
.SerHome .place_in_content p{height: 118px;}
.aboutSlider {/*height: 652px; */height: auto;}
.aboutSlider img {margin: 8px 5px;width: 164px;}
.content {top: -2px; /* top: 40px;*/
    left: 11px;
    font-size: 30px;
    width: 92%;
    height: 82%;}
.burnCotDiv.aboutSlider {height: 348px!important;}
.ipadhead.col-md-6 {/*width: 80%*/}
.layout_blog { height: 689px;}
.demo .lSSlideOuter .lSPager.lSGallery li {
    width: 115px!important;
    height: 100%;
}.demo .lSSlideOuter .lSPager.lSGallery li {
    width: 100px!important;
    height: 100%;
}
.slider_new .slick-prev, .slider_new .slick-next {
   margin: -34px 3px;
}

}

@media only screen and (min-width: 384px) and (max-width : 411px){
}
@media only screen and (min-width: 768px) and (max-width : 1024px){
.preVio,.preVio1 {top: 61%;}
.header_section {padding: 14px 0px 0px;}
.logo img {height: 64px;}
.awardDe{/*margin: 15px 0px 28px;*/}
.ecoright h1 {font-size: 29px;}
.lastBirSec h1 {font-size: 31px;}
.rightdetailsB img {margin: 43px 0px; height: 105px;}
.aboutHome {margin-top: 0px;padding: 146px 0px;}
.abSec img {width: 121px;}
.awMediaHead { padding: 9px 0px 20px;}
.awMediaHead h1 {font-size: 33px;}
.awMediaHead p,.abSlideslick p { font-size: 18px;}
.aboutSlider.burnCotDiv .carousel-control.left {margin-left: -25px;}
.awMediaHead.readmoreSec .carousel-control.left {margin-left: -25px;}
.place_in_title {height: auto;    padding: 5px 2px;}
.SecAwrdlogo a {text-align: start;margin-left: 35px!important;}
.SecAwrd h1 {font-size: 17px;}
.SecAwrd {margin-top: 23px; }
.SecAwrdlogo {text-align: center;}
.SecAwrdlogo img{height: 59px;}
.carousel-inner .item img {max-height: 506px!important;}
.carousel-inner .carousel-caption {bottom: 112px!important; }
.read_icon img {height: 61px!important; width: 61px!important; bottom: 7px; }
.ecospanDiv {padding: 19px 0px 25px; height: auto; }
.clientSlider h1 p {font-size: 16px!important;}
}


@media only screen and (min-width: 768px) and (max-width : 1022px){
.carousel-inner .carousel-caption {height: 111px;right: 0%;left: 0%;width: 46%;bottom: 57px;padding: 0% 7%;}
.carousel-caption h3 {font-size: 20px;}
.SerHome .place_in_content p {height: 181px;}
.SerHome {
    /* height: 464px; */
}

.demo .lSSlideOuter .lSPager.lSGallery li {
    width: 85px!important;
    height: 100%;
}
.SerHome .place_in_content h1 {font-size: 12px!important;padding: 10px 2px;}  
.aboutSlider {/*height: 566px;*/height:auto;}
.aboutSlider img { width: 143px;}
.content { top: -2px;left: 11px;font-size: 30px;width: 89%;height: 83.5%;}
.conMiddle {height: 360px;}
.contactpage {    margin-top: 80px;}
.burnCotDiv.aboutSlider {    height: auto!important;/* height: 317px!important;*/}
.iPad_view{left: -360px;}

.slider_new .slick-prev, .slider_new .slick-next {
 margin: -41px 14px;
}

}

@media only screen and (min-width: 1025px) and (max-width : 1200px){
 .SerHome .place_in_content p {height: 133px;}
 .place_in_title{height: 185px;}
 .content{font-size: 46px;}
  }

@media(max-width: 1440px) {
    .phocasehead ,.faqSec,.contactpage{height: 392px;}
      .carousel-inner .carousel-caption{bottom: 137px; }
      .read_icon img {/*left: 10px; *//*left: 102px;*/
    left: 26px;}
}

@media(max-width: 1380) {

      .carousel-inner .carousel-caption{/*bottom: 137px;*/    bottom: 170px!important;}
}


.kitset_andTotal_Blog img {
    width: 100%;
}
.customkit_kitset_pack p,.customkit_kitset_pack_2 p,.customkit_kitset_pack_5 p,
.customkit_kitset_pack_6 p,.customkit_kitset_pack_3 p,.customkit_kitset_pack_3 p{color: #656567}
.customkit_kitset_pack_3 img{height: 350px;}