@charset "utf-8";
/* CSS Document */

@import url("fonts.css");
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 1599px) {

}

@media (max-width: 1200px) {

}

@media (max-width: 1024px) {
	.serv_content {width: 85%;}
	.navbar-header{ float: none; text-align: center; }
	.navbar-brand{ float: none;; display: inline-block; }
	.navbar-right{ float: none !important; }
}

@media (max-width: 992px) {
	.navbar-header{  text-align: left; }
	.navbar-toggle { display: block; }
	.navbar-toggle span{ background: #fff }
	nav .navbar-collapse.collapse { display: none !important;}
	nav .navbar-collapse.in { display: block !important;}
	nav .navbar-collapse li{ float: none;; text-align: center; }
	nav .navbar-collapse li a{padding-top: 7px; padding-bottom: 7px}
	nav .navbar-collapse li:last-child { margin-bottom: 10px }
	nav .navbar-collapse li:last-child a{ padding-bottom: 15px; padding-top: 15px }
	nav .navbar-collapse .dropdown-menu{position:static;float:none;}
	.slider_text{ top: 10% }
	.slide_bg{width: 70%;}
	.owl-nav div{position: static; display: inline-block; margin-left: 10px}
	.owl-nav{ position: absolute; right: 0; top: -80px }
	footer .logo{ text-align: center; }
	#services .article{    padding: 20px 10px;}
	footer h4{ margin-top: 25px; margin-bottom: 0 }
	footer h4:after{ margin-bottom: 15px }
	.serv_content {width: 80%;}
}


/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 767px) {
	.slide_bg h1{ font-size: 24px }
	footer .logo{ text-align: left; }
	.contact-form .form-group .col-sm-6:first-child{ margin-bottom: 15px }
	.serv_content {width: 100%; float: none;}
	.service_box{ padding:25px 15px; }
}


@media (max-width: 643px) {
	.slider_text{ display: none; }
}

@media (max-width: 480px) {
	.owl-nav{ position: static; text-align: center; margin-top: 10px }
	.service_box .icon{ float: none !important }
}

/* Mobile devices */
@media (max-width: 359px) {


}
/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

}

@media print {

}