.katalog {grid-gap: 10px;}

.katalog li {
     border: 1px solid #f1f1f1;
     text-align:center;
}
.katalog strong {
     margin:10px 0px 0px;
     font-weight: 300;
     display: block;

}

.katalog .lihatdetail a {
     color:#fff;
     display: block;
     padding: 10px;
     text-align: center;
     background: #333;
     margin: 10px auto;
}
.katalog .lihatdetail a:hover {color:#f60;}

@media (max-width: 768px)
{
	.katalog  {grid-template-columns:1fr 1fr;}
	.katalog strong {font-size:13px;}
}
@media (min-width: 768px)
{
	.katalog  {grid-template-columns:1fr 1fr 1fr 1fr;}

}
@media (min-width: 992px)
{

}