@media only screen and (max-width: 1199px) {
.services_section .block{min-height: 311px;}	
	
	}

@media only screen and (max-width: 991px) {
footer .flickr_images li {margin: 0 5px 5px 0;}
footer .flickr_images li a {width: 68px; height:68px;}
.header_bottom .nav > li > a{ color:#413f44;}
.header_bottom{ position: relative; background:#FFFFFF;  -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.55);
-moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.55);
box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.55);}
/*menu responsive*/
/*.header_bottom .menu{ float:none; position:fixed; width:300px; left:0; top:0; bottom:0; margin:0; padding:0; background:#FFFFFF;}*/
.nav{ margin-top:0px;}
.header_bottom .menu{ width:100%; margin:0;}
.header_bottom.affix .menu{margin: 0px 0 0 0;}
.nav > li{ width:100%; margin:0;}
.nav li ul{ padding:5px 0; position: relative; height:0;}
.nav li.hover ul{ height:auto;}
	
	}
@media only screen and (max-width: 767px) {	
#home_banner{ background:#1e91fe;}
.newsletter_section .form-control{ }

.banner_section .owl-controls .owl-page span{ background:#ffffff;}
.banner_section .owl-controls{ bottom:0;}
.banner_section .hero{ border-radius:0; padding: 15px 15px 40px;}
.banner_section .hero h1{ font-size:25px;}
.banner_section .hero h3{ font-size:18px; margin-top:10px;}
.header_bottom .logo{ width:150px; padding: 10px ;}
.banner_section .hero{ position:static;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);}
}
@media only screen and (max-width: 480px) {	
.services_section .col{ width:100%;}
.tittle h2{ font-size:25px;}
.testimonials blockquote {padding: 0 0%;}
footer .top h2{ margin-top:15px;}

}