.article-productlist .productlist-grid-wrap{gap:20px;}
.article-productlist .productlist-grid-wrap .col{width:100%;max-width:calc(25% - 20px * 3 / 4);}
.article-productlist .card-wrapper{background-color:#fff;border-radius:5px;} 
.article-productlist .card-wrapper{padding:10px;}




@media only screen and (max-width:1080px){
  .article-productlist .productlist-grid-wrap .col{width:100%;max-width:calc(50% - 20px / 2);}
}
@media only screen and (max-width:749px){
  .article-productlist .productlist-grid-wrap{gap:10px;}
  .article-productlist .productlist-grid-wrap .col{width:100%;max-width:100%;}
}