.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) {
.top-c h5{ margin:0;}
.navbar-default .navbar-nav > li > a{ margin-right:65px;}
}

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

}

@media (min-width: 992px) and (max-width: 1199px) {
.banner .carousel-caption{ bottom:10%; left:3%;}
.banner .carousel-caption h1{ font-size:36px;}
.top-c h5{ margin:0;}
.testimonial-box{ min-height:auto;}
.navbar-default .navbar-nav > li > a{ margin-right:40px;}
.carousel-control{ top:45px;}
}

@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-map{ display:none;}
.wel-img img{ margin-top:30px;}
.top-c h5{ margin:0;}
.bottom-a h5{ margin-top:30px;}
.about h3{ margin-top:30px;}
.abt-btm-lft{ margin-top:20px;}
.map{ margin-top:30px;}
.testimonial-box{ min-height:auto;}
.pic .carousel-control{ display:none;}
.pic .carousel{ padding:0 0 70px 0;}
.job-app a{ margin-right:0;}
.header-top .text-right{ text-align:left;}
/*.top-email{ display:none;}*/
}

@media (min-width: 768px) {
.navbar-brand{ display:none;}
}

@media (min-width: 768px) and (max-width: 991px) {
.navbar-default .navbar-nav > li > a{ margin-right:15px; font-size:15px;}
.banner .carousel-caption{ width:50%; left:15px;}
.banner .carousel-caption h1{ font-size:34px;}
.bottom-b h5 img{ margin-right:15px;}
.bottom-b h5 small{ font-size:14px;}
}



@media (max-width: 767px) {	
.header-top col-xs-6{ width:100%;}
.logo img{ width:130px; height:49px;}
.top-info img{ margin-right:0;}
.top-info{ font-size:14px;  margin-top:2px;}
.navbar-brand{ padding:13px 0; height:auto; color:#fff !important;}
.navbar-default .navbar-nav > li > a{ margin-left:0; padding:10px 0;}
.nav-bg .navbar-nav{ padding:10px 0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{ color:#444 !important; padding-left:15px !important;}
.navbar-nav .open .dropdown-menu{ background:#fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ background:#20262c; color:#fff !important;}
.banner .carousel-caption{ bottom:10%; width:50%; left:15px;}
.banner .carousel-caption h1{ font-size:30px;}
.top-a{ padding:30px 0;}
.top-b{ padding:30px 0;}
.top-c{ padding:30px 0;}
.bottom-a{ padding:30px 0;}
.contact-us{ margin-top:20px;}
.sub-banner{ height:200px;}
.sub-banner h2{ padding-top:90px;}
.sub-content{ padding:30px 0;}
.abt-btm{ padding:30px 0;}
.ser-btm-box{ margin-top:30px;}
.testimonials{ padding-top:10px;}
.user img{ display:inline-block; margin-bottom:15px;}
.popup-box{ width:70%;}
}


@media (max-width: 665px){
.top-info{ font-size:13px;  margin-top:3px;}
.top-info strong{ font-size:15px;}
.banner .carousel-caption{ width:55%; bottom:8%;}
.banner .carousel-caption h1{ font-size:26px;}
.banner .carousel-caption p{ margin-top:10px;}
.banner .carousel-caption span{ margin-top:6px;}
.bottom-b h5 img{ display:none;}
.ser-btm-sec .col-xs-6{ width:100%;}
.ser-btm-box{ min-height:auto;}
}

@media (max-width: 567px){

}

@media (min-width: 566px){

}

@media (max-width: 565px){
.top-email{ display:none;}
.head-info-sec .col-xs-5{ width:100%;}
.header-mid .col-xs-3{ width:50%;}
.header-mid .col-xs-9{ width:50%;}
.banner .carousel-caption{ bottom:15%;}
.banner .carousel-caption p{ display:none;}
.banner .carousel-caption span{ padding:8px 15px;}
.top-a h2{ font-size:22px;}
.home-ser-cont h3{ font-size:18px;}
.top-b h4{ font-size:22px; line-height:26px;}
.top-c h5{ font-size:22px;}
.call-now a{ font-size:18px; padding:10px 20px;}
.bottom-a h5{ font-size:22px;}
.choose-sec h6{ font-size:20px;}
.bottom-b h5{ font-size:22px;}
.footer-bottom .col-xs-6{ width:100%;}
.footer-btm-rgt p{ text-align:left;}
.sub-banner{ height:150px;}
.sub-banner h2{ padding-top:60px; font-size:24px;}
.abt-btm .cato li{ width:100%;}
.header-top span{ margin-top:0;}
.job-app a{ padding:6px 5px;}
/*.top-phone{ display:none;}*/
.head-info-sec .col-xs-7{ width:100%;}
.popup-box .sm-cont .col-xs-6{ width:50%;}
}



@media (min-width: 481px){

}
@media (max-width: 480px) {
.header-top .text-right{ text-align:left;}
.header-top .col-xs-6{ width:100%;}
.header-top span{ margin-top:0;}
.header-mid .col-xs-3{ width:40%;}
.header-mid .col-xs-9{ width:60%;}
.logo img{ width:110px; height:42px;}
.top-info{ margin-top:0;}
.banner .carousel-caption{ width:60%;}
.banner .carousel-caption h1{ font-size:20px;}
.banner .carousel-indicators{ bottom:0;}
.top-a .col-xs-6{ width:100%;}
.top-b h4{ font-size:20px;}
.top-c .col-xs-8, .top-c .col-xs-4{ width:100%;}
.choose-sec .cato li{ width:100%;}
.call-now{ margin-top:20px;}
.footer .col-xs-6{ width:100%;}
.quick .col-xs-6{ width:50%;}
.sm-cont .col-xs-6{ width:100%;}
.pic .col-xs-4{ width:100%;}
/*.job-app a{ margin-top:5px;}*/
.popup-box{ width:90%; right:15px; bottom:50px;}
.round.hollow{ right:15px; bottom:0}
}

@media (max-width: 400px){
.banner .carousel-caption{ width:65%; bottom:18%;}
.banner .carousel-caption h1{ font-size:18px;}
.banner .carousel-caption span{ font-size:15px; padding:5px 12px;}
}

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

}