/*	=========================================== *\
		RESPONSIVE GRID SYSTEM
\*	===========================================	*/
/* [[ BASED ON 1170 MAX WIDTH LAYOUTS ]] */

[class*="span"] {
  float: left;
  min-height: 1px;
	margin-right: 2.820%; /* 33/1170 */
}

.span-12 {
	width: 100%;
	margin-right: 0;
}

.span-11 {
	width: 91.431%;	/* 1069.75/1170 */
}

.span-10 {
	width: 82.863%;	/* 969.5/1170 */
}

.span-9 {
	width: 74.294%;	/* 869.25/1170 */
}

.span-8 {
	width: 65.726%;	/* 769/1170 */
}

.span-7 {
	width: 57.158%;	/* 668.75/1170 */
}

.span-6 {
	width: 48.589%;	/* 568.5/1170 */
}

.span-5 {
	width: 40.021%;	/* 468.25/1170 */
}

.span-4 {
	width: 31.452%;	/* 368/1170 */
}

.span-3 {
	width: 22.884%;	/* 267.75/1170 */
}

.span-2 {
	width: 14.316%;	/* 167.5/1170 */
}

.span-1 {
	width: 5.747%;	/* 67.25/1170 */
}

.offset-11 {
	margin-left: 94.252% /* 1102.75/1170 */
}

.offset-10 {
	margin-left: 85.683% /* 1002.5/1170 */
}

.offset-9 {
	margin-left: 77.115% /* 902.25/1170 */
}

.offset-8 {
	margin-left: 68.547% /* 802/1170 */
}

.offset-7 {
	margin-left: 59.978% /* 701.75/1170 */
}

.offset-6 {
	margin-left: 51.410% /* 601.5/1170 */
}

.offset-5 {
	margin-left: 42.841% /* 501.25/1170 */
}

.offset-4 {
	margin-left: 34.273% /* 401/1170 */
}

.offset-3 {
	margin-left: 25.705% /* 300.75/1170 */
}

.offset-2 {
	margin-left: 17.136% /* 200.5/1170 */
}

.offset-1 {
	margin-left: 8.568% /* 100.25/1170 */
}

.last {
	margin-right: 0;
}

@media screen and (max-width: 769px) {
	
	.span-12,
	.span-11,
	.span-10,
	.span-9,
	.span-8,
	.span-7,
	.span-6, 
	.span-5, 
	.span-4, 
	.span-3, 
	.span-2, 
	.span-1 {
		float: none;
		width: 100%;
		margin: 0px;
	}
	
	.offset-11,
	.offset-10,
	.offset-9,
	.offset-8,
	.offset-7,
	.offset-6,
	.offset-5,
	.offset-4,
	.offset-3,
	.offset-2,
	.offset-1 {
		margin-left: 0px;
	}
	
}

/* [[ CONCRETE5 USING BOOTSTRAP NEEDS THIS ]] */
.ccm-ui [class*="span"] {
	margin-right: 0px;
}