@media only screen and (min-width: 960px) { .woocommerce ul.products[data-product-style]:not([data-n-desktop-columns="default"]) li.product { width:23%; } } @media only screen and (min-width: 761px) and (max-width: 959px) { .woocommerce ul.products[data-product-style]:not([data-n-desktop-columns="default"]) li.product { width:48%; } }