#mainNav { display:none; }

@media only screen and (max-width:1170px){
	.mainWrapper { max-width:970px; }
}
@media only screen and (max-width:1000px){
	.mainWrapper { max-width:750px; }

	#mainNav li { font-size:12px; font-weight:400; }
	#mainNav li a { padding:50px 5px; }
}
@media only screen and (min-width:800px){
	#mainNav { display:block !important; }
}
@media only screen and (max-width:800px){
	.headTop ul { float:none; text-align:center; border-right:none; }
	.headTop ul li { display:inline-block; float:none; }
	.headTop ul li:last-child a { border-right:1px solid #333; }

	#navToggle { display:block; }

	#mainNav { float:none; clear:both; }
	#mainNav li { float:none; line-height:1; }
	#mainNav li a { padding:15px 0; border-bottom:none; }

	.footLeft { float:none; margin-bottom:20px; text-align:center; }
	.footLeft a { margin-right:10px; margin-left:10px; }

	.footSocial { float:none; text-align:center; }
	.footSocial a { display:inline-block; float:none; margin-left:10px; margin-right:10px; }
}
@media only screen and (max-width:500px){
	.headTop { min-height:30px; }
	.headTop .mainWrapper { padding:0; }
	.headTop ul li { line-height:30px; font-size:11px; }
	.headTop ul li a { padding:0 5px; }
}
@media only screen and (max-width:380px){
	.headTop ul li a { padding:0 2px; }

	.mainLogo { padding:10px 0; }
	.mainLogo img { width:210px; }

	#navToggle { margin-top:20px; }

	#mainContent { padding:15px 0; }

	#mainFooter { font-size:13px; }

	.footSocial a { margin-right:5px; margin-left:5px; }
}