.gfx-res { display: block; max-width: 100%; height: auto; }
.mobile-1,.mobile-2,.mobile-3 { display: none; }


@media screen and (min-width: 1170px)
{
	.m0-hidden { display: none !important; }
}

/* -----> Standard Grid View <----- */
#complex div[data-role="cstandard"] .c.c10 { width: calc(10% - 30px); }
#complex div[data-role="cstandard"] .c.c20 { width: calc(20% - 30px); }
#complex div[data-role="cstandard"] .c.c30 { width: calc(30% - 30px); }
#complex div[data-role="cstandard"] .c.c40 { width: calc(40% - 30px); }
#complex div[data-role="cstandard"] .c.c50 { width: calc(50% - 30px); }
#complex div[data-role="cstandard"] .c.c60 { width: calc(60% - 30px); }
#complex div[data-role="cstandard"] .c.c70 { width: calc(70% - 30px); }
#complex div[data-role="cstandard"] .c.c80 { width: calc(80% - 30px); }
#complex div[data-role="cstandard"] .c.c90 { width: calc(90% - 30px); }
#complex div[data-role="cstandard"] .c.c100 { width: calc(100% - 30px); }

#complex div[data-role="cstandard"] .c.c33 { width: calc(33.33333334% - 30px); }
#complex div[data-role="cstandard"] .c.c16 { width: calc(16.6666666667% - 30px); }

#complex div[data-role="cstandard"] .c.c15 { width: calc(15% - 30px); }
#complex div[data-role="cstandard"] .c.c25 { width: calc(25% - 30px); }
#complex div[data-role="cstandard"] .c.c35 { width: calc(35% - 30px); }
#complex div[data-role="cstandard"] .c.c45 { width: calc(45% - 30px); }
#complex div[data-role="cstandard"] .c.c55 { width: calc(55% - 30px); }
#complex div[data-role="cstandard"] .c.c65 { width: calc(65% - 30px); }
#complex div[data-role="cstandard"] .c.c75 { width: calc(75% - 30px); }
#complex div[data-role="cstandard"] .c.c85 { width: calc(75% - 30px); }


/* -----> Responsive for width <= 1170px <----- */
@media screen and (max-width: 1170px){}



/* -----> Responsive for width <= 992px [mobile 1] <----- */
@media screen and (max-width: 992px)
{
	* { -webkit-appearance: none; }
	
	.mobile-1 { display: block; }

	.m-push-t-5 { margin-top: 5px !important; }
	.m-push-b-5 { margin-bottom: 5px !important; }
	.m-push-t-15 { margin-top: 15px !important; }
	.m-push-b-15 { margin-bottom: 15px !important; }
	.m-push-t-30 { margin-top: 30px !important; }
	.m-push-b-30 { margin-bottom: 30px !important; }

	.m1-hidden { display: none !important; }
	#complex div[data-role="cstandard"] .c { margin: 0 15px; }


	#complex div[data-role="cstandard"] .c.c10,
	#complex div[data-role="cstandard"] .c.c20,
	#complex div[data-role="cstandard"] .c.c30,
	#complex div[data-role="cstandard"] .c.c40,
	#complex div[data-role="cstandard"] .c.c50,
	#complex div[data-role="cstandard"] .c.c60,
	#complex div[data-role="cstandard"] .c.c70,
	#complex div[data-role="cstandard"] .c.c80,
	#complex div[data-role="cstandard"] .c.c90,
	
	#complex div[data-role="cstandard"] .c.c33,
	
	#complex div[data-role="cstandard"] .c.c15,
	#complex div[data-role="cstandard"] .c.c25,
	#complex div[data-role="cstandard"] .c.c35,
	#complex div[data-role="cstandard"] .c.c45,
	#complex div[data-role="cstandard"] .c.c55,
	#complex div[data-role="cstandard"] .c.c65,
	#complex div[data-role="cstandard"] .c.c75,
	#complex div[data-role="cstandard"] .c.c85
	{ width: calc(100% - 30px); }
	
	div[data-role="complex-hint"] { display: none !important; }

}



/* -----> Responsive for width <= 768px [mobile 2] <----- */
@media screen and (max-width: 768px) {
	
	.mobile-2 { display: block !important; }

	.m2-hidden { display: none !important; }
	
	.gfx-res { margin: 0 auto; }
	
}



/* -----> Responsive for width <= 480px [mobile 3] <----- */
@media screen and (max-width: 480px)
{
	.mobile-3 { display: block; }

	.m3-hidden { display: none !important; }
}