// Mobile grid used for Products archive.
@mixin grid( $cols ) {
	width: calc( 100% * (1/#{$cols}) );
	@if $cols == 1 {
		@media screen and ( max-width: 992px ) {
			width: 100%;
		}
		@media screen and ( max-width: 768px ) {
			width: 100%;
		}
	} @else if $cols == 2 {
		@media screen and ( max-width: 992px ) {
			width: calc( 100% * (1/2) );
		}
		@media screen and ( max-width: 768px ) {
			width: 100%;
		}
	} @else {
		@media screen and ( max-width: 992px ) {
			width: calc( 100% * (1/3) );
		}
		@media screen and ( max-width: 768px ) {
			width: calc( 100% * (1/2) );
		}
	}
}