﻿@media(max-width:1150px) {
* {
	box-sizing: border-box
}
img {
	max-width: 100%;
	height: auto;
}
.container {
	height: auto;
}
.header, .container, .footer-inside, .navigation-inside {
	width: 98%;
}
.pictures, .captions {
	width: auto;
}
.header{
	height: auto;
	top: 0;
	display: flex;
	padding: 20px 0;
}
.logo,.logo-text,.callback,.survey{
	position: static;
}
.logo,.callback,.survey{
	width: auto;
}
.logoarea {
	width: 30%;
}
.phone {
	width: 40%;
	position: static;
	margin-left: 5%;
}
.button-area {
	width: 25%;
}
.form {
	margin-top: 0 !important;
	float: none;
	width: auto;
}
.body-box, .body-box-right, .column1, .column4 {
	width: 23%;
	margin: 0 1%;
}
.pic1, .pic1a, .pic3, .pic1a, .pic3a {
	width: 18%;
	margin: 0 1%;
}
.body-box-bottom {
	min-height: 260px;
	height: auto;
}
.body-box-top {
	font-size: 18px;
}
#primary_nav_wrap ul a {
	font-size: 15px;
}
.body-left {
	width: 60%;
}
.body-right {
	width: 37%;
	margin: 0 0 0 3%;
}
.footer{
	height: auto;
}
}
@media(max-width:1024px) {
.body-box-top {
	font-size: 16px;
}
.body-box-bottom {
	min-height: 280px;
}
.phone {
	font-size: 20px;
}
.logoarea {
	width: 35%;
}
.phone {
	margin-left: 2%;
}
.free-quote {
	font-size: 18px;
}
.form p {
	font-size: 14px;
}
.bx-wrapper img {
	/*height: 300px;*/
}
.page-image {
	text-align: center;
}
img.builders {
	margin: 0 0 15px;
}
.contact-1 {
	width: 30%;
}
.contact-2 {
	width: 30%;
	margin-left: 5%
}
.contact-3 {
	width: 30%;
	margin-left: 5%
}
.contact-4 {
	width: auto;
}
.coverage-img {
	text-align: center;
}
.captions .left{ display:block; width:47%; margin-left:1.5%;} 
.captions .right{display:block; float:right; width:47%; margin-right:1.5%;}
.captions{ left:0; top:10px;}
}
@media(max-width:950px) {
.logoarea, .phone {
	float: none;
	width: auto;
	text-align: center;
	margin: 0 0 10px;
}
.button-area {
	float: none;
	text-align: center;
	width: auto;
}
.body-box, .body-box-right, .column1, .column4 {
	width: 48%;
}
.body-box-pic {
	text-align: center;
}
.body-box-bottom {
	min-height: 180px;
}
.body-box, .body-box-right {
	margin-bottom: 30px;
}
.column1, .column4 {
	margin-bottom: 15px;
}
.footer1, .footer2, .footer4 {
	width: 33.33%;
	margin: 0;
	height: auto;
}
.body-left, .body-right {
	width: auto;
	float: none;
	margin: 0 0 10px;
}
.body-right {
	border: 0;
	padding: 0;
	text-align: center;
}
.dozon-img {
	text-align: center;
}
img.dryzone {
	float: none;
	margin: 20px 0 0 0;
}
.navigation-inside {
	display: none;
}
.mobile-menu {
	display: block;
}
.navigation{ margin-top:20px;}
.navigation, .navigation-inside {
	height: auto;
}
#primary_nav_wrap ul {
	float: none;
}
#primary_nav_wrap ul li {
	float: none;
	width: auto;
	border: 0;
}
#primary_nav_wrap ul ul {
	position: static;
}
#primary_nav_wrap ul li:hover > ul {
	display: none;
}
#primary_nav_wrap ul ul li {
	float: none;
	width: auto;
}
#primary_nav_wrap ul a {
	border: 0;
	border-bottom: solid 1px #fff;
}
.click-nav {
	cursor: pointer;
    float: left;
    height: 30px;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    width: 15px;
}
.click-nav::after {
	background: rgba(0, 0, 0, 0) url("images/left.png") no-repeat scroll 0 0;
	bottom: 0;
	content: "";
	height: 100%;
	left: 5px;
	position: absolute;
	top: 22%;
	width: 15px;
}
.click-nav.active::after {
	content: "";
	background: url(images/bottom.png) no-repeat;
	position: absolute;
	left: 5px;
	top: 8px;
	height: 15px;
	width: 15px;
}
#primary_nav_wrap ul a {
	padding: 10px 9px;
}
#primary_nav_wrap ul li.has-menu > a {
	padding-left: 25px;
}
.mobile-menu a {
	background:rgba(0, 0, 0, 0) url("images/menu-icon.png") no-repeat scroll 10% 50%;
    display: inline-block;
    padding: 20px 0 20px 35px;
	text-decoration:none;
	color:#fff;
}
.mobile-menu a.active{
	background:rgba(0, 0, 0, 0) url("images/cross-icon.png") no-repeat scroll 10% 50%;
	}
/*.captions{ position:static; overflow:auto; display:none;}
.captions.active{ display:block; }*/
.text .captions .left{ display:block; width:auto; margin:1%; float:none;} 	
.intro-text{ margin:0;}
.captions .form{ display:none;}
.form{ width:98%; margin-top:20px !important;}
h2{ font-size:20px;}
.phone br{ display:none;}
.text-red.tel-no {
    display: block;
	font-size:36px;
}
.bxslider .captions{ display:none;}
.text .captions{ position:static; display:none;}
.captions.active{ display:block; }
}
 @media(max-width:650px) {
	.header{
		display: block;
	}
	.callback, .survey{
		text-align: center;
	}
	.phone{
		height: auto;
	}
	.contact-info{
		font-size: 20px;
	}
.body-box, .body-box-right {
	float: none;
	width: auto;
}
.body-box-bottom {
	min-height: inherit;
}
.column1, .column4 {
	float: none;
	width: auto;
	margin: 0 0 7px;
}
.footer1, .footer2, .footer4 {
	float: none;
	width: auto;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #fff;
}
.footer, .footer-inner {
	height: auto;
}
.footer4 {
	margin-bottom: 0;
	border-bottom: 0;
}
.captions{ top:0;}
.bx-wrapper img{ height:200px;}
}
@media(max-width:480px) {
.pictures {
	float: none;
}
.pic1, .pic1a, .pic3, .pic1a, .pic3a {
	width: auto;
	float: none;
	text-align: center;
	margin: 0 15px;
}
.contact-1, .contact-2, .contact-3 {
	float: none;
	width: auto;
	margin: 0 0 10px;
}
.test-red-large{
	display: block;
}
}
