/*  REMOVE MARGINS AS ALL GO FULL WIDTH AT 480 PIXELS */
@media only screen and (max-width: 480px) {
	.c1_24,.c2_24,.c3_24,.c4_24,.c5_24,.c6_24,.c7_24,.c8_24,.c9_24,.c10_24,.c11_24,.c12_24,.c13_24,.c14_24,.c15_24,.c16_24,.c17_24,.c18_24,.c19_24,.c20_24,.c21_24,.c22_24,.c23_24,.c24_24 {

	}
}

/*  GRID OF TWENTYFOUR   ============================================================================= */

.c1_24,.c2_24,.c3_24,.c4_24,.c5_24,.c6_24,.c7_24,.c8_24,.c9_24,.c10_24,.c11_24,.c12_24,.c13_24,.c14_24,.c15_24,.c16_24,.c17_24,.c18_24,.c19_24,.c20_24,.c21_24,.c22_24,.c23_24,.c24_24 {
	display: block;
	float:left;
	padding: 2px 0 2px 5px;
}
[class*="_24"]:first-child { padding: 2px 0 2px 0;}

.c24_24 {
	width: 100%;
}
.c23_24 {
	width: 95.8333%;
}
.c22_24 {
	width: 91.6667%;
}
.c21_24 {
	width: 87.5000%;
}
.c20_24 {
	width: 83.3333%;
}
.c19_24 {
	width: 79.1667%;
}
.c18_24 {
	width: 75.0000%;
}
.c17_24 {
	width: 70.8333%;
}
.c16_24 {
	width: 66.6667%;
}
.c15_24 {
	width: 62.5000%;
}
.c14_24 {
	width: 58.3333%;
}
.c13_24 {
	width: 54.1667%;
}
.c12_24 {
	width: 50.0000%;
}
.c11_24 {
	width: 45.8333%;
}
.c10_24 {
	width: 41.6667%;
}
.c9_24 {
	width: 37.5000%;
}
.c8_24 {
	width: 33.3333%;
}
.c7_24 {
	width: 29.1667%;
}
.c6_24 {
	width: 25.0000%;
}
.c5_24 {
	width: 20.8335%;
}
.c4_24 {
	width: 16.6668%;
}
.c3_24 {
	width: 12.5000%;
}
.c2_24 {
	width: 8.3333%;
}
.c1_24 {
	width: 4.1667%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.c1_24,.c2_24,.c3_24,.c4_24,.c5_24,.c6_24,.c7_24,.c8_24,.c9_24,.c10_24,.c11_24,.c12_24,.c13_24,.c14_24,.c15_24,.c16_24,.c17_24,.c18_24,.c19_24,.c20_24,.c21_24,.c22_24,.c23_24,.c24_24 {
		width: 100%;
	}
}

[class*="_24"] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
	width: 100%;
}

[class*="_24"] select {
	width: 100%;
}
[class*="_24"] textarea {
	width: 100%;
}