/*------------------------------*\
/**  @DEPRECATED **/
/*------------------------------*\
/*------------------------------*\
    Grid System v1.0
\*------------------------------*/

.gpGridCol input,
.gpGridRow input {
	box-sizing: border-box;
}

.gridContainer {
	display: flex;
	justify-content: space-between;
}

.gridItemHalf {
	width: 50%;
}

.gpGridColCenter {
	display: flex;
	justify-content: center;
}

.gpGridRow,
.gpGridCol {
	box-sizing: border-box;
}

.gpGridRow:before,
.gpGridRow:after {
	content: " ";
	display: table;
}

.gpGridRow:after {
	clear: both;
}

.gpGridCol {
	position: relative;
	float: left;
	display: block;
	min-height: 1px; 
}

.gpGridCol + .gpGridCol {
	margin-left: 1.6%;
}

.gpGridCol1-12 {
	width: 6.86666666667%;
}

.gpGridCol2-12 {
	width: 15.3333333333%;
}

.gpGridCol3-12 {
	width: 23.8%;
}

.gpGridCol4-12 {
	width: 32.2666666667%;
}

.gpGridCol5-12 {
	width: 40.7333333333%;
}

.gpGridCol6-12 {
	width: 49.2%;
}

.gpGridCol7-12 {
	width: 57.6666666667%;
}

.gpGridCol8-12 {
	width: 66.1333333333%;
}

.gpGridCol9-12 {
	width: 74.6%;
}

.gpGridCol10-12 {
	width: 83.0666666667%;
}

.gpGridCol11-12 {
	width: 91.5333333333%;
}

.gpGridCol12-12 {
	width: 100%;
	margin-left: 0;
}

.gridSpacerTiny {
	height: 6px;
}

.gridSpacerSmall {
	height: 12px;
}

.gridSpacerMedium {
	height: 24px;
}

.gridSpacerBig {
	height: 32px;
}

.gridSpacerHuge {
	height: 48px;
}

.gridSpacerHumongous {
	height: 96px;
}

@media only screen and (max-width: 550px) {
	.gpGridRow.disableResponsiveness .gpGridCol1-12 {
		width: 6.86666666667%;
	}

	.gpGridRow.disableResponsiveness .gpGridCol2-12 {
		width: 15.3333333333%;
	}

	.gpGridRow.disableResponsiveness .gpGridCol3-12 {
		width: 23.8%;
	}

	.gpGridRow.disableResponsiveness .gpGridCol4-12 {
		width: 32.2666666667%;
	}

	.gpGridRow.disableResponsiveness .gpGridCol5-12 {
		width: 40.7333333333%;
	}

	.gpGridRow.disableResponsiveness .gpGridCol6-12 {
		width: 49.2%;
	}

	.gpGridRow.disableResponsiveness .gpGridCol7-12 {
		width: 57.6666666667%;
	}

	.gpGridRow.disableResponsiveness .gpGridCol8-12 {
		width: 66.1333333333%;
	}

	.gpGridRow.disableResponsiveness .gpGridCol9-12 {
		width: 74.6%;
	}

	.gpGridRow.disableResponsiveness .gpGridCol10-12 {
		width: 83.0666666667%;
	}

	.gpGridRow.disableResponsiveness .gpGridCol11-12 {
		width: 91.5333333333%;
	}

	.gpGridRow.disableResponsiveness .gpGridCol12-12 {
		width: 100%;
	}

	.gpGridRow.disableResponsiveness .gpGridCol1-12,
	.gpGridRow.disableResponsiveness .gpGridCol2-12,
	.gpGridRow.disableResponsiveness .gpGridCol3-12,
	.gpGridRow.disableResponsiveness .gpGridCol4-12,
	.gpGridRow.disableResponsiveness .gpGridCol5-12,
	.gpGridRow.disableResponsiveness .gpGridCol6-12,
	.gpGridRow.disableResponsiveness .gpGridCol7-12,
	.gpGridRow.disableResponsiveness .gpGridCol8-12,
	.gpGridRow.disableResponsiveness .gpGridCol9-12,
	.gpGridRow.disableResponsiveness .gpGridCol10-12,
	.gpGridRow.disableResponsiveness .gpGridCol11-12,
	.gpGridRow.disableResponsiveness .gpGridCol12-12 {
		float: left;
	}

	.gpGridRow.disableResponsiveness .gpGridCol + .gpGridRow.disableResponsiveness .gpGridCol {
		margin-left: 1.6%;
	}
}

@media only screen and (max-width: 550px) {
	.gpGridCol1-12,
	.gpGridCol2-12,
	.gpGridCol3-12,
	.gpGridCol4-12,
	.gpGridCol5-12,
	.gpGridCol6-12,
	.gpGridCol7-12,
	.gpGridCol8-12,
	.gpGridCol9-12,
	.gpGridCol10-12,
	.gpGridCol11-12,
	.gpGridCol12-12 {
		float: none;
		width: auto;
	}

	.gpGridCol + .gpGridCol {
		margin-left: 0;
	}
}