/* GRID LAYOUTS */

.gridWrapper {
	box-sizing: border-box;
	display: grid;
	gap: 20px;
	/* align-items: stretch; */
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.gridWrapper.Equal {
	grid-auto-rows: 1fr;
}
.gridWrapper.Full	{
	grid-template-columns: 1fr;
}
.gridWrapper.Half	{
	grid-template-columns: repeat(2, 1fr);
}
.gridWrapper.Third	{
	grid-template-columns: repeat(3, 1fr);
}
.gridWrapper.Fourth	{
	grid-template-columns: repeat(4, 1fr);
}
.gridWrapper.Fifth	{
	grid-template-columns: repeat(5, 1fr);
}
.gridWrapper.Sixth	{
	grid-template-columns: repeat(6, 1fr);
}
.gridWrapper.Seventh	{
	grid-template-columns: repeat(7, 1fr);
}
.gridWrapper.Eighth	{
	grid-template-columns: repeat(8, 1fr);
}
.gridWrapper.Nineth	{
	grid-template-columns: repeat(9, 1fr);
}
.gridWrapper.Tenth	{
	grid-template-columns: repeat(10, 1fr);
}
.gridWrapper.Eleventh	{
	grid-template-columns: repeat(11, 1fr);
}
.gridWrapper.Twelfth	{
	grid-template-columns: repeat(12, 1fr);
}
.gridWrapper .box {
	box-sizing: border-box;
	position: relative;
}

/* ADDITIONAL COLUMNS */
.gridWrapper.oneTwo	{
	grid-template-columns: 1fr 2fr;
}
.gridWrapper.twoOne	{
	grid-template-columns: 2fr 1fr;
}
.gridWrapper.oneThree	{
	grid-template-columns: 1fr 3fr;
}
.gridWrapper.threeOne	{
	grid-template-columns: 3fr 1fr;
}
.gridWrapper.oneFour	{
	grid-template-columns: 1fr 4fr;
}
.gridWrapper.fourOne	{
	grid-template-columns: 4fr 1fr;
}
.gridWrapper.oneFive	{
	grid-template-columns: 1fr 5fr;
}
.gridWrapper.fiveOne	{
	grid-template-columns: 5fr 1fr;
}

.gridWrapper.twoOneOne	{
	grid-template-columns: 2fr 1fr 1fr;
}
.gridWrapper.oneOneTwo	{
	grid-template-columns: 1fr 1fr 2fr;
}
.gridWrapper.oneThreeOne	{
	grid-template-columns: 1fr 3fr 1fr;
}

/* END ADDITIONAL COLUMNS */


.gridWrapper.Linked a {
	display: grid;	
	text-decoration: none;
}
.gridWrapper .box.bordered {
	padding: 10px;
	border: 1px solid powderblue;
	text-align: center;
	background: aliceblue;
}
.gridWrapper.left .box.bordered {
	padding: 10px;
	border: 1px solid pink;
	text-align: left;
	background: mistyrose;
}

/* FULL LINK PRODUCT BOX */
.gridWrapper.Linked .box {
	box-sizing: border-box;
	position: relative;
	background: #fff;
	border: 1px solid #c8e9f8;	
	border: 4px double rgba(61, 191, 251, .25)!important;
	padding: 10px;
	font-size: 1em;
	text-align: center;
	transition:.3s!important;
}
.gridWrapper.Linked .box:hover {
	color: #b00;
	border-color: rgba(44, 133, 190, .5)!important;
	box-shadow: none!important;
}
.gridWrapper.Linked .box img {
	max-width: 125px;
	height: auto;
	margin: 10px auto;
	transition:.3s;
}
.gridWrapper.Linked .box:hover img	{
	transform: scale(1.1);
	transition:.3s;
}
.gridWrapper.Linked .box .ProdDescr	{
	color: #333;
}

/* ORDERING PRODUCT BOX */
.gridWrapper.productWrapper .box {
	box-sizing: border-box;
	position: relative;
	background: #fff;
	border: 1px solid #c8e9f8;	
	border: 4px double rgba(61, 191, 251, .25)!important;
	padding: 10px 0 100px 0;
	font-size: 1em;
	text-align: center;
	transition:.3s!important;
}
.gridWrapper.productWrapper .box img {
	max-width: 125px;
	height: auto;
	margin: 10px auto;
	transition:.3s;
}
.gridWrapper.productWrapper .box:hover img {
	transform: scale(1.15);
	transition:.3s;
}
.gridWrapper.productWrapper .box:hover {
	color: #b00;
	border-color: rgba(44, 133, 190, .5)!important;
	box-shadow: none!important;
}




/* MEDIA QUERIES */
@media screen and (max-width: 1400px) {
	.gridWrapper.Sixth {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media screen and (max-width: 800px) {
	.gridWrapper.Half,
	.gridWrapper.Third,
	.gridWrapper.Seventh,
	.gridWrapper.Eighth,
	.gridWrapper.Nineth,
	.gridWrapper.Tenth,
	.gridWrapper.Eleventh,
	.gridWrapper.Twelfth,
	.gridWrapper.oneTwo,
	.gridWrapper.twoOne,
	.gridWrapper.oneThree,
	.gridWrapper.threeOne,
	.gridWrapper.oneFour,
	.gridWrapper.fourOne,
	.gridWrapper.Fourth.Full,
	.gridWrapper.Fifth.Full,
	.gridWrapper.Sixth.Full	  {
		grid-template-columns: 1fr;
	}
	.gridWrapper.Fourth,
	.gridWrapper.Fifth {
		grid-template-columns: repeat(2, 1fr);
	}
	.gridWrapper.Full,
	.gridWrapper.Full.Third,
	.gridWrapper.Full.Fourth,
	.gridWrapper.Full.Fifth	 {
		grid-template-columns: repeat(2, 1fr);
	}
	.gridWrapper.Nineth,
	.gridWrapper.Sixth.Full {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* ADDED 100223 */
@media screen and (max-width: 500px) {

	.gridWrapper.Third,
	.gridWrapper.Fourth,
	.gridWrapper.Fifth {
		grid-template-columns: 1fr !important;
	}
}