/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) 
{
	.Body { clear:both; height:auto; overflow:hidden;}
	.divBanner { height:auto; clear:both; width:100%; position:relative;}
	.Logo { clear:both; width:100%;position:relative; text-align:center; margin-bottom:10px;}
	.divBannerSupport { clear:both; width:100%;position:relative; top:0px; left:0px; text-align:center; margin-bottom:10px;}
	.mnTop { width:100%; border-bottom:0px; margin-bottom:10px; height:auto;}
	.mnTop ul li { display:block; width:49%; margin:1px; border-radius:3px;}
	.mnTop ul li ul, .slideshow {display:none !important;}
	
	.Right { clear:both; width:100% !important; }
	.leftBoxContainer { width:100% !important;}
	
	.breadcrumbs { clear:both; position:relative; height:auto;}
	.breadcrumbs .pnSearch { position:relative; clear:both; left:5px;}
	
	.newsItem { clear:both; width:100%; margin-bottom:10px;}
	.newsItem img { clear:both; width:100% !important; margin:0;padding:10px 0;}
	.newsItem .title { width:100% !important; clear:both; }
	.newsItem .desc { clear:both;} 
	
	.nImage { clear:both; width:100%; text-align:center;}
	.nIntro { clear:both; width:100%; }
	.nContent table { width:100%;}
	.nContent img { max-width:99%;}
	
	#ProImg { clear:both; width:100% !important; } 
	#ProImg img { width:100%;}
	#ProInfo {  clear:both; width:100% !important; }
	
	#divRight {margin-left:5px !important; width:96% !important;}
	#ProBoxGalleryOther { width:97% !important; height:auto; margin:1%; float:left;}
	
	.Footer { width:100%;}
	.FooterBox { width:100%;}
	.FooterCopyright { width:100%;}
	.FooterMenu { clear:both; height:auto; width:100%;}
	.FooterMenu ul { margin:0px;}
	.FooterMenu ul li { display:block; color:White;float: none;margin: 1px 0px;border: 0px;padding: 5px;border-radius: 3px;}
	
	
}