.product {
     grid-gap: 10px;
}

.product li {
     padding: 15px;
     background: #f2f2f2;
     text-align: center;
}

.product strong {
     margin: 10px 0px 0px;
     font-size: 20px;
     display: block;
     font-family: 'Questrial', sans-serif;
}

.product .lihatdetail {
     color: white;
     display: block;
     padding: 15px;
     text-align: center;
     margin: 10px 0px;
     width: 130px;
     font-size: 13px;
     background: #D94150;
}

.product .lihatdetail:hover {
     background: #ba3542;
}

.product .lihatdetail a:hover {
     color: #f60;
}

@media (max-width: 740px) {
     .product {
          grid-template-columns: 1fr 1fr;
     }

}

@media (min-width: 741px) {
     .product {
          grid-template-columns: 1fr 1fr 1fr 1fr;
     }

}

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