/* CSS Document */
@media screen and (max-width: 1145px) {
	header nav ul li a{ padding:0 10px;}
}
@media screen and (max-width: 980px) {
    aside{ width:100%; min-height:250px;}
	#content{ width:100%;}
}
@media screen and (max-width: 902px) {
	header nav ul li a{ padding:0;}
	.logo{ width:250px;}
	
}
@media screen and (max-width: 800px) {
	.ft-nav a{ padding: 0 5px; }
	#content{  box-sizing: border-box; padding:0 15px 10px 15px; }
	.logo{ width:200px; padding-left: 5px;}
	.top-right{ padding-right: 10px; }
	header nav ul li a{ padding:0 2px;}
	.contact iframe,.contactForm,.c-left{ float: none; margin: 10px auto; }
	.c-left{ max-width: 200px; width: 100%; }
	#banner .caption h2{ font-size: 25px; }

	}
/*Styles for screen 800px and lower*/
@media screen and (max-width: 767px) {
	img{ max-width:98%; height:auto; margin:0 auto; text-align:center;}
	aside{ width:100%;}
	#content{ width:100%;}
	nav {  display:block; height: auto; 	}
  	nav ul { width: 100%; display: none; height: auto; float:none!important; margin:0!important}
  	nav li { width: 100%; float: left; position: relative; }
  	nav li a { border-bottom: 1px solid #576979; border-right: 1px solid #576979; }
  	nav a { 	text-align: left; width: 100%;	text-indent: 25px; 	}
	nav a#pull { color:#6D4C41; display: block; border-bottom:2px solid #6D4C41;	background-color: #E9DDC7;	width: 100%;position: relative; height: 45px;}
	nav a#pull:after {	content:"";	background: url('../images/nav-icon.png') no-repeat;width: 30px;height: 30px;display: inline-block;
		position: absolute;	right: 15px;top: 10px;	}
	nav a#pull strong{ line-height: 45px;}
	.hd-nav{ min-height:inherit}
	.hd-top{ height:auto;}
	.logo{ position:inherit; margin:0 auto; max-width:287px; width:100%;}
	.top-right{ float:none;}
	.cn-img{ float:none; margin:0 auto;}
	#content{ padding-bottom:10px;}
	#content .row{ box-sizing:border-box; padding:0 15px;}
	.ft-nav a{ padding:0 2px; font-size:12px;}

}
@media screen and (max-width: 640px) {
	.measurement-info td input{ width: 40px; }
	#frmContact2 div{ margin: 20px auto; }
}


@media screen and (max-width: 600px) {
	.ft-nav a{ display:block; padding:10px 0; width:95%; margin:0 auto; border-bottom:1px dashed #fff; line-height:normal}
	.ft-nav a:hover, .ft-nav a.active-menu{border:none; border-bottom:1px dashed #fff; border-radius:0}
	.hd-nav{ position: static; }
	#inner #content h1{ padding: 20px 0; }
}
@media screen and (max-width: 480px) {
	#banner .caption h2{ font-size: 12px; }
	#banner .caption{ bottom: 10px; }
	#content h1{ font-size: 20px; }
	}
@media screen and (max-width: 400px) {
	.vid{ height: auto; }
}