.four-items-across-container .activeCart-panel,
.three-items-across-container .activeCart-panel,
.break,
.h-split {
	display: none;
}

.four-items-across .productItem .pi-content,
.two-items-across .productItem .pi-content,
.three-items-across .productItem .pi-content {
	height: 100% !important;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.prod-img {
	min-height: auto !important;
}

.two-items-across .productItem,
.four-items-across .productItem,
.three-items-across .productItem {
	width: 100% !important;
	height: 100%;
}

.group-summary {
	padding: 0 0 20px;
	grid-column-start: 1;
	grid-column-end: -1;
}

.four-items-across-menu .menu-header,
.three-items-across-menu .menu-header {
	display: block;
}

.two-items-across .prod-img {
	margin: 0 10px 20px 0;
}

/* items across for browsers thet supports flex layout */

.two-items-across,
.three-items-across,
.four-items-across {
	display: flex;
	display: -ms-flexbox;
	flex-wrap: wrap;
	justify-content: space-between;
}

.two-items-across .productItem {
	flex-basis: 49%;
}

.three-items-across .productItem {
	flex-basis: 32%;
}

.four-items-across .productItem {
	flex-basis: 24%;
}

.two-items-across .productItem,
.three-items-across .productItem,
.four-items-across .productItem {
	min-width: 185px;
	padding-right: 5px;
	flex-grow: 1;
	flex-shrink: 1;
}

@media only screen and (max-width: 469px) {
	.two-items-across .productItem,
	.three-items-across .productItem,
	.four-items-across .productItem {
		flex-basis: 100%;
	}
}

.three-items-across .productItem .prod-img,
.four-items-across .productItem .prod-img {
	background-color: transparent;
}

/* items across for browsers that supports grid layout */

@supports (display: grid) {
	.two-items-across,
	.three-items-across,
	.four-items-across {
		display: grid;
		justify-items: center;
		align-items: start;
		grid-gap: 5px;
	}
	.two-items-across {
		grid-template-columns: repeat(2, minmax(250px, 1fr));
	}
	.three-items-across {
		grid-template-columns: repeat(3, minmax(205px, 350px));
	}
	.four-items-across {
		grid-template-columns: repeat(4, minmax(185px, 350px));
	}
	.productItem .pi-content .prod-img {
		grid-area: prod-img;
	}
	.productItem .pi-content .prod-summary {
		grid-area: prod-summary;
	}
	.productItem .pi-content .addToCart {
		grid-area: addToCart;
		margin: 10px 0 0;
		align-self: end;
	}
	.productItem .pi-content,
	.two-items-across .productItem .pi-content {
		display: grid;
		justify-content: flex-start;
		grid-template-areas: "prod-img prod-summary" "prod-img addToCart";
	}
	.three-items-across .productItem .pi-content,
	.four-items-across .productItem .pi-content {
		display: flex;
		justify-content: flex-end;
	}
	@media only screen and (max-width: 1023px) {
		.four-items-across {
			grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		}
	}
	@media only screen and (max-width: 850px) {
		.two-items-across,
		.three-items-across {
			grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
		}
		.productItem .pi-content,
		.two-items-across .productItem .pi-content {
			justify-content: center;
			grid-template-areas: "prod-img " "prod-summary" "addToCart";
			text-align: center;
		}
	}
}
