/************************************************************************************
smaller than 980
*************************************************************************************/
@media screen and (max-width: 1190px)
{
}

/************************************************************************************
smaller than 650
*************************************************************************************/
@media screen and (max-width:900px) 
{
	section .content_small_box {width:70%}
	.events_box {width:70%}
}

@media screen and (max-width:700px) 
{
	.mag_cover {width:100%; text-align:center}
	.mag_cover img {max-width:500px}
	.mag_desc_box {margin-bottom:25px;}
	.mag_desc {width:100%; margin-top:30px}
	.mag_banner_box {width:400px}
	.mag_feature_topbar_title, .mag_feature_topbar_bannertitle {float:none; width:100%}
	.mag_feature_content {float:none; width:100%}
	.mag_feature_image {float:none; width:100%; text-align:center; margin-top:30px}
	.mag_feature_image img {max-width:250px; margin-right:10px}
	.events_box {width:80%}
}

/************************************************************************************
smaller than 560
*************************************************************************************/
@media screen and (max-width: 480px) 
{
	#container {border:0px; margin:0px;}
	header img {max-width:200px;}
	section .content_small_box {width:90%}
	section .content_image ul > li {width:100%; max-width:none; margin-bottom:20px}
	section .content_image ul > li > div > img {max-width:200px}
	.contact_people {width:100%;}
	.mag_banner_box {width:300px; font-size:18px; padding:20px}
	.mag_desc img {max-width:280px}
	.mag_enter {font-size:14px}
	.mag_feature_image img {max-width:none; margin-right:0px}
	.footer_logo {width:100%; padding:0px; margin-bottom:10px;}
	.footer_text {width:100%; text-align:justify;}
	.events_box {width:90%}
	.lSSlideOuter.vertical ul.gallery_slider.lightSlider > *, ul.gallery_slider {width:100% !important}
	ul.home_image {text-align:center !important;}
}

/* menu */
@media only screen and (min-width: 320px) and (max-width: 900px) 
{
	.nav-mobile 
	{
		display:block;
	}
	
	.nav 
	{
		width:100%;
		padding:45px 0 0;
	}
	
	.nav-list 
	{
		display:none;
	}
	
	.nav-item 
	{
		width:100%;
		/*float:none;*/
	}
	
	.nav-item > a 
	{
		padding: 7px 15px;
		text-align:left;
	}
	
	.nav-click 
	{
		display:block;
	}
	
	.nav-mobile-open 
	{
		border-radius:5px 5px 0 0;
		-webkit-border-radius:5px 5px 0 0;
		-moz-border-radius:5px 5px 0 0;
	}
	
	.nav-item:hover .nav-submenu 
	{
		display:none;
	}
	
	.nav-submenu 
	{
		position:static;
		width:100%;
	}
}