/* GRID CONTAINER */
grid,
div[data-role="grid"]{
	position:					relative;
	display: 					block;
	letter-spacing: 			0;
	font-size: 					0;
}
/* END GRID CONTAINER */
/* GRID ELEMENTS */
grid column,
div[data-role="grid"] div[data-role="column"]{
	position: 					relative;
	display: 					inline-block;
	vertical-align: 			top;
	letter-spacing: 			normal;
	font-size: 					13px;
}
/* END GRID ELEMENTS */
/* WIDTH OF GRID ELEMENTS */
grid column[rel="1"], div[data-role="grid"] div[data-role="column"][data-layout="1"]{	width: calc(100%/12*1); }
grid column[rel="2"], div[data-role="grid"] div[data-role="column"][data-layout="2"]{	width: calc(100%/12*2); }
grid column[rel="3"], div[data-role="grid"] div[data-role="column"][data-layout="3"]{	width: calc(100%/12*3); }
grid column[rel="4"], div[data-role="grid"] div[data-role="column"][data-layout="4"]{	width: calc(100%/12*4); }
grid column[rel="5"], div[data-role="grid"] div[data-role="column"][data-layout="5"]{	width: calc(100%/12*5); }
grid column[rel="6"], div[data-role="grid"] div[data-role="column"][data-layout="6"]{	width: calc(100%/12*6); }
grid column[rel="7"], div[data-role="grid"] div[data-role="column"][data-layout="7"]{	width: calc(100%/12*7); }
grid column[rel="8"], div[data-role="grid"] div[data-role="column"][data-layout="8"]{	width: calc(100%/12*8); }
grid column[rel="9"], div[data-role="grid"] div[data-role="column"][data-layout="9"]{	width: calc(100%/12*9); }
grid column[rel="10"], div[data-role="grid"] div[data-role="column"][data-layout="10"]{	width: calc(100%/12*10); }
grid column[rel="11"], div[data-role="grid"] div[data-role="column"][data-layout="11"]{	width: calc(100%/12*11); }
grid column[rel="12"], div[data-role="grid"] div[data-role="column"][data-layout="12"]{	width: calc(100%/12*12); }
/* END WIDTH OF GRID ELEMENTS */

/* RESPONSIVE SMARTPHONE / TABLET */
@media screen and (min-width:1px) and (max-width: 1023px){
	grid column[rel="1"], div[data-role="grid"] div[data-role="column"][data-layout="1"],
	grid column[rel="2"], div[data-role="grid"] div[data-role="column"][data-layout="2"],
	grid column[rel="3"], div[data-role="grid"] div[data-role="column"][data-layout="3"],
	grid column[rel="4"], div[data-role="grid"] div[data-role="column"][data-layout="4"],
	grid column[rel="5"], div[data-role="grid"] div[data-role="column"][data-layout="5"],
	grid column[rel="6"], div[data-role="grid"] div[data-role="column"][data-layout="6"],
	grid column[rel="7"], div[data-role="grid"] div[data-role="column"][data-layout="7"],
	grid column[rel="8"], div[data-role="grid"] div[data-role="column"][data-layout="8"],
	grid column[rel="9"], div[data-role="grid"] div[data-role="column"][data-layout="9"],
	grid column[rel="10"], div[data-role="grid"] div[data-role="column"][data-layout="10"],
	grid column[rel="11"], div[data-role="grid"] div[data-role="column"][data-layout="11"],
	grid column[rel="12"], div[data-role="grid"] div[data-role="column"][data-layout="12"]{
		width: 100%;
	}
	/* SPECIAL WIDTH IF IN MOBILE NEDDED */
		grid column[mrel="1"], div[data-role="grid"] div[data-role="column"][data-mobile-layout="1"]{	width: calc(100%/12*1) !important; }
		grid column[mrel="2"], div[data-role="grid"] div[data-role="column"][data-mobile-layout="2"]{	width: calc(100%/12*2) !important; }
		grid column[mrel="3"], div[data-role="grid"] div[data-role="column"][data-mobile-layout="3"]{	width: calc(100%/12*3) !important; }
		grid column[mrel="4"], div[data-role="grid"] div[data-role="column"][data-mobile-layout="4"]{	width: calc(100%/12*4) !important; }
		grid column[mrel="5"], div[data-role="grid"] div[data-role="column"][data-mobile-layout="5"]{	width: calc(100%/12*5) !important; }
		grid column[mrel="6"], div[data-role="grid"] div[data-role="column"][data-mobile-layout="6"]{	width: calc(100%/12*6) !important; }
		grid column[mrel="7"], div[data-role="grid"] div[data-role="column"][data-mobile-layout="7"]{	width: calc(100%/12*7) !important; }
		grid column[mrel="8"], div[data-role="grid"] div[data-role="column"][data-mobile-layout="8"]{	width: calc(100%/12*8) !important; }
		grid column[mrel="9"], div[data-role="grid"] div[data-role="column"][data-mobile-layout="9"]{	width: calc(100%/12*9) !important; }
		grid column[mrel="10"], div[data-role="grid"] div[data-role="column"][data-mobile-layout="10"]{	width: calc(100%/12*10) !important; }
		grid column[mrel="11"], div[data-role="grid"] div[data-role="column"][data-mobile-layout="11"]{	width: calc(100%/12*11) !important; }
		grid column[mrel="12"], div[data-role="grid"] div[data-role="column"][data-mobile-layout="12"]{	width: calc(100%/12*12) !important; }
	/* END SPECIAL WIDTH IF IN MOBILE NEDDED */
}
/* END RESPONSIVE SMARTPHONE / TABLET */