.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}

@media (min-width: 1921px) and (max-width: 3500px) {

}

@media (min-width: 1500px) and (max-width: 1920px) {

}

@media (min-width: 1200px) and (max-width: 1300px) {

}

@media (min-width: 1200px) and (max-width: 1249px) {

}

@media (min-width: 1200px) and (max-width: 1222px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
.home-form .button, .home-form .button1 {padding: 6px 0px; width: 100%;}
.carousel-caption {bottom: 22%;}
.navbar-default .navbar-nav > li { margin-left: 37px;}
.footer h4 {font-size: 17px}
.footer .col-md-3 {width: 30%}
.footer .col-md-4 {width:28%}
.new-sec .in-sec {height: 230px;}
small { font-size: 69%;}
}

@media (min-width: 1025px) {	

}

@media (max-width: 1024px) {

}

@media (min-width: 992px) {	

}

@media (max-width: 991px) {
.custom { min-height: inherit; }
}


@media (min-width: 768px) {

}

@media (min-width: 768px) and (max-width: 991px) {
.nav-sec .navbar-nav { padding: 40px 0 20px;}
.navbar-default .navbar-nav > li { margin-left: 21px;}
.navbar-default .navbar-nav > li > a {  padding: 13px 0; margin-top: -19px;}
.carousel-caption p {display: none;}
.carousel-caption {bottom: 16%;}
.welcome h5 {margin-top: 30px} 
.footer-testi {margin-top: 30px;margin-bottom: 30px}
.customer .col-md-4 { padding-right: 15px; padding-left: 15px;}
.map {margin-top: 40px}
.navbar-brand img { width: 230px;}


}



@media (max-width: 767px) {

.nav-small {  background:  #f6f6f6;}
.navbar-brand {  text-align: center; width: 100%; min-height: 130px;}
.navbar-default .navbar-toggle {margin-top: 11px;}

.navbar-default .navbar-nav > li { margin-left: 0; padding: 0; }
.navbar-default .navbar-nav > li > a {  padding: 13px 0;}
.carousel-caption h2 { font-size: 38px;}
.carousel-caption h1 { font-size: 36px;}
.carousel-caption p {display: none;}
.carousel-caption {    top: 25%;    text-align: center;    display: table;   margin: 0 auto !important;}
.welcome h5 {margin-top: 30px} 
.footer-testi {margin-top: 30px;margin-bottom: 30px}
.customer .col-md-4 { padding-right: 15px; padding-left: 15px;}
.navbar-default .navbar-toggle { }
.map {margin-top: 40px}

.custom { position: inherit; margin-top: 0; top: 0 }
.custom a {  margin-top: 10px; padding: 30px 0; min-height: auto;}
.welcome {  padding: 0 0 50px;  display: table;}
.carousel-indicators { bottom: 0;}
.nav-sec .navbar { padding-bottom: 0;}
small { font-size: 69%;}
.new-sec .in-sec {padding: 30px 10px;height: 220px;}

.services-box { min-height: inherit; }


.header-top p {  padding-right: 0; margin-right: 15px}

.gallery-image img { height:inherit;}


}


@media (max-width: 665px){

.header-top .col-xs-9 {width: 100%}
.carousel-caption h1 {font-size: 24px;}
.carousel-caption h2 {font-size: 28px;}
.call-us a {font-size: 16px;padding: 12px 12px;}
.map {margin-top: 40px}
.footer-link li { display: inline-block;  padding: 0 15px;}
.carousel-caption { padding: 10px;}
.del1 {display: none;} 
.header-top p { padding-right: 0; margin-right: 0; text-align: center; width: 100%; margin-bottom: 8px;}
.header-top .col-xs-9, .header-top .col-xs-3 { width: 100%; }
.social { text-align: center;}

.buttons { margin-top:20px;}
.pricen { padding: 14px 30px; Font-size: 14px;  margin: 10px 0; text-align: center;}

}

@media (max-width: 567px){


}

@media (min-width: 566px){

}

@media (max-width: 565px){

.call-us a { margin-top: 10px; font-size: 12px; padding: 8px 19px;}
}



@media (min-width: 481px){

}
@media (max-width: 480px) {
.carousel-caption h1 {font-size: 14px;}
.carousel-caption h2 {font-size: 20px;}
.footer .col-md-3 {width: 100%}
.footer .col-md-4 {width: 100%}
.map {margin-top: 40px}
.navbar-brand img { width: 220px;  padding: 15px 0;}
.navbar-brand img {width: 220px;padding: 6px 0;}
.custom a { font-size: 15px;}
.custom .col-xs-6 { padding-left: 5px; padding-right: 5px; }
.sub-banner h2 { font-size: 20px; }

.contact-1 .lead { float: none; margin-bottom: 10px;}
.pe-wel { float: none !important; }


    
    .gallery-sec .col-xs-6 { width:100%;}
    
    
}

@media (max-width: 400px){
.customer {margin-top:0px;top: -66px;left: 0;right: 0;}

.map {margin-top: 40px}

}

@media (min-width: 320px) and (max-width: 380px) {

.map {margin-top: 40px}
}