@media screen and (min-device-width: 200px) and (max-device-width: 700px) {
	*{
	  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
		 box-sizing: border-box;
	}
	
	.small_font{
	  font-size: 13px !important;
	}
	
	body{
	}
	
	#main{ padding-left:3vw !important; padding-right:3vw !important; min-height: 40vh !important; }
}


@media screen and (min-device-width: 200px) and (max-device-width: 700px) {
	nav{ height:auto !important; overflow:visible !important; }
	nav li{ vertical-align: middle;}
	nav li a { text-align: center !important; white-space: nowrap; line-height: 140% !important; display:inline-block !important; 
				margin-top:5px; margin-bottom:5px;}
	nav li a br{ display:inline-block !important; height:1px !important; font-size:1px !important; }
}



@media screen and (min-device-width: 200px) and (max-device-width: 700px) {
	#footer .contact{
		border-top-left-radius: 30px;
		box-shadow:  -5px -5px 10px #B6A699;
		width:200px;
	}
}

@media screen and (min-device-width: 200px) and (max-device-width: 700px) {
	.item_listing .item_box{ width:39vw; height:calc(39vw + 55px); margin:3vw; }
	.item_listing .item_box h2{ display:block; height:55px; font-size:15px; }
	.item_listing .item_box .item_images{ width:39vw; height:39vw; }
	
	.item_listing .item_box.on{ width:85vw; }
	.item_listing .item_box.on h2{ height:auto; margin-top:0; margin-bottom: 2vw; font-size: 20px; }
	.item_listing .item_box.on .item_images{ width:70vw; height:70vw; }
	.item_listing .item_box.on .detail_box{ padding-top: 5vw; }
}
@media screen and (orientation: landscape) and (min-device-width: 200px) and (max-device-width: 700px) {
	.item_listing .item_box{ width:39vw; height:calc(39vw + 40px); margin:3vw; }
	.item_listing .item_box h2{  height:40px;  font-size:17px; }
	
	.item_listing .item_box.on .item_images{ width:35vw; height:35vw; flow:left; display:inline-block; }
	.item_listing .item_box.on .detail_box{ width:35vw; padding-top: 5vw; flow:left;  display:inline-block; padding-top: 0;  }
}


@media screen and (orientation: landscape) and (min-device-width: 200px) and (max-device-width: 700px) {
	X#footerContent .contact{ transform: rotate(270deg); right: -40px; }
	#footerContent .contact{
}