#grid { text-align:center;}
/*
Add the transition affect to the images in the grid. Any changes to the element will be transtioned from it's current state, for example on :hover */
#grid li { display:inline-block; vertical-align:top; list-style: none; margin:7px 5px; width:23.3%;}
#grid li img { width:100%; height:auto;}

#grid li .pro_bottom { width:100%;}
#grid li .pro_bottom .adm_btn a { font-size: 15px; color:#fff;}
#grid li .pro_bottom .adm_btn a:hover { color:#fff;}

@media screen and (max-width:991px){
	#grid li { width:31.5%;}
	#grid li:last-child { display:none;}
}
@media screen and (max-width:767px){
	#grid li { width:47%;}
}