@media only screen 
and (max-width : 960px) {
	html, body{ -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none;}
	img{width:auto; height:auto;}
	header{background:none; height:auto; text-align:center}
		.header_left, .header_right{float:none;}
		.header_left{padding:10px;}
		.header_right{padding:0;}
	nav{background:#ff224e; padding:10px; text-align:center; margin-top:0;}
		nav ul li:after{content:"";}
		nav ul li{width:32%; margin:1px; border:1px solid #c70229;}
		nav ul li a{padding:10px; margin:0;}
	#banner{height:auto; margin-top:0; padding:10px;}
		.banner_left{margin:10px auto;}
		#slogan{position:initial; text-align:center; padding:5px;}
		#slogan span{width:100%; background:#fff; border-radius:5px; padding:10px 0;}
	#main{margin:10px 0; padding:10px;}
		#col-a, #col-b{float:none; width:100%; margin-top:0;}
		.maincontents .welcome{display:inline;}
		#events{width:300px; display:block; margin:15px auto;}
	.left_tab, .social{text-align:center;}
	.left_tab ul li{text-align:left; display:inline-block; width:300px;}
	#main_bottom{background:#e8d5cc; text-align:center; height:auto; padding:10px;}
		.bottom-box:first-child, .bottom-box:nth-child(2){text-align:left; float:none; margin:5px;}
		.bottom-box:nth-child(3){background:#307602; border-radius:5px; clear:both; margin:10px auto 0; width:617px;}
		.bottom-box:nth-child(3) span{display:inline;}
		.bottom-box:nth-child(3) a, .bottom-box:nth-child(3) a:hover{background:#fff;}
	#bottom{padding:10px;}
	.newsletter{margin:0 auto; display:block; float:none;}
	.footer_logo{text-align:center; float:none; padding:25px 0; clear:both;}
	.con_info ul li:nth-child(2){margin:0 20px;}
}

@media only screen 
and (max-width : 600px) {
	.nav-toggle-button, nav li, nav li span{ display: block; }
	nav{display: none;}
	nav ul li{width:100%;}
	.dropdown ul ul{width:100%; position:relative;}
	.dropdown ul ul li a {width:100%;}
	.banner_left{background:none; margin:0; padding:0; width:100%;}
	.white_bg{display:none;}
	#banner_img, #banner_tab{position:initial; margin:10px auto; display:block;}
	.maincontents img{float:none; margin:10px auto; display:block;}
	.left_tab ul li a{margin:2px 0;}
	.bottom-box:nth-child(3){width:100%;}
	.newsletter{text-align:center; width:100%;}
	.newsletter h2, .text, .submit2{float:none; margin:5px auto;}
	.text{width:100%;}
	footer{height:auto; padding:10px;}
	.nav_footer ul li{display:block; width:100%; border:solid 1px #fff; margin:1px;}
	.nav_footer ul li a{padding:5px;}
}

@media only screen 
and (max-width : 500px) {
	.thelanguage ul{margin:0 0 0 10px;}
	
}