.productlist{background:; overflow:hidden; }
.productlist .list-box{text-align:center;}
.productlist .list-box ul{}
.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:.3s;}
.productlist .list-box ul li a span{display:block; overflow:hidden;}
.productlist .list-box ul li a span img{display:block; width:100%; transition:.3s;}
.productlist .list-box ul li a:hover span img{transform:scale(1.05);} 
.productlist .list-box ul li a h4{display:block; padding-bottom:0 !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:inherit;}
.productlist .list-box ul li a h3{display:block; text-align:center; color:red;}
@media(min-width:992px){
.productlist{padding-top:28px; padding-bottom:28px;}
.productlist .list-box{margin-bottom:18px;}
.productlist .list-box ul li{width:25%;}
}
@media(max-width:991px){
.productlist{padding-top:18px; padding-bottom:18px;}
.productlist .list-box{margin-bottom:8px;}
.productlist .list-box ul li{width:50%;}
}
@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;}
}