/*Smartphone*/
@media only screen and (max-width : 320px) 
{
	.ProBoxGalleryOther { width:99% !important;}
	.ProBoxGalleryHome { width:99% !important;}
	nav ul li {
		display: block;
		float: none;
		width: 100%;
	}
	nav li a {
		border-bottom: 1px solid #576979;
	}
	
	
	.FooterCopyright{ clear:both; width:100%; text-align:left; padding:10px 0;}
.FooterMenu { clear:both; text-align:left; background-color:#191919; overflow:hidden; width:100%; margin:10px 0; padding: 20px 0px 20px 0px;}
.FooterMenu ul { margin:0px; padding: 5px; width:96%; float:left;}
.FooterMenu ul li { display:block; padding:5px 10px;color:#919090;}
.FooterMenu ul li a { color:#919090;}
.FooterMenu ul li a:hover { color:#fff; }

.FooterAdd { clear:both; text-align:left; background-color:#191919; overflow:hidden; width:100%; margin:10px 0; padding: 10px 0px 10px 0px; border-top: 1px solid #4e4e4e;}
.FooterAdd .bot{ margin:0px; padding: 20px 0px 0px 20px; width:96%; float:left; border-top: 1px solid #4e4e4e; text-align: left; color:#919090;}
.FooterAdd ul { margin:0px; padding: 5px; width:96%; float:left;}
.FooterAdd ul li { display:block; padding:5px 10px;color:#919090;}
.FooterAdd ul li a { color:#919090;}
.FooterAdd ul li a:hover { color:#fff; }

.mapsID {width: 90%;
/* height: 120px; */
padding: 5px;
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;}

}