/* CSS Document */
@media screen and (max-width: 1160px) {
	#content-bottom h2::before,#content-bottom h2::after{ display:none; }
}
@media screen and (max-width: 1099px) {
	.ft-logo{ position:inherit; margin:-54px auto 0;}
}
@media screen and (max-width: 1055px) {
	header nav ul li a{ padding:0 10px;}
}
@media screen and (max-width: 1025px) {
	.mid{ background-size:contain;}
	.mid p{ font-size:18px;}
	footer .ft-nav{ float:none; padding:10px 0!important}
	footer .ft-nav a{ }
	.copy{ float:none; margin:0 auto; padding:10px 0; text-align:center; }
	.ft-red{ height:auto;}
}
@media screen and (max-width: 980px) {
    
}
@media screen and (max-width: 895px) {
	header nav ul li a{ padding: 0;}
	.logo{ width:360px;}
}
@media screen and (max-width: 870px) {
	.mid p{ margin:45px 30px 0 0; width:65%;}
	.mid{ min-height:235px;}
}
@media screen and (max-width: 800px) {
	
}

/*Styles for screen 800px and lower*/
@media screen and (max-width: 767px) {
	img{ max-width:98%; height:auto;}
	aside{ width:100%;}
	#content{ width:100%;}
	nav {  display:block; height: auto; 	}
  	nav ul { width: 100%; display: none; height: auto; background:rgba(0, 0 ,0, 0.8)   	}
  	nav li { width: 100%; float: left; position: relative; }
  	nav li a { border-bottom: 1px solid #576979; line-height:normal!important; padding:10px 0!important; font-size:20px!important}
  	nav a {text-align: left; width: 100%;	text-indent: 25px; 	}
	nav a#pull { color:#fff; display: block;	background-color: #FF0000;	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;}
	.logo{ float:none; max-width:436px; width:95%; margin:10px auto;}
	.red-bg{ background:none; height:auto; margin:0 auto; box-shadow:none;}
	.hd-right{ float:none; text-align:center; margin:0 auto;}
	.sm{ margin:10px auto}
	header nav ul li a:hover, header nav ul li.active-menu a{ background:none; color:#f00;}
	body#inner #content{ box-sizing:border-box; padding:0 15px;}
}
@media screen and (max-width: 715px) {
	.mid p{ font-size:13px;}
}
@media screen and (max-width: 600px) {
	.mid p{ font-size:12px; width:100%; margin:0 auto; box-sizing:border-box; padding:15px; float:none;}
	.mid{ background:#F2FF19; min-height:inherit}
	.contactBox-right{ float:none;}
}
@media screen and (max-width: 420px) {
	.sm span{ display:block;}
	footer .ft-nav span{ padding:0 2px;}
}