/* GRID LAYOUTS */
.gridWrapper {
	box-sizing: border-box;
	display: grid;
	gap: 20px;
	/* align-items: stretch; */
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.gridWrapper.Medium {
	gap: 15px;
}
.gridWrapper.Narrow {
	gap: 10px;
}
.gridWrapper.Tight {
	gap: 5px;
}
.gridWrapper.Equal {
	grid-auto-rows: 1fr;
}
.gridWrapper.Full	{
	grid-template-columns: 1fr;
}
.gridWrapper.Half	{
	grid-template-columns: 1fr 1fr;
	grid-template-columns: repeat(2, 1fr);
}
.gridWrapper.Third	{
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-columns: repeat(3, 1fr);
}
.gridWrapper.Fourth	{
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(4, 1fr);
}
.gridWrapper.Fifth	{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(5, 1fr);
}
.gridWrapper.Sixth	{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(6, 1fr);
}
.gridWrapper.Seventh	{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  1fr;
	grid-template-columns: repeat(7, 1fr);
}
.gridWrapper.Eighth	{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  1fr 1fr;
	grid-template-columns: repeat(8, 1fr);
}
.gridWrapper.Nineth	{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  1fr 1fr 1fr;
	grid-template-columns: repeat(9, 1fr);
}
.gridWrapper.Tenth	{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(10, 1fr);
}
.gridWrapper.Eleventh	{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(11, 1fr);
}
.gridWrapper.Twelfth	{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr  1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-columns: repeat(12, 1fr);
}
.gridWrapper.oneSeven	{
	grid-template-columns: 1fr 7fr;
}
.gridWrapper.SevenOne	{
	grid-template-columns: 7fr 1fr;
}
.gridWrapper.oneThree	{
	grid-template-columns: 1fr 3fr;
}
.gridWrapper.threeOne	{
	grid-template-columns: 3fr 1fr;
}
.gridWrapper.oneTwo	{
	grid-template-columns: 1fr 2fr;
}
.gridWrapper.twoOne	{
	grid-template-columns: 2fr 1fr;
}
.gridWrapper.oneFive {
  grid-template-columns: 1fr 5fr;
}
.gridWrapper.fiveOne {
  grid-template-columns: 5fr 1fr;
}
.gridWrapper .box {
	box-sizing: border-box;
	position: relative;
}
.gridWrapper.ctr .box {
	text-align: center;
}
.gridWrapper .box p {
	line-height: 1.5;
}

/* 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.noClick .box {
	box-sizing: border-box;
	position: relative;
	background: #fff;
	border: 1px solid #c8e9f8;	
	border: 4px double rgba(135, 206, 235, .5)!important;
	padding: 10px;
	font-size: 1em;
	text-align: center;
	transition:.3s!important;
}

/* MEDIA QUERIES */
@media screen and (max-width: 1400px) {
	.gridWrapper.Sixth {
		grid-template-columns: 1fr 1fr 1fr 1fr;
		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.Fourth.Full,
	.gridWrapper.Fifth.Full,
	.gridWrapper.Sixth.Full,
  	.gridWrapper.oneSeven,
  	.gridWrapper.sevenOne,
  	.gridWrapper.oneThree,
	.gridWrapper.threeOne,
  	.gridWrapper.oneTwo,
  	.gridWrapper.twoOne,
    .griwWrapper.oneFive,
    .griwWrapper.fiveOne{
		grid-template-columns: 1fr;
		grid-gap: 0;
		gap: 20px;
	}
	.gridWrapper.Fourth, .gridWrapper.Fifth, .gridWrapper.Sixth {
		grid-template-columns: 1fr 1fr;
		grid-template-columns: repeat(2, 1fr)!important;
	}
	.gridWrapper .productBoxOrder {
		padding: 10px 0 130px 0!important;
	}
	.productBoxOrder .cartButton {
		padding: 7px 10px!important;
		top: 0;
	}
}