@charset "UTF-8";
/* CSS Document */

@media screen and (min-width:768px) {
ul.propertyImageArea,
ul.propertyImageArea2 {
	margin: 10px auto;
	}
ul.propertyImageArea li,
ul.propertyImageArea2 li {
	float: left;
	background: #FFF;
	text-align: center;
	margin-left: 0em !important;
	}
ul.propertyImageArea li:first-child {
	margin-right: 5px;
	width: 505px;
	}
ul.propertyImageArea li:nth-child(2),
ul.propertyImageArea li:nth-child(4) {
	margin-right: 5px;	
	}
ul.propertyImageArea li:nth-child(n+2):not(:nth-child(n+6)){
	width: 232px;
	}
ul.propertyImageArea li:nth-child(6) {
	clear: both;
	}
ul.propertyImageArea li:nth-of-type(n+6){
	margin-right: 4px;
	width: 94px;
	}
ul.propertyImageArea li:nth-child(15),
ul.propertyImageArea li:nth-child(25),
ul.propertyImageArea li:nth-child(35) {
	margin-right: 0px !important;
	}
ul.propertyImageArea li:nth-child(16),
ul.propertyImageArea li:nth-child(26),
ul.propertyImageArea li:nth-child(36) {
	clear: both;
	}
ul.propertyImageArea li a,
ul.propertyImageArea2 li a {
	border: 1px solid #ddd;
	padding: 1px;
	background: #FFF;
	display: block;
	text-align: center;
	margin: 0 0 4px 0;
	}
ul.propertyImageArea li:first-child a img {
	max-height: 475px;
	max-width: 501px;
	}
ul.propertyImageArea li:nth-child(n+2):not(:nth-child(n+6)) a img {
	max-height: 231px;
	max-width: 228px;
	}
ul.propertyImageArea li:nth-of-type(n+6) a img {
	max-height: 90px;
	max-width: 90px;
	}

ul.propertyImageArea2 li {
	margin: 0 4px 4px 0;
	width: 192px;
	height: 150px;
	}
ul.propertyImageArea2 li img {
	max-width: 188px;
	max-height: 124px;
	}
ul.propertyImageArea2 li:nth-child(5),
ul.propertyImageArea2 li:nth-child(15),
ul.propertyImageArea2 li:nth-child(25) {
	margin-right: 0px !important;
	}
ul.propertyImageArea2 li:nth-child(6),
ul.propertyImageArea2 li:nth-child(16),
ul.propertyImageArea2 li:nth-child(26) {
	clear: both;
	}
ul.propertyImageArea2 li span {
	font-size: 0.8em;
	margin-top: -2px;
	display: block;
	}
}	
@media screen and (max-width:767px) {
ul.propertyImageArea li,
ul.propertyImageArea2 li {
	float: left;
	background: #FFF;
	text-align: center;
	margin-left: 0em !important;
	}
ul.propertyImageArea li:first-child {
	margin-right: 0px !important;
	width: 100%;
	margin: 0 0 1% 0;
	}
ul.propertyImageArea li:nth-child(n+2),
ul.propertyImageArea2 li {
	width: 24%;
	margin: 0 1% 1% 0;
	}
ul.propertyImageArea2 li span {
	display:none;
	}
ul.propertyImageArea li img,
ul.propertyImageArea2 li img {
	width: 100%;
	}
}