a{text-decoration:none;}
a:hover{text-decoration:underline;}
.centered { margin: 0 auto; }
.box {
  margin: 1% 0.5% 0 0;
  padding: 15px 15px 0px 15px;
  float: left;
  border:1px solid #d5d5d5;
  width:24.5%;
  -webkit-transition: color 0.5s ease;
}
.main-img{
	margin-bottom:10px;
}
.main-img a{
  display: block;
  text-align:center;
}
.description{
	margin-bottom:5px;
    text-transform: lowercase;
    height: 90px;
    overflow: hidden;
}
.owner{
	margin-bottom:10px;
    text-transform: lowercase;
    height: 18px;
    font-weight:bold;
    overflow: hidden;
}
.description:first-letter {
    text-transform: uppercase;
}
.status{
	margin-bottom:10px;
    height: 32px;
    overflow: hidden;
}
	.status span{
		display:block;
		float:left;
		color: #8C7E7E;
		margin-right:10px;
	}
.details {
    background: #f2f0f1;
    padding: 10px 15px;
    margin:0 -15px;
    height: 48px;
    overflow: hidden;
    border-bottom: 1px solid #d9d7d8;
    border-top: 1px solid #f9f7f8;
}
	.details span{
		display:block;
		float:left;
		width:30px;
		margin-right:5px;
	}
	.details p{
		float:left;
		width:100%;
        color:#8C7E7E;
		padding: 0px 0px; 
		margin: 0px  0px;
	}
		.details p a{
			color:#8C7E7E;
			font-weight:bold;
		}
.cl{ clear:both; font-size:0; height:0; }
.clearfix:after {
	clear: both;
	content: '';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}	

@media only screen and (max-width : 990px),
only screen and (max-device-width : 990px){
	.box {width: 32.8333%;}
}

@media only screen and (max-width : 720px),
only screen and (max-device-width : 720px){
	.box {width: 49%;}
}

@media only screen and (max-width : 530px),
only screen and (max-device-width : 530px){
	.box {width: 99%;}
    .details {
        height: auto !important;
    }
}