/*////////////////////////////////////////////////////////////////////*/
/*
  1224 Grid System ~ For Massive Use Only ~ Thanks
  Developed by @LyleHebel @Massive
*/
/*////////////////////////////////////////////////////////////////////*/
/* Grid Global
----------------------------------------------------------------------------------------------------*/
.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;
}

img{
	max-width: 100%;
	height: auto;
}


/* Break 1 (iPhone 4, 4S & 5 Portrait)----------- */
@media only screen and (max-width : 320px) {
	.container_12 {
		margin-left:auto;
		margin-right:auto;
		width:320px;
	}
	
	.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;
		width:300px;
	}
	
}

/* Break 2 (iPhone 4, 4S - Lanscape)----------- */
@media only screen and (min-width : 321px)
and (max-width : 480px) {
	.container_12 {
		margin-left:auto;
		margin-right:auto;
		width:320px;
	}
	
	.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;
		width:300px;
	/* Allows Margin on Right Side of Content in Android Browsers */
	}
	
	
}

/* Break 3 (Non Apple Smart Phones/Tables & Iphone 5 Landscape) ----------- */
@media only screen and (min-width : 481px)
and (max-width : 767px) {
	.container_12 {
		margin-left:auto;
		margin-right:auto;
		width:481px;
	}
	
	.grid_1 {
		width:25%;
	}
	
	.grid_2 {
		width:45%;
	}
	
	.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;
		width:98%;
	/* Allows Margin on Right Side of Content in Android Browsers */
	}
}

/* Break 4(iPad Portrait)----------- */
@media only screen and (min-width : 768px)
and (max-width : 1023px) {
	.container_12 {
		margin-left:auto;
		margin-right:auto;
		width:768px;
	}
	
	.container_12 .grid_1 {
		width:44px;
	}
	
	.container_12 .grid_2 {
		width:108px;
	}
	
	.container_12 .grid_3 {
		width:172px;
	}
	
	.container_12 .grid_4 {
		width:236px;
	}
	
	.container_12 .grid_5 {
		width:300px;
	}
	
	.container_12 .grid_6 {
		width:364px;
	}
	
	.container_12 .grid_7 {
		width:428px;
	}
	
	.container_12 .grid_8 {
		width:492px;
	}
	
	.container_12 .grid_9 {
		width:556px;
	}
	
	.container_12 .grid_10 {
		width:620px;
	}
	
	.container_12 .grid_11 {
		width:684px;
	}
	
	.container_12 .grid_12 {
		width:748px;
	}
}

/* Break 5 (iPad Landscape and Smaller Screen Computers) ----------- */
@media only screen
and (min-width : 1024px) {
	.container_12 {
		margin-left:auto;
		margin-right:auto;
		width:1024px;
	}
	
	.container_12 .grid_1 {
		width:65px;
	}
	
	.container_12 .grid_2 {
		width:150px;
	}
	
	.container_12 .grid_3 {
		width:235px;
	}
	
	.container_12 .grid_4 {
		width:320px;
	}
	
	.container_12 .grid_5 {
		width:405px;
	}
	
	.container_12 .grid_6 {
		width:490px;
	}
	
	.container_12 .grid_7 {
		width:575px;
	}
	
	.container_12 .grid_8 {
		width:660px;
	}
	
	.container_12 .grid_9 {
		width:745px;
	}
	
	.container_12 .grid_10 {
		width:830px;
	}
	
	.container_12 .grid_11 {
		width:915px;
	}
	
	.container_12 .grid_12 {
		width:1000px;
	}
}

/* Break 6 (Desktop)----------- */
@media only screen
and (min-width : 1224px) {
	.container_12 {
		margin-left:auto;
		margin-right:auto;
		width:1224px;
	}
	
	.container_12 .grid_1 {
		width:82px;
	}
	
	.container_12 .grid_2 {
		width:184px;
	}
	
	.container_12 .grid_3 {
		width:286px;
	}
	
	.container_12 .grid_4 {
		width:388px;
	}
	
	.container_12 .grid_5 {
		width:490px;
	}
	
	.container_12 .grid_6 {
		width:592px;
	}
	
	.container_12 .grid_7 {
		width:694px;
	}
	
	.container_12 .grid_8 {
		width:796px;
	}
	
	.container_12 .grid_9 {
		width:898px;
	}
	
	.container_12 .grid_10 {
		width:1000px;
	}
	
	.container_12 .grid_11 {
		width:1102px;
	}
	
	.container_12 .grid_12 {
		width:1204px;
	}
}

/* Use these if you want to Swap Content Based on Pixel Ratio ----------- */

/* iPhone 4 & 4s ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
	/* Styles */
	
}

/* Retnia Devices ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 2.0),only screen and (min-device-pixel-ratio : 2.0) {
	/* Styles */
	
}