/* X-CLASSES - 24 grid columns are created from start. You can add more of them if you need to. */
.x-1104, .x-1056, .x-1008, .x-960, .x-912, .x-864, .x-816, .x-768, .x-720, .x-672, .x-624, .x-576, .x-528, .x-480, .x-432, .x-384, .x-336, .x-288, .x-240, .x-192, .x-144, .x-96, .x-48 {
	float: left;
}

.x-1152 { width: 1152px; clear: both; } /* 100% */
.x-1104 { width: 1104px; }
.x-1056 { width: 1056px; }
.x-1008 { width: 1008px; }
.x-960 { width: 960px; }
.x-912 { width: 912px; }
.x-864 { width: 864px; } /* 75% */
.x-816 { width: 816px; }
.x-768 { width: 768px; } /* 67% */
.x-720 { width: 720px; }
.x-672 { width: 672px; }
.x-624 { width: 624px; }
.x-576 { width: 576px; } /* 50% */
.x-528 { width: 528px; }
.x-480 { width: 480px; }
.x-432 { width: 432px; }
.x-384 { width: 384px; } /* 33% */
.x-336 { width: 336px; }
.x-288 { width: 288px; } /* 25% */
.x-240 { width: 240px; }
.x-192 { width: 192px; }
.x-144 { width: 144px; }
.x-96 { width: 96px; }
.x-48 { width: 48px; }