.productlist{overflow:hidden; background:#f8f8f8; }
.productlist .list-box{text-align:center;}
.productlist .list-box ul:after{display:block; content:''; clear:both;}
.productlist .list-box ul li{width:25%; float:left;}
.productlist .list-box ul li a{display:block; transition:.6s;}
.productlist .list-box ul li a span{display:block; overflow:hidden;}
.productlist .list-box ul li a span img{display:block; width:100%; transition:.6s;}
.productlist .list-box ul li a:hover span img{transform:scale(1.1);} 
.productlist .list-box ul li a h4{display:block; line-height: 50px !important;background: #f5f4f1;transition: 0.6s;margin-top: 10px;color: #676152;border: 1px solid #e1e0db;padding-bottom:0 !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:inherit;}
.productlist .list-box ul li a:hover h4{color: #fff;transition:0.6s;background:rgba(255,181,0,0.98);border: 1px solid rgba(255,181,0,0.98);}
.productlist .list-box ul li a b.price{color:red;}
@media(min-width:992px){
.productlist{padding-top:28px; padding-bottom:28px;margin-left: 260px;}
.productlist .list-box{margin-bottom:18px;}
.productlist .list-box ul li{width:25%;}
}
@media(max-width:991px){
.productlist{padding-top:18px; padding-bottom:18px;margin-left: 0;}
.productlist .list-box{margin-bottom:8px;}
.productlist .list-box ul li{width:16.666666666667%;}
}
@media(min-width:768px){
.productlist .list-box ul{margin:0 -8px;}
.productlist .list-box ul li{padding:8px;}
.productlist .list-box ul li a h4{padding:8px;}
}
@media(max-width:767px){
.productlist .list-box ul{margin:0 -4px;}
.productlist .list-box ul li{padding:4px;}
.productlist .list-box ul li a h4{padding:4px;}
}