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

@media (min-width:1224px){
	.container{width: 1224px;}
}

@media (min-width: 1200px) {

.testimonial-section blockquote p { min-height: 105px;}	
}

@media (max-width: 991px) {
.testimonial-section img { width:100%; }	
.testimonial-section .testi { border:none;}
.map { margin-top: 30px;}
.testimonial-box p{  min-height:inherit;}

}

@media (max-width: 768px) {}

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

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

.navbar-default .navbar-nav > li > a { padding:30px 3px;}
.carousel-caption h1 { font-size:40px;}
.carousel-caption h3 { font-size:20px;}
.carousel-caption { padding-bottom:150px; left: 10%;}
.n1  {margin-top: -130px; height: 100px;}
.call-section { padding-top:0;}
.call-section a { font-size:24px;}
.gallery-page-section h3 { margin-top: 0;}
.testimonial-box p{  min-height:280px;}
}

@media (min-width: 768px) and (max-width:991px) {

.navbar-default .navbar-nav > li {padding: 0 2px;}
.navbar-default .navbar-nav > li > a { padding:20px 0;}
.navbar-default .navbar-nav > li > a { padding:20px 3px; font-size:12px;}
.carousel-caption h1 { font-size:30px;}
.carousel-caption h3 { font-size:16px;}
.carousel-caption .view-more a  { padding: 8px 18px; font-size: 13px;}
.carousel-caption .phone a { padding: 10px 18px; font-size: 13px;}
.carousel-caption { padding-bottom:100px; left: 10%;}
.n1  {margin-top: -95px; height: 78px;}
.call-section { padding-top:0; height:169px;}
.call-section a { font-size:24px;}
.call-section h4 { display:none;}
.img-box1 .inner-box h4 { font-size:16px;}
.img-box1 .inner-box span { font-size:12px;}

.video-youtube .col-sm-4 { width:33.33%; margin-top:20px;}


}





@media (max-width:767px) {
	
.navbar-default .navbar-nav > li > a {padding: 10px 15px;}
.header { position:inherit; background:#000;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-bottom:none; }
.navbar-default .navbar-toggle { border-color: #fff; margin:25px 0; }
.navbar-default .navbar-toggle .icon-bar { background-color:#fff;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:focus { background:#000;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background:#000;}
.n1 { display:none;}
.call-section { background:#000;}
.bottom-footer p { float:inherit;}
.bottom-footer p:last-child { float:inherit;}
.bottom-footer { padding-bottom:0;}
.sub-content { padding: 30px 0;}
.ewx {padding: 20px 15px; background: none; height: inherit; border-left:none;}
.video-youtube .col-xs-6 { width:50%; margin-top:20px;}


}



@media (max-width: 555px) {

.service-page .col-xs-6 {width:100%;}


}

@media (max-width: 490px) {

}



@media (max-width: 480px) {
	
	
	

}


@media (max-width:767px) and (min-width:480px){
	
.logo { float:left; margin-bottom:15px; width:250px;}	
.carousel-caption h1 { font-size:28px;}
.carousel-caption h3 { font-size:14px;}
.carousel-caption .view-more a  { padding: 8px 18px; font-size: 13px;}
.carousel-caption .phone a { padding: 10px 18px; font-size: 13px;}
.carousel-caption { padding-bottom:90px; left: 10%; right:5%;}	
	
}


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

.logo { float:left; margin-bottom:0px; width:200px;}		
.carousel-caption h1 { font-size:16px;}
.carousel-caption h3 { font-size:10px;}
.carousel-caption .view-more a  { display:none;}
.carousel-caption .phone a { padding: 10px 18px; font-size: 10px;}
.carousel-caption { padding-bottom:40px; left: 5%; right:5%;}	
.slider .carousel-indicators { left:20%;}	
.welcome h1 { font-size:24px; margin-top:0} 
#fade-quote-carousel.carousel .carousel-indicators {top: 120%;}
.call-section { padding-top:0; height:130px;}
.call-section a { font-size:18px;}
.call-section h4 {font-size:11px; margin-bottom:5px; }
.footer-section  { padding:50px 0 0;}
.footer-section .col-xs-6 { width:100%;} 
.bottom-footer .bf { border:none; padding-top:0;}
.vape-n .col-xs-6 { width:100%;}
.gallery-page-section  .col-xs-6 { width:100%;}
.sm-cont .col-xs-6 { width:100%;}
.about-page .p-let { float:none;}
}


@media (max-width:321px) and (min-width:420px){
	
	

}






@media (max-width: 384px) {
	

	
}


@media (max-width: 320px) {
	
	
		
	
	
}