/* Large Tablet Devices ----------- */
@media only screen 
and (max-width : 960px) {
	html, body{
		-webkit-touch-callout: none;
		-webkit-user-select: none; /* Webkit */
		-moz-user-select: none;    /* Firefox */
		-ms-user-select: none;     /* IE 10  */
	}

	.container{width: 100%;}
	
	header.page-header{padding: 20px 10px 10px; text-align: center;}
	.logo-wrapper{float: none; padding: 0px;}
	
	.headright{float: none; text-align: center; padding: 0px;}
		.headright p:first-child:after{content: "";}
		.headright p:last-child:after{content: "";}

	/*
 	* Primary Navigation Config
	*/
	#nav-area{background: #7d0004; min-height: 85px; padding: 0 10px 10px;}
	
	.social{position: static; width: 100%; text-align: center; padding: 10px 0px;}
		.social a{margin: 5px;}
		.fb{margin: 5px;}
	
	nav.page-nav{float: none; clear: both;}
	
	nav.page-nav ul{ margin: 0; padding: 0;text-align: center; }
	
	nav.page-nav li{width: 32%; display: inline-block;vertical-align: top;text-align: center; margin: 5px 3px;}

	nav.page-nav ul li a{text-indent: 0; margin: auto; background: #610104;}
	
	nav.page-nav li span{ display: block; }
	
	/* Nth Drop Down */
	nav.page-nav ul ul, nav.page-nav ul li:hover ul{ display: none; left: 0; top: 100%;}
	
	nav.page-nav ul ul li a{ text-indent: 25px; }
	
	#banner{width: 100%; min-height: 0; padding: 0 10px;}
		.flash{position: static;}
			.flash1{display: none;}
			
			.flash2{display: block;}
			
		.slogan{position: static; width: 100%; min-height: 58px; background: #0f0f0f; text-align: center;padding-bottom: 15px;}
			.slogan p{padding: 17px 0px 0px 0px; line-height: 29px;}
	
	#main{}
	
	#mid{margin-top: 10px; padding: 15px 10px 12px;}
		.mid-title{width: 100%; min-height: 42px; background: #1b1b1b; position: static; text-align: center;}
			.mid-title p{padding: 0px;}
			
		.midbox{margin: 10px;}
			.midbox-img a{display: none;}
			.mid-img2{display: block;}
	
	.main-content{margin-top:20px;}
	
	.page-content{float: none; width: 100%; margin-top: 0px; padding: 0 10px;}
	.page-content2{float: none; width: 100%; margin-top: 0px; padding: 0 10px;}
	
	aside.page-sidebar{float: none; width: 100%; margin-top: 30px; padding: 0 10px;}
		.side-form{width: 354px; margin: 0 auto;}
	
	footer.page-footer{background: #333333; padding: 0; min-height: 168px; position: relative; margin-top: -185px; padding: 0px 10px 15px 10px; text-align: center;}
		.footer-left{float: none; padding-top: 10px;}
			.contact-title{margin-top: 10px;}
			.contact-content{margin-top: 10px;}
		
			.contact-content ul li{padding-left: 0px; margin: 10px 15px;}
			.contact-content ul li:last-child{position: relative; padding-left: 0px; margin: 10px 15px;}
			.contact-content ul li:first-child:before{content: "";}
			.contact-content ul li:last-child:before{content: "";}
		
		.footer-right{float: none; text-align: center;}
			.nav-footer{margin-top: 10px;}
				.nav-footer ul li:last-child a{padding-right: 8px;}
		
			#copyright{float: none;margin: 10px auto 0;text-align: center;}
}

/* Table Devices */
@media only screen 
and (max-width : 734px) {
	
	/*
 	* Primary Navigation Config
	*/

	.nav-toggle-button, nav.page-nav li, nav.page-nav li span{ display: block; }
	
	nav.page-nav{
		display: none;
	}
	
	nav.page-nav ul{
		margin: 0; 
		padding: 0;
	}
	
	nav.page-nav li{
		width: 100%;
		display: block; margin: 5px 0px;
	}
	
	nav.page-nav li a{
		line-height: 45px;
	}
	
	/* Nth Drop Down */
	nav.page-nav ul ul{ 
		position: relative;
	}
	
	nav.page-nav ul ul li a{
		width: auto;
	}
}

/* Smartphones */
@media only screen 
and (max-width : 500px) {
	.floatleft-img{display: none;}

	/* 
	* Footer Area Config 
	*/
	.nav-footer ul{padding: 0 20px;}
	
	.nav-footer ul li{display: block;}
	
	.nav-footer ul li:after{content: "";}
	
	.nav-footer ul li a{display: block; line-height: 40px; color: #fff; border:1px solid #6f080b; margin-bottom:5px; background: #610104;}
	.nav-footer ul li a:hover,.nav-footer li.current_page_item a{text-decoration: none; background: #5d5d5d; border:1px solid #686262;}
	
	.floatleft-img {display:block; margin-left:auto; margin-right:auto; float:none; }
	.floatright-img {display:block; float:none; margin-left:auto; margin-right:auto; }
}