
html, body {
  width: auto !important;
  overflow-x: hidden !important;
}

@media only screen and (max-width : 480px) {
	
	.map2 { border:1px solid #cccccc; padding:2px; width:90%; height:300px; border-radius:4px; }
	
	body { background-color:#ffffff; width:100%; margin:0px; padding:0px; }
	
	#container { width:100%; margin:0px; padding:0px; }
	#info-container { width:100%; }
	#top { width:100%; padding-top:50px; }
	.top-left { width:100%; float:left; padding:15px 0px 0px 0px; text-align:center; }
	.top-right { width:100%; float:left; padding:10px 0px 0px 0px; }
	
	.top-right h1 { margin:10px 0px 10px 0px; text-align:center; }
	.top-right h1 b { font-size:26px; }
	.social { float:left; padding:15px 0px 10px 0px; width:100%; text-align:center; }
	
	#product-container { width:100%; }
	.product-float { width:100%; margin:0px 0px 0px 0px; }
	.product-float p { margin-left:30px; margin-right:20px; }
	
	.product-info { height:auto; min-height:0; margin-bottom:30px; }

	#intro-container { display:none; }
	
	.mobile { display:none; }
	
	#footer { width:98%; }
	.footer-section2, .footer-section3 { display:none; }
	.footer-section1 { width:100%; }
	.f-logos { display:none; }
	
	#main-container { width:100%; }
	.main { width:90%; margin-left:30px; }
	
}

@media only screen and (max-width : 480px) {
	#nav {
		height:40px;
		width:100%;
		min-width:340px;
		background:#78ae3c;
		border-radius:0px;
		font-size:11pt;
		position:absolute;
		margin:0px; padding:0px; left:0;
		top:0; z-index:99; border:none;
	}
	#nav ul { padding:0; margin:0 auto; width:100%; height:40px; position:relative; }
	#nav li { display:inline; float:left; }
	#nav a {
		color:#ffffff;
		display:inline-block;
		text-align:center;
		text-decoration:none;
		line-height:40px;
		text-shadow:1px 1px 0px #283744;
	}
	#nav li a {
		font-size:13px;
		color:#ffffff;
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		margin:0px; border-radius:0px;
		background:#78ae3c;
	}
	#nav a, #nav a:link, #nav a:visited { text-decoration:none; color:#ffffff; }
	#nav li:first-child a { margin-left:0px; }
	#nav li a:hover, #nav li a:active { background-color:#94cd45; border-radius:0px; }
	#nav {  height:auto; }
  	#nav ul { width:100%; display:none; height:auto; }
  	#nav li { width:100%; float:left; position:relative; margin:0px; }
  	#nav li a { border-bottom:1px solid #64972c; padding:0px; margin:0px; }
  	#nav a { text-align:left; width:100%; text-indent:20px; }
	#nav a#pull {
		display:block;
		background-color:#283744;
		width:100%;
		position:relative;
		text-align:left;
	}
	#nav a#pull:after {
		content:"";
		background:url('../images/nav-icon.png') no-repeat left top;
		width:30px;
		height:30px;
		display:inline-block;
		position:relative;
		left:5px;
		top:10px;
	}
	#nav a#pull:active {
		position:relative;
	}
	#nav li {
		display: block;
		float: none;
		width: 100%;
	}
	
	#nav a.current { background-color:#f1491c; border-radius:0px; }
	#nav ul { display:none; }
	
	#nav li div.sub-menu { display:none !important; }
	
}