/*
responsive.css for product category widget
*/
@media screen and (max-width: 1451px) {
	.product-container.columns-5 .product-cats,
	.product-container.columns-6 .product-cats {
		width: 25%;
	}
	.product-container.columns-5 .product-cats:nth-child(n),
	.product-container.columns-6 .product-cats:nth-child(n) {
		clear: none;
	}
	.product-container.columns-5 .product-cats:nth-child(4n+1),
	.product-container.columns-6 .product-cats:nth-child(4n+1) {
		clear: both;
	}
}

@media screen and (max-width: 1251px) {
	.product-container.columns-4 .product-cats,
	.product-container.columns-5 .product-cats,
	.product-container.columns-6 .product-cats {
		width: 33.333%;
	}
	.product-container.columns-4 .product-cats:nth-child(n),
	.product-container.columns-5 .product-cats:nth-child(n),
	.product-container.columns-6 .product-cats:nth-child(n) {
		clear: none;
	}
	.product-container.columns-4 .product-cats:nth-child(3n+1),
	.product-container.columns-5 .product-cats:nth-child(3n+1),
	.product-container.columns-6 .product-cats:nth-child(3n+1) {
		clear: both;
	}
}

@media screen and (max-width: 768px) {
	.product-container.columns-2 .product-cats,
	.product-container.columns-3 .product-cats,
	.product-container.columns-4 .product-cats,
	.product-container.columns-5 .product-cats,
	.product-container.columns-6 .product-cats {
		width: 50%;
	}
	.product-container.columns-2 .product-cats:nth-child(n),
	.product-container.columns-3 .product-cats:nth-child(n),
	.product-container.columns-4 .product-cats:nth-child(n),
	.product-container.columns-5 .product-cats:nth-child(n),
	.product-container.columns-6 .product-cats:nth-child(n) {
		clear: none;
	}
	.product-container.columns-2 .product-cats:nth-child(2n+1),
	.product-container.columns-3 .product-cats:nth-child(2n+1),
	.product-container.columns-4 .product-cats:nth-child(2n+1),
	.product-container.columns-5 .product-cats:nth-child(2n+1),
	.product-container.columns-6 .product-cats:nth-child(2n+1) {
		clear: both;
	}
}

@media screen and (max-width: 480px) {
	.product-container {
		margin: 0 20px;
	}
	.product-container.columns-1 .product-cats,
	.product-container.columns-2 .product-cats,
	.product-container.columns-3 .product-cats,
	.product-container.columns-4 .product-cats,
	.product-container.columns-5 .product-cats,
	.product-container.columns-6 .product-cats {
		clear: both;
		float: none;
		width: 100%;
	}
}