.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) {
.slider .carousel-caption{ bottom:100px;}
.slider .carousel-caption h1{ font-size:60px; line-height:40px;}
.slider .carousel-caption h1 small{ font-size:30px;}
.navbar-default .navbar-nav > li > a{ margin:0 32px;}
}

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

}

@media (min-width: 992px) and (max-width: 1199px) {
.slider .carousel-caption{ bottom:30px;}
.slider .carousel-caption h1{ font-size:50px; line-height:40px;}
.slider .carousel-caption h1 small{ font-size:28px;}
.navbar-default .navbar-nav > li > a{ margin:0 15px;}
.top-a{ background:#f5f5f5; padding-bottom:20px;}
.process-outer-circle{ width:130px; height:130px;}
.process-inner-circle{ width:90px; height:90px;}
.process-inner-circle h5{ font-size:28px; margin-top:28px;}
.top-b hr{ top:90px;}
.top-b{ padding-top:50px;}
.about h4{ margin:0;}
.proccess-cnt{ min-height:210px;}
}

@media (min-width: 1025px) {	

}

@media (max-width: 1024px) {

}

@media (min-width: 992px) {	

}

@media (max-width: 991px) {
.header{ position:relative; background:#333; top:0;}
.top-a{ background:#f5f5f5; padding-bottom:20px;}
.home-ser-box{ margin-top:0;}
.homer-ser{ margin-top:20px;}
.top-b hr{ display:none;}
.footer-top .col-sm-6{ min-height:260px;}
.about h4{ margin-top:20px;}
.ptint-top .col-md-8{ margin-top:20px;}
.map{ margin-top:30px;}
}



@media (min-width: 768px) {

}

@media (min-width: 768px) and (max-width: 991px) {
.navbar-brand img{ width:180px; height:71px;}
.get-a-quote a{ font-size:18px;}
.navbar-default .navbar-nav > li > a{ margin:0 10px;}
.slider .carousel-caption{ bottom:30px;}
.slider .carousel-caption h1{ font-size:40px; line-height:30px;}
.slider .carousel-caption h1 small{ font-size:22px;}
.slider .carousel-caption p{ font-size:16px; line-height:22px;}
.callus a{ font-size:22px;}
.top-a{ padding-bottom:20px;}
.top-b{ padding-top:50px;}
.sub-banner{ height:200px;}
.sub-banner h2{ padding-top:130px;}
}



@media (max-width: 767px) {	
.navbar-brand img{ width:150px; height:59px;}
.get-a-quote{ margin:10px 0;}
.slider .carousel-caption{ bottom:30px;}
.slider .carousel-caption h1{ font-size:40px; line-height:30px;}
.slider .carousel-caption h1 small{ font-size:18px;}
.slider .carousel-caption p{ font-size:15px; line-height:22px;}
.callus a{ font-size:22px;}
.navbar-default .navbar-nav > li > a{ margin:0;}
.navbar-default .navbar-nav > li{ padding:10px 0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{ margin-top:10px;}
.navbar-nav .open .dropdown-menu{ background:#f8ca36; margin-top:10px; padding:10px 0;}
.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{ padding:5px 15px;}
.top-a{ padding:10px 0 0 0;}
.top-b{ padding:30px 0;}
.bottom-a{ padding:30px 0;}
.footer-top{ padding:10px 0 30px 0;}
.sub-banner{ height:180px;}
.sub-banner h2{ padding-top:100px;}
.sub-content{ padding:30px 0;}
.process{ padding:0 0 30px 0;}
.proccess-cnt{ min-height:210px;}
}



@media (max-width: 665px){
.slider .carousel-caption{ bottom:10px; width:50%;}
.slider .carousel-caption h1{ font-size:36px; line-height:26px;}
.home-ser-top .col-xs-4, .home-ser-top .col-xs-8{ width:100%;}
.footer-top .col-sm-6{ min-height:280px;}
.proccess-cnt{ min-height:232px;}
}

@media (max-width: 567px){

}

@media (min-width: 566px){

}

@media (max-width: 565px){
.slider .carousel-caption{ width:70%;}
.slider .carousel-caption p{ margin-top:10px;}
.callus a{ margin-top:10px;}
.process-outer-circle{ width:130px; height:130px;}
.process-inner-circle{ width:90px; height:90px;}
.process-inner-circle h5{ font-size:28px; margin-top:28px;}
.footer-bottom .col-xs-6{ width:100%;}
.footer-bottom .text-right{ text-align:left;}
.sub-banner{ height:150px;}
.sub-banner h2{ padding-top:80px;}
.sub-banner{ height:130px;}
.sub-banner h2{ padding-top:70px; font-size:26px;}
.process .col-xs-6{ width:100%;}
.proccess-cnt{ min-height:auto;}
.faq .panel-body .cato li{ width:50%;}
}




@media (min-width: 481px){

}
@media (max-width: 480px) {
.slider .carousel-caption{ bottom:35px;}
.slider .carousel-caption p{ display:none;}
.gallery-image:hover .cap-option{ padding-top:27%;}
.gallery-main a i{ font-size:25px;}
.sm-cont .col-xs-6{ width:100%;}
.homer-ser .col-xs-6{ width:100%;}
.top-b .col-xs-4{ width:50%;}
.footer-top .col-sm-6{ min-height:auto;}
.footer-top .col-xs-6{ width:100%;}

}

@media (max-width: 400px){
.slider .carousel-caption{ bottom:15px; width:82%;}
.slider .carousel-caption h1{ font-size:30px; line-height:26px;}
.slider .carousel-indicators{ bottom:0;}
.callus a{ font-size:18px; margin-top:5px;}
.top-b .col-xs-4{ width:100%;}
.casting .cato li{ width:100%;}
.faq .panel-body .cato li{ width:100%;}
}

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

}