Spectrum Art Gallery Responsive WooCommerce Products

sag.css

/* Designs 4 The Web */

/* Single Column Products */
@media screen and (max-width : 636px) {
		.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
				width: 100%;
		}
}

/* Two Column Products */
@media screen and (min-width: 637px) and (max-width : 948px) {
		.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
				width: 48%;
		}
}

/* Three Column Products */
@media screen and (min-width: 949px) {
		.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
				padding-right: 1%;
}
}