/* Large Tablet Devices ----------- */
@media only screen 
and (max-width : 1005px) {
	html, body{
		-webkit-touch-callout: none;
		-webkit-user-select: none; /* Webkit */
		-moz-user-select: none;    /* Firefox */
		-ms-user-select: none;     /* IE 10  */
	}
	#banner, .middle-area, .bottom-area {height: auto;padding: 10px;}
	.fixed{position:relative;}
	.top{position:relative; height:auto; padding:8px 0;}
	
	/*
	* Header
	*/
	header{ overflow: visible; height:auto;text-align:center;clear:both; background:#fff;}
	.headleft, .headright, .left, .right{position:relative; float:none ;margin:0 auto 8px; text-align:center; padding:0;}
	.headright{display:block; text-align:center; width:100%;}
	.right ul li:last-child {display: block; text-align: center; width: 182px; margin: 0px auto;}
	.right ul, .right ul li:last-child a{margin-top:5px;}
	
	/*nav*/
	.nav1{display:block;}
	.nav2{display:none;}
	nav{clear: both; height:auto;margin:auto; background:none; background-color:#e9e9e9; padding:10px 10px 4px; transition:none;}
	/*nav ul{column-count:2;-webkit-column-count:2;-moz-column-count:2;}
	nav ul li{width: 100%; text-align: center; border:1px dashed #fff; margin:0px 0px 6px !important; padding:0; border-radius: 5px;}*/
	nav ul li{width: 48%; text-align: center; border:1px dashed #bcbcbc; margin:0px 0px 6px !important; border-radius: 5px;}
	nav ul li:after{content: "";}
	nav ul li a{line-height: 40px; }
	
	/*banner*/
	/*#banner{background:none; text-align:center; height:auto; margin:0;}*/
	#banner{background:none; text-align:center; height:auto; margin-top:40;}
	.rslides{display:block;}
	.box_skitter{display:none;}
	.slogan_res{display:block; position: relative;}
	
	/*main*/
	#main{padding:0!important; margin:0!important; background:#fff;}
	.col-a, .col-b{float:none; margin: 10px auto; width:96%; padding:0;}
		.right-box1, .right-box2{position:relative; display: inline-block; vertical-align: top;text-align: left;}
		.right-box1{ text-align: center; width: 100%; max-width: 100%; height: auto;  margin: 0px auto; padding: 0 2px;}
		.right-box1 h2{text-align:center; padding:8px; height:auto;}
		.right-box1 ul li{margin:0px 0px 6px !important; display:inline-block;max-width: 100%;}
		.more{padding-left:0; text-align:center;}
		
	.main-bottom {padding:10px 10px 0; margin:0 auto; text-align:center; background-size:cover;}
		.m-bot{margin:0 auto 8px;}
		.m-bot:hover{top:0;}
		
		.upper{padding:10px;}
		.upper h2{margin:0 auto 10px;}
		.events{margin:0 10px 8px !important; max-width:100%;}
		
		.mid-low{margin:0 auto; padding:8px; background:#008BEE; height:auto;}
		.mission{width:100%; margin:0 auto;}
		.mission a{display:block;}
		.t-mission{display:none;}
		
		.buttons ul{margin:10px auto 0;}
		
		.above{padding:8px 0 0;}
		.above h2{margin:0 auto 15px;}
		.above ul, .logo{float:none; width:100%; margin:0 auto 8px; text-align:center;}
		.media{position:relative; top:0!important; }
		
		.below{height:auto; padding:10px; margin-top:0;}
}
	
/* Smartphones */
@media only screen 
and (max-width : 658px) {
	#banner {
    margin: 2px 0 0!important;    
}
	/*.nav-area{background-color:#e9e9e9; min-height:40px; margin:5px 0 0;}*/
	.nav-area{background-color:#e9e9e9; min-height:40px; margin:5px 0 0;position: relative!important;}
	.nav-toggle-button, nav li, nav li span, .nav-area p{ display: block;}
	nav{display: none; }
	nav ul{margin: 0; padding: 0; column-count:1;-webkit-column-count:1;-moz-column-count:1;}
	nav ul li{width: 100%; display: block; height:35px;}
	nav ul li a{padding: 10px 0;line-height: 15px; height: 33px;}
	
	.nav-footer ul{text-align: center; list-style: none;}
	.nav-footer ul li{vertical-align:top; width:100%; display: block; height:30px;  border: 1px dashed #fff;  padding:0; margin-bottom: 5px; border-radius:5px;}	
	.nav-footer ul li a{display: block; color: #fff; height:30px;line-height:30px;}
	.nav-footer ul li:last-child{border-right:1px solid #fff;}
	.nav-footer ul li a:hover, .nav-footer ul li.current_page_item a{ height: 30px; line-height: 30px; text-decoration: none;}

	.right-box1, .right-box2, .mid, .events{margin:0 auto 8px!important; display:block;}
	
	.above ul li{display:block; margin:0 auto 8px!important; background:none!important; padding:0!important; text-align:center;}
	
	.f-right, .f-left, .rslides, .col-a img{display:none;}
}

@media only screen
and (max-width : 451px) {
	.events h2, .wrap{display:block; margin:0 auto 5px; text-align:center;}
	.wrap{width:100%; margin:0 auto;}
	.col-a h1 span{display:block;}
}

@media only screen
and (max-width : 320px) {
.slogan span {line-height: 94px; font-size: 27px;}
}