/* Responsive: smaller screens */

@media only screen and (max-width: 1350px) {
  /*
	body.pixelsilk {min-width:950px;}
	#logo {}
	#logo>img {}

	.inner {
		width:950px;
		min-width:950px;
	}
	
	#header {}
	#header>.inner {}
	
	#slides {min-width:950px; height:200px;}
	#slides li img {max-width:950px; height:200px;}
  */
  #masthead{height:auto;}
  #slides, .cycle-slideshow{width:100%; height:auto;}
  #slides .inner{width:100%; min-width:100%;}
  #slides img{width:auto; height:auto;}
  
}

@media only screen and (min-width: 675px) and (max-width: 950px) {
  /*
	body.pixelsilk {min-width:675px;}
	#logo {}
	#logo>img {}

	.inner {
		width:675px;
		min-width:675px;
	}
	
	#header {}
	#header>.inner {}
	#nav li a, #nav li a:link, #nav li a:visited {font-size:14px; padding:0 5px;}
	
	#slides {height:auto;}
	#slides {min-width:675px; height:200px;}
	#slides li img {max-width:675px; height:200px;}
  */
}

@media only screen and (max-width: 675px) {
	
	html, body {width:100%; height:auto;}
	html {text-align:center;}
	body.pixelsilk {
		text-align:left;
		margin:0 auto;
		padding:0;
		width:320px;
    	font-size:18px;
		min-width:320px;
		max-width:100%;
		display:block;
		background-color:#efefef;
		-moz-box-shadow:0 0 25px rgba(0,0,0,0.5);
		-webkit-box-shadow:0 0 25px rgba(0,0,0,0.5);
		-o-box-shadow:0 0 25px rgba(0,0,0,0.5);
		box-shadow:0 0 25px rgba(0,0,0,0.5);
	}
  
  	.resPad{padding:10px;}
	
	#header, #mainContent, #footer, #nav, #homeHeader, #slides a {background-image:none;}
	
	img {max-width:100%;}
	
	/* Overall */
	#header, #nav, #pageHeader, #mainContent, #footer, #header>.inner, #nav>.inner, #pageHeader>.inner, #mainContent>.inner, #footer>.inner {
		width:auto;
		min-width:100%;
		margin:0;
		padding:0;
	}
	
	div.inner {
		width:auto;
		min-width:100%;
		margin:0;
		padding:0;
	}
	
	h1, h2, h3, h4, h5 {
		padding:0;
		font-weight:normal;
	}
	h1 {font-size:28px; line-height:34px;}
	h2 {font-size:24px; line-height:30px;}
	h3 {font-size:18px; line-height:24px;}
	h4 {font-size:16px; line-height:22px;}
	h5 {font-size:14px; line-height:20px;}
	
	/* Hide these items */
	#slides, #masthead {
		display:none;
	}
	
	#nav {
		position:relative;
		top:auto;
		left:auto;
		right:auto;
		bottom:auto;
		width:100%;
		min-width:300px;
		height:auto;
		margin:0;
		min-height:50px;
		line-height:50px;
		border:0;
	}
	
	#nav:after {content:"."; visibility:hidden; display:block; height:0; clear:both;}
	#nav>.inner>ul>li {float:none; display:block; margin:0; border:0; width:auto;}
	#nav>.inner>ul>li ul {display:none !important;}
	
	#nav .menuArrow {
		position:absolute;
		top:1px;
		right:0;
		z-index:1100;
		display:block !important;
		width:49px;
		height:50px;
		cursor:pointer;
		border-left:solid 1px #fff;
		background-color:#831817;
		background-image:url('/s/5GFf0JPyPUyUjaHrAJ2FKA/mobile-icons.png');
		background-position:-65px -5px;
	}
	#nav.expanded .menuArrow {background-position:-5px -5px;}
	
	#nav>.inner>ul {
		position:relative;
		top:auto;
		right:auto;
		clear:both;
		width:100%;
		height:auto;
		line-height:50px;
		margin:0;
		padding:0;
		text-align:left;
		border-top:solid 1px #fff;
		background-color:#831817;
	}
	#nav>.inner>ul>li {float:none; clear:left; display:none; color:#fff; line-height:inherit; height:auto; line-height:50px; border-bottom:solid 1px #fff;}
	#nav>.inner>ul>li:last-child {border-bottom:solid 1px #fff !important;}
	#nav>.inner>ul li a, #nav>.inner>ul li a:link, #nav>.inner>ul li a:visited {line-height:50px; height:50px; padding:0; display:block; color:#fff; font-size:18px; font-weight:normal; text-decoration:none; padding:0	60px 0 10px; text-transform:capitalize; text-shadow:1px 1px 0px rgba(0,0,0,0.25); white-space:nowrap; overflow:hidden;}
	#nav>.inner>ul li a:active, #nav>.inner>ul li a:hover, #nav>.inner>ul li a:focus {background-color:#666;}
	#nav>.inner>ul li .subMenu {display:none !important;}
	#nav>.inner>ul li.separator {display:none !important;}
	
	#nav>.inner>ul li.current {display:list-item !important;}
	#nav>.inner>ul li.current a, #nav>.inner>ul li.current a:link, #nav>.inner>ul li.current a:visited {font-weight:bold;}
	#nav.expanded {}
	#nav.expanded li {display:list-item !important;}
	#nav.expanded li, #nav.expanded li.current {border-bottom:solid 1px #fff;}
	#nav.expanded li.current {background-color:#666;}
	
	#nav li.lnk-home.current {display:list-item !important;}
	
	#nav>.inner>ul>li.current>a, #nav>.inner>ul>li.current>a:link, #nav>.inner>ul>li.current>a:visited {margin:0;}
	#nav>.inner>ul>li.over>a:link, #nav>.inner>ul>li.over>a:visited, #nav>.inner>ul>li>a:active, #nav>.inner>ul>li>a:hover, #nav>.inner>ul>li>a:focus {margin:0;}
	
	#mobileMenu {display:block;}
	#mobileMenu h3 {margin:0 10px 10px; padding:0; font-size:18px; }
	#mobileMenu ul {margin:0; padding:0; list-style:none; width:100%;}
	#mobileMenu li {margin:0 0 1px;}
	#mobileMenu a, #mobileMenu ul a:link, #mobileMenu ul a:visited {
		display:block;
		text-decoration:none;
		color:#fff;
		font-size:15px;
		padding:10px;
		filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#D25C04, endColorstr=#6B3005) !important;
		-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#D25C04, endColorstr=#6B3005)" !important;
		background-color:#6B3005;
		background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#D25C04), to(#6B3005)) !important;
		background-image:-webkit-linear-gradient(top, #D25C04, #6B3005) !important;
		background-image:-moz-linear-gradient(top, #D25C04, #6B3005) !important;
		background-image:-ms-linear-gradient(top, #D25C04, #6B3005) !important;
		background-image:-o-linear-gradient(top, #D25C04, #6B3005) !important;
		text-shadow:1px 1px 0px rgba(0,0,0,0.25);
	}
	#mobileMenu li.current>a, #mobileMenu li.current>a:link, #mobileMenu li.current>a:visited {
		font-weight:bold;
		background-color:#5e5e5e;
	}
	
	#mobileMenu ul>li.current>ul {}
	#mobileMenu ul>li.current>ul>li {}
	#mobileMenu ul>li.current>ul>li>a, #mobileMenu ul>li.current>ul>li>a:link, #mobileMenu ul>li.current>ul>li>a:viisted {
		padding:10px 10px 10px 20px;
	}
	#mobileMenu li.current ul li a, #mobileMenu li.current ul li a:link, #mobileMenu li.current ul li a:visited {padding:10px 10px 10px 20px !important; background-color:#462314;}
	
	/* Header */
	#header, body.home #header {
		height:auto;
		margin:0;
		padding:0px;
		text-align:center;
		border:0;
	}
	
	#header .inner {
		height:auto;
	}
	
	#header #logo {
		position:relative;
		top:auto;
		left:auto;
		display:block;
		width:auto;
		height:auto;
		max-width:auto;
		margin:0 0 auto 0;
		padding:10px;
		text-align:center;
	}
	
	#header #logo img {
		max-height:100px;
	}
  	#header .topLinks{float: none; width: 100%; text-align: center; margin: 10px 0;}
  	#header .topLinks a{color:#74777A;}
	#search {position:relative; top:auto; right:auto; margin:10px 65px; width:auto;}
	
	/* Content / body */
	section#mainContent {
		margin:0/* 10px 10px*/;
		padding:0px;
		min-width:280px !important;
		background-color:#fff;
	}
	
	#mainColumn, #column2, #column3 {float:none; width:auto; margin:0; padding:0;}
  
	#column2 {padding:10px 0 0;}
  	#column2 .form textarea{width: 95.5%;}
  
  	#column3 .bottom{display:none;}
  	#column3 .top a, #column3 .top a:link, #column3 .top a:visited{text-align: center; padding: 0; margin: 0 20px 10px; line-height: 35px; border: 1px solid #FFF; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
	
	/* Photo Gallery Styles */
	#photoLarge {float:none; width:95%; margin:0 0 15px; padding:2%;}
	.listItems.photoGallery li.item {width:50%;}
	
	.listItemImage {float:none;}
	
	/* Footer */
	#footer {padding:3%; height:auto; border:0; min-width:93%; background-image:none;}
	#footer .locations{float: none; margin: 10px 0;}
	#smartzLink, #smartzLink:link, #smartzLink:visited {position:relative; top:auto; right:auto;}
	
	a.lnkToTop, a.lnkToTop:link, a.lnkToTop:visited {
		display:block;
		line-height:30px;
		padding:10px;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-size:36px;
		font-family:'industrial_heavyregular', sans-serif;
		background-color:#e39f2e;
		text-shadow:1px 1px 0px #000;
	}
	
	/* General form styles */
	.contactForm div {clear:both;}
	.contactForm>div {margin:0 0 10px;}
	.contactForm label {float:none; display:block; margin:5px 0 0; width:100%;}
	.contactForm span {float:none; display:block; margin:0 0 10px; width:100%;}
	.contactForm span label {float:none;}
	.contactForm span span {float:none;}
	.contactForm span input[type='text'], .contactForm span input[type='email'] {width:92%; margin:0; padding:10px; color:#462314; font-size:16px; border:solid 1px #ccc;}
	.contactForm textarea {width:92%; height:100px; padding:10px; color:#462314; font-size:16px; border:solid 1px #ccc;}
	.contactForm span img {max-width:120px; max-height:120px;}
	.contactForm .required {font-weight:bold;}
	.contactForm div.checkBoxes {}
	.contactForm div.checkBoxes>span {display:inline-block; margin:10px 0;}
	.contactForm div.checkBoxes>span>span {display:block; width:auto; clear:both;}
	.contactForm div.checkBoxes>span>span>label {display:inline-block; width:auto; margin:0;}
	.contactForm div.checkBoxes input[type='checkbox'] {display:inline-block; margin:0 5px 0 0;}
	.contactForm legend {margin:0 0 0 10px;}
	.contactForm input[type='text']:focus, .contactForm textarea:focus {outline:none; border:solid 1px #462314;}
	
	iframe {max-width:100%;}
	#footer>.inner {text-align:center;}
	#footer .footLogo {margin:0 auto; float:none;}
	#footer .text {float:none; width:auto; text-align:left;}
	
	a.lnkToTop, a.lnkToTop:link, a.lnkToTop:visited {
		display:block;
		line-height:30px;
		padding:10px;
		text-align:center;
		text-decoration:none;
		color:#fff;
		font-size:16px;
		background-color:#5e5e5e;
		text-shadow:1px 1px 0px #000;
	}

	#homeCTA .inner .box {float:none; margin:0 0 1em; width:100%;}
	#column3 .top, #column3 .bottom {display:none;}
}

@media only screen and (max-width: 480px) {
	
	/* General form styles */
	.contactForm span input[type='text'], .contactForm span input[type='email'] {width:92%; margin:0; padding:10px; color:#462314; border:solid 1px #ccc;}
	.contactForm textarea {width:92%; height:100px; padding:10px; color:#462314; border:solid 1px #ccc;}

	#search{margin: 10px 30px; height: 35px;}
	#search .txtSearch{width: 171px; padding: 6px 15px; height: 23px; background-size: auto 17px; background-position: center 13px; font-size: 16px;}
	#search .btnSearch{width: 58px; height: 35px; background-size: auto 37px; background-position: center;}

	#nav>.inner>ul li a, #nav>.inner>ul li a:link, #nav>.inner>ul li a:visited{font-size: 14px;}

}

@media only screen and (min-width: 480px) and (max-width: 675px) {
	body.pixelsilk {
		width:480px;
		min-width:480px;
		max-width:100%;
	}
	
	/* Nav */
	#nav {min-width:460px;}
	.listItemImage {float:left;}
}