/*Styles for screen 515px and lower*/
@media screen and (max-width : 480px) 
{
	.topContent { display:none;}
	.project .project-code .status, .project .project-code .code { clear:both; width:100%; text-align:center;}
	.bodyWrapper { clear:both; height:auto; overflow:hidden;}
	.mainContentF { padding:5px;}
	.divBannerSupport { clear:both; width:100%;position:relative; top:0px; left:0px; text-align:center; margin-bottom:10px;}
	.divBannerSupport input[type="text"] { width:90%; margin-left:2px;}
	.divBannerSupport input[type="submit"] { right:0; left:auto;}
	.mnTop { width:100%; border-bottom:0px; margin-bottom:10px; height:auto;}
	.mnTop ul li { display:block;  border-radius:3px;}
	.mnTop ul li ul {display:none !important;}	
	.mainContent { clear:both; width:100% !important;}
	.Right { clear:both; width:100% !important; }
	.leftBoxContainer { width:100% !important;}	
	.ProBoxGalleryOther { width:98% !important;}
	.ProBoxGalleryHome { width:98% !important;}	
	.newsItem { clear:both; width:100%; margin-bottom:10px;}
	.newsItem img {   clear: both;  width: 98% !important;  margin: 0 !important;  float: none;}
	.newsItem .title { width:99% !important; float:left;}
	.newsItem .desc { clear:both; width:99% !important;} 
	
	.newsItemL, .newsItemR { width:98% !important; height:auto;}
	.newsItemL img, .newsItemR img, .newsItemR .title, .newsItemR .desc { width:97%; height:auto;}
	
	.nImage { clear:both; width:100%; text-align:center;}
	.nIntro { clear:both; width:100%; }
	.nContent table { width:100%;}
	.nContent img { max-width:99% !important;}
	
	.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;}
	
	#td20 { text-align:left; clear:both; width:100%;}
	.col2, .col3 { width:100%; height:auto; margin:0 !important;}
	.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; width: 97% !important;float: none;margin: 1px 0px;border: 0px;padding: 5px;border-radius: 3px;}

	nav {
		border-bottom: 0;
	}
	nav ul {
		display: none;
		height: auto;
	}
	nav a#pull {
		display: block;
		background-color: #3bb6f1;
		width: 100%;
		position: relative;
		padding:7px 15px;
		color:White;
		font-size:10pt;
	}
	nav a#pull:after {
		content:"";
		background: url('../../images/nav-icon.png') no-repeat;
		width: 30px;
		height: 30px;
		display: inline-block;
		position: absolute;
		right: 35px;
		top: 5px;
	}
	
	.mapsID {width: 90%;
height: 120px;
padding: 15px;
float: left;
border: 1px #999 dotted;
border-radius: 6px;
margin: 10px 0px 10px 10px;
}
.mapsID .btn {width: 100px;
height: 22px;
padding: 5px;
margin-top: 10px;
float: right;
/* background: url(../../images/percent-bg.png) no-repeat left top; */
text-align: center;
/* color: #ffffff; */
float: left;
border-radius: 4px;
border: 1px #999 solid;}
}