.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
@media (min-width: 1223px) and (max-width: 1335px) {

}

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


}

@media (min-width: 992px) and (max-width: 1199px) {

.steps h4 { padding: 0 20px; }
.navbar-right li { padding: 10px 20px 10px 0;}
#contact-form {width: 32%;}
#contact-form h2 { font-size: 18px;  padding: 10px 0px;}
#contact-form .form-box { padding: 0px 0 20px;}
#contact-form .border, #contact-form .border1 { height: 30px; margin-bottom: 5px;}
.footer h4 {font-size: 14px;}	


.bg { height: 175px; padding: 25px 0;}
.info-blk h5 {font-size: 12px;}

.services {top: -28px;}
.services .col-md-2 { padding-left: 0; padding-right: 0; }

}

@media (max-width: 1199px) {
.top-rgt { padding-left: 0px;}
.we-do h5 { width: auto; }
}

@media (min-width: 992px) {	

}

@media (max-width: 991px) {

.mid-app { display: none; }

.footer { background-size: auto;}
.welcome img { width: 100%; }
.welcome h1 { padding-top: 10px; }
.map { margin-top: 30px; }
.carousel-indicators { bottom: 20px;}
.services .col-md-2 { padding-left: 0; padding-right: 0; }

}

@media (min-width: 768px) and (max-width: 991px) {
#contact-form {width: 35%;margin-top: 0;}
#contact-form h2 { font-size: 18px;  padding: 10px 0px; }
#contact-form .form-box { padding: 0px 0 20px;}
#contact-form .border, #contact-form .border1 { height: 30px; margin-bottom: 5px;}
.mid-phone { float: right; }
.navbar-right li {padding: 10px 0 10px 0;}
.services .col-sm-4 { width: 20%; }
.bg {padding: 20px 0; height: 135px;}
.bg img { height: 30px;}
.services {top: -21px;}


	
}



@media (max-width: 767px) {	
#contact-form {display: none;}
.logo img { margin: 0 auto; }
.logo { border-bottom: 1px dashed #ccc; padding-bottom: 20px; margin-bottom: 0; }
.navbar-right li {padding: 0 0 0 15px;}
.top-rgt .row { padding: 0px 0px;}
.top-rgt { padding-left: 15px;}

.footer-ser { margin-top: 30px; }

.services {top: -27px;}
.services .col-sm-4 { width: 25%; }
.del1 { display: none; }
.bg {padding: 25px 0; height: 175px;}
.bg img { height: 30px;}
.header-top { background: url(../images/headerbackground.jpg) repeat; background-size: auto; }


}


@media (max-width: 620px){

.bg {padding: 25px 0; height: 150px;}
.services {top: -23px;}

}




@media (max-width: 555px){

.sub-content .col-xs-6 { width: 100%; }
.bg {padding: 15px 0; height: 140px;}
.bg img { height: 20px;}
.bg span { font-size: 12px; }

}


	
	
@media (max-width: 480px) {

.we-do .col-xs-6 { width: 100%; }
.we-do img { width:100%; }
.del2 { display: none; }
.services .col-sm-4 { width: 33.333%; }
.bg {padding: 25px 0; height: 140px;}
.instagram-section .instagram { float: inherit; margin:0 auto;}
.instagram-section h2 {text-align: center;}
h2 { font-size: 24px;}
}



@media (max-width: 380px) {

.social { display: none; }
.mid-phone { width: 100%; }
.footer .cato {  margin-top: 0px; }
.footer .col-xs-6 { width: 100%; }
.bg {padding: 15px 0; height: 115px;}
}