.container_12 {
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	width: 960px;	
	position: relative;
}

.clearfix, .container_12 {
  zoom: 1;
}

.clearfix::after, 
.clearfix::before, 
.container_12::after, 
.container_12::before {
  content: '';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.container_12:after {
	clear: both;
}
	
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,
.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
/*	margin-left: 10px;
	margin-right: 10px;*/ /* 960.gs uses margins */
		padding-right: 10px;
		padding-left: 10px;	

}

/*960.gs*/
.grid_1 {
  width: 60px;
}

.grid_2 {
  width: 140px;
}

.grid_3 {
  width: 220px;
}

.grid_4 {
  width: 300px;
}

.grid_5 {
  width: 380px;
}

.grid_6 {
  width: 460px;
}

.grid_7 {
  width: 540px;
}

.grid_8 {
  width: 620px;
}

.grid_9 {
  width: 700px;
}

.grid_10 {
  width: 780px;
}

.grid_11 {
  width: 860px;
}

.grid_12 {
  width: 940px;
}


/*LARGE DESKTOP*/
@media (min-width: 1200px) {

	.container_12 {
		padding-right: 15px;
		padding-left: 15px;
		margin-left: auto;
		margin-right: auto;
		width: 1170px;
		position: relative;
		box-sizing: border-box;		
	}

	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,
	.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
		box-sizing: border-box;		
		min-height: 1px;
		margin-left: 0px;
		margin-right: 0px;
		padding-right: 15px;
		padding-left: 15px;	
	}

	.grid_1 {
	  width: 8.33333333%;
	}

	.grid_2 {
	  width: 16.66666667%;
	}

	.grid_3 {
	  width: 25%;
	}

	.grid_4 {
	  width: 33.33333333%;
	}

	.grid_5 {
	  width: 41.66666667%;
	}

	.grid_6 {
	  width: 50%;
	}

	.grid_7 {
	  width: 58.33333333%;
	}

	.grid_8 {
	  width: 66.66666667%;
	}

	.grid_9 {
	  width: 75%;
	}

	.grid_10 {
	  width: 83.33333333%;
	}

	.grid_11 {
	  width: 91.66666667%;
	}

	.grid_12 {
	  width: 100%;
	}

}


/*TABLET DEVICES: Bootstrap v2 --- 724px wide container */
@media (min-width: 768px) and (max-width: 979px) {

	.container_12 {
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		width: 744px;	
		position: relative;
	}

	.grid_1 {
	  width: 42px;
	}

	.grid_2 {
	  width: 104px;
	}

	.grid_3 {
	  width: 166px;
	}

	.grid_4 {
		width: 228px;
/*		width: 33.33333333%;*/
	}

	.grid_5 {
	 width: 290px;
	}

	.grid_6 {
	  width: 352px;
	}

	.grid_7 {
	  width: 414px;
	}

	.grid_8 {
	  width: 476px;
	}

	.grid_9 {
	  width: 538px;
	}

	.grid_10 {
	  width: 600px;
	}

	.grid_11 {
	  width: 662px;
	}

	.grid_12 {
	  width: 724px;
	}
}

/*Bootstrap v2 mobile - everything goes to 100%*/
@media(max-width: 767px) {

	.container_12 {
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		width: auto;	
		position: relative;
		box-sizing: border-box;
	}

	.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6,
	.grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 540px;
		box-sizing: border-box;
	}

}