/* CSS Document */

#home_data {
	margin-top: 100px; 
	padding-top: 15px;
	z-index: 20;
}

.port_cont_box {background:#000; color:#FFF; font-size: 20px;}
.clear_both {clear:both;}

/*Horizontal*/
@media screen and (min-width:250px) and (max-width:350px) { 
	.gallery .photos .thumbnail_container a.thumbnail img{
		width:200px;
		height:100px;
		border: 1px solid #6d4d2e;
	}
}
@media screen and (min-width:501px) and (max-width:700px) { 
	.gallery{width: 90%; margin-left: 0 auto; background:none;}
	.gallery .sorting span {display:block; color:#e5aa2c; padding: 0px 0px 20px 0px;}
	.gallery .sorting a {display:block;}
	.gallery .photos .thumbnail_container a.thumbnail img{
		width:300px;
		height:150px;
		border: 1px solid #6d4d2e;
	}
}
@media screen and (min-width:351px) and (max-width:500px) { 
	.gallery{width: 90%; margin-left: 0 auto; background:none;}
	.gallery .sorting span {display:block; color:#e5aa2c; padding: 0px 0px 20px 0px;}
	.gallery .sorting a {display:block;}
	
	.gallery .photos .thumbnail_container a.thumbnail img{
		width:300px;
		height:150px;
		border: 1px solid #6d4d2e;
	}
}
@media screen and (min-width:501px) and (max-width:960px) { 
	.gallery .sorting span {display:block; padding: 0px 0px 20px 0px;}
	gallery .sorting a {display:block; width:35%; float:left; margin-bottom:5px;}
}
@media screen and (min-width:961px) { 
	.gallery .sorting span { padding: 0px 20px 0px 0px;}
}