.product_list > div { float: left; width: 30%; margin: 0 0 3% 3%;}
.product_list > div:nth-child(3n+1) { clear: both;}
@media screen and (max-width: 767px) {
.product_list > div { width: 48%; margin: 0; padding: 0 1%;}
.product_list > div:nth-child(2n+1) { clear: both;}
.product_list > div:nth-child(3n+1) { clear: none;}
}