.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: 1249px) {
.wel-sec h2{ margin:0;}
.navbar-default .navbar-nav > li > a {  margin-left: 30px;}
.header-top .col-md-3 { padding-left:0; padding-right:0;}
}

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

}

@media (min-width: 992px) and (max-width: 1199px) {
.navbar-default .navbar-nav > li > a{ margin-left:25px;}
.get-a-quote a{ padding:10px 5px; font-size:14px;}
.get-a-quote a img{ margin-right:5px;}
.wel-sec h2{ margin:0;}
.home-ser-box-cont{ min-height:188px;}
.about h3{ margin-top:0;}
.services-box{ min-height:420px;}
.header-top .col-md-3 { padding-left:0; padding-right:0;}
.header-top .col-md-3 p {font-size: 12px;}

.banner p { font-size: 14px;}
.call-tony { font-size: 12px; padding: 10px 20px;}
.parallax_03 ul li { font-size: 15px; }

.navbar-default .navbar-nav > li > a{ margin-left:18px; font-size: 14px;}

.why-chooseus p { font-size: 21px;}

}

@media (min-width: 1025px) {	

}

@media (max-width: 1024px) {

}

@media (min-width: 992px) {	
.small-banner{ display:none !important;}
}

@media (max-width: 991px) {
.large-banner{ display:none !important;}
.top-email{ display:none;}
.social{ display:none;}
.exp{ border-right:none; min-height:45px;}
.exp p{ padding:8px 0;}
.top-phone p{ padding:8px 0;}
.map{ margin-top:30px;}
h1 { font-size: 36px;}
.banner p { font-size: 13px;}
.banner img { margin-top: 0; }
.call-tony { font-size: 11px; padding: 10px 36px; margin: 15px 5px;}
.parallax_03 ul li { font-size: 16px; width: 100%; }


.serviced-areas .gallery-part { display: none; }

.why-chooseus .choose-title {
    font-size: 23px;
    margin: 80px 0 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    width: 60%;
}
.why-chooseus p {
    font-size: 20px;
    color: #fff;
    border-left: 3px solid #ffad1e;
    padding: 5px 0 5px 15px;
    line-height: 1;
}
}

@media (min-width: 768px) {

}

@media (min-width: 768px) and (max-width: 991px) {
.navbar-default .navbar-nav > li > a{ margin-left:15px; font-size: 14px;}
.services-box{ min-height:400px;}
}



@media (max-width: 767px) {	
.header{ background:#fff; position:relative; z-index:999;}
.navbar-default .navbar-nav > li{ padding:10px 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ margin-top:10px;}
.nav-sec .navbar-nav{ margin-top:10px;}
.navbar-default .navbar-nav > li > a{ margin-left:0;}
.top-a{ padding:30px 0;}
.top-b{ padding:30px 0;}
.bottom-a{ padding:30px 0;}
.sub-content{ padding:30px 0;}
.sub-banner{ height:200px;}
.sub-content{ padding:30px 0;}
.services{ padding-top:10px;}
.services-box{ min-height:auto;}
.gallery-part{ padding-top:10px;}
.footer-top{ padding:20px 0 30px 0;}

.banner::before {
  content: '';
  background: rgb(10,124,255);
  background: transparent;
  position: relative;
}

  .banner {
    padding: 0 0 0;
  }
  
  .callmeBack-form {
  background: #0a7cff;
  padding: 20px 0;
  border-top: 1px solid #fff;
  text-align: center;
  
  margin-top: 15px;
}

/*.banner img { display:none;width: 450px; margin:0 auto; }*/
.parallax-title { font-size: 38px;}

.parallax_03 ul li { font-size: 14px;}

#header { position: inherit; }
.sub-banner h1 { padding: 80px 0;}
.sub-banner h2 { padding: 80px 0;}

.get-a-quote a { padding: 6px 15px 6px; font-size: 11px;}
}


@media (max-width: 665px){
.slider .carousel-caption p{ display:none;}
.bottom-a .col-xs-6 { width: 100%; }
.bottom-a h5 { font-size: 18px;}
.banner-inner { width: auto; margin: 0 auto }

.chooseimg { display: none; }
.why-chooseus .choose-title { width: 100%; margin: 0; }
.why-chooseus { height: inherit; padding: 40px 0;  }
.choose-cnt { height: inherit;  }

}

@media (max-width: 567px){

}

@media (min-width: 566px){

}

@media (max-width: 565px){
.slider .carousel-caption h1{ font-size:36px; line-height:40px;}
.cap-btn{ margin-top:20px;}
.top-b .col-xs-6{ width:100%;}
.footer-bottom .col-xs-6{ width:100%;}
.footer-bottom .text-right{ text-align:left;}
.parallax-title { font-size: 32px;}
.bottom-d .col-xs-5 { width: 100%; }
.bottom-d .col-xs-7 { width: 100%; }

.sub-banner h1 { padding: 40px 0;}
.sub-banner h2 { padding: 40px 0;}

}



@media (min-width: 481px){

}
@media (max-width: 480px) {
.exp{ display:none;}
.top-phone{ border:none;}
.header-top .col-xs-6{ width:100%;}
.slider .carousel-caption h1{ font-size:30px; line-height:33px;}
.slider .call-us a{ font-size:16px; padding:10px 15px;}
.cap-btn{ margin-top:10px;}
.gallery-image:hover .cap-option{ padding-top:27%;}
.gallery-main a i{ font-size:25px;}
.sub-banner{ height:150px;}
.sub-banner h2{ padding-top:60px; font-size:24px;}
.sm-cont .col-xs-6{ width:100%;}
.footer-top .col-xs-6{ width:100%;}
.banner {     padding: 180px 0 20px;}
h1 { font-size: 28px; }
.banner p { font-size: 12px; }
.call-tony  { font-size: 17px; margin:15px 0;}
.call-tony  .fa { display: none; }
.parallax-title { font-size: 21px; line-height: 30px;}
.parallax_02 { padding: 50px 0;}

.parallax-text p { font-size: 15px; line-height: 25px; margin: 0;}

.parallax_03 ul li { font-size: 13px; line-height: inherit; margin-bottom: 10px;}
.parallax_03 ul li::before { width: 20px;
height: 20px;
line-height: 18px;
margin-right: 5px;
display: table;
float: left; margin-bottom: 10px;}

  .banner {
    padding: 0 0 0;
  }
}

@media (max-width: 400px){
.slider .carousel-caption h1{ font-size:22px; line-height:25px;}

}

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

}
