.grid  {  width:100%;  position:relative;}
.grid-item { width: 48%; margin:1%; border: 1px solid #DDD;;box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.3); border-radius: 8px;}
.grid-item .thumb img, .grid-item	.thumb {width:100%;height:280px;border-top-left-radius: 8px; border-top-right-radius: 8px;}
.grid-item	.title {width:100%;padding:5px 20px}
.grid-item	.foot {width:100%;padding:5px 20px}


@media (max-width: 519px) {
  .grid-item {width:48%;margin:1%; }
  .grid-item .thumb {width:100%;height:190px;}

}

@media (min-width: 520px) {
  .grid-item {width:31%;margin:1%; }
  .grid-item .thumb {width:100%;height:230px;}
}

@media (min-width: 992px) {
	.grid-item {width:31%;margin:1%; }
	 .grid-item .thumb {width:100%;height:280px;}
}

@media (min-width: 1200px) {
  .grid-item {width:31%;margin:1%; }
   .grid-item .thumb {width:100%;height:280px;}
}