@media only screen and (min-width: 1200px)  {

body {
  min-width: 1200px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	padding:0 10px 0 10px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

/* 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;
	position: relative;
	
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
}



.prefix_1 .suffix_1, 
.prefix_2 .suffix_2, 
.prefix_3 .suffix_3, 
.prefix_4 .suffix_4, 
.prefix_5 .suffix_5, 
.prefix_6 .suffix_6, 
.prefix_7 .suffix_7, 
.prefix_8 .suffix_8, 
.prefix_9 .suffix_9, 
.prefix_10 .suffix_10, 
.prefix_11 .suffix_11, 
.prefix_12 .suffix_12{
	position: relative;
}
	
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
	width:80px;
}
.container_12 .grid_2 {
	width:180px;
}
.container_12 .grid_3 {
	width:280px;
}
.container_12 .grid_4 {
	width:380px;
}

.container_12 .grid_5 {
	width:480px;
}
.container_12 .grid_6 {
	width:580px;
}
.container_12 .grid_7 {
	width:680px;
}
.container_12 .grid_8 {
	width:780px;
}
.container_12 .grid_9 {
	width:880px;
}
.container_12 .grid_10 {
	width:980px;
}
.container_12 .grid_11 {
	width:1080px;
}
.container_12 .grid_12 {
	width:1180px;
}
/* Grid >> Prefix
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
	margin-left:100px;
}
.container_12 .prefix_2 {
	margin-left:200px;
}
.container_12 .prefix_3 {
	margin-left:300px;
}
.container_12 .prefix_4 {
	margin-left:400px;
}
.container_12 .prefix_5 {
	margin-left:500px;
}
.container_12 .prefix_6 {
	margin-left:600px;
}
.container_12 .prefix_7 {
	margin-left:700px;
}
.container_12 .prefix_8 {
	margin-left:800px;
}
.container_12 .prefix_9 {
	margin-left:900px;
}
.container_12 .prefix_10 {
	margin-left:1000px;
}
.container_12 .prefix_11 {
	margin-left:1100px;
}
/* Grid >> Suffix
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
	margin-right:100px;
}
.container_12 .suffix_2 {
	margin-right:200px;
}
.container_12 .suffix_3 {
	margin-right:300px;
}
.container_12 .suffix_4 {
	margin-right:400px;
}
.container_12 .suffix_5 {
	margin-right:500px;
}
.container_12 .suffix_6 {
	margin-right:600px;
}
.container_12 .suffix_7 {
	margin-right:700px;
}
.container_12 .suffix_8 {
	margin-right:800px;
}
.container_12 .suffix_9 {
	margin-right:900px;
}
.container_12 .suffix_10 {
	margin-right:1000px;
}
.container_12 .suffix_11 {
	margin-right:1100px;
}
}

@media only screen and (min-width: 768px) and (max-width: 1200px) {

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 92%;
	padding:0 2% 0 2%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.f_grid_1, 
.f_grid_2, 
.f_grid_3, 
.f_grid_4, 
.f_grid_5, 
.f_grid_6, 
.f_grid_7, 
.f_grid_8, 
.f_grid_9, 
.f_grid_10, 
.f_grid_11, 
.f_grid_12{
	display:inline;
	float: left;
	position: relative;
	margin-left: 0.833%;
	margin-right: 0.833%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
}
	
	

.f_prefix_1, .f_suffix_1, 
.f_prefix_2, .f_suffix_2, 
.f_prefix_3, .f_suffix_3, 
.f_prefix_4, .f_suffix_4, 
.f_prefix_5, .f_suffix_5, 
.f_prefix_6, .f_suffix_6, 
.f_prefix_7, .f_suffix_7, 
.f_prefix_8, .f_suffix_8, 
.f_prefix_9, .f_suffix_9, 
.f_prefix_10, .f_suffix_10, 
.f_prefix_11, .f_suffix_11, 
.f_prefix_12, .f_suffix_12{
	position: relative;
}
	
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.f_alpha {
	margin-left: 0;
}

.f_omega {
	margin-right: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}
	
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .f_grid_1 {
	width:6.67%;
}
.container_12 .f_grid_2 {
	width:15.006%;
}
.container_12 .f_grid_3 {
	width:23.342%;
}
.container_12 .f_grid_4 {
	width:31.678%;
}
.container_12 .f_grid_5 {
	width:40.014%;
}
.container_12 .f_grid_6 {
	width:48.35%;
}
.container_12 .f_grid_7 {
	width:56.686%;
}
.container_12 .f_grid_8 {
	width:65.022%;
}
.container_12 .f_grid_9 {
	width:73.358%;
}
.container_12 .f_grid_10 {
	width:81.694%;
}
.container_12 .f_grid_11 {
	width:90.03%;
}
.container_12 .f_grid_12 {
	width:98.366%;
}
/* Grid >> Prefix
----------------------------------------------------------------------------------------------------*/

.container_12 .f_prefix_1 {
	margin-left:8.336%;
}
.container_12 .f_prefix_2 {
	margin-left:16.672%;
}
.container_12 .f_prefix_3 {
	margin-left:25.008%;
}
.container_12 .f_prefix_4 {
	margin-left:33.344%;
}
.container_12 .f_prefix_5 {
	margin-left:41.68%;
}
.container_12 .f_prefix_6 {
	margin-left:50.016%;
}
.container_12 .f_prefix_7 {
	margin-left:58.352%;
}
.container_12 .f_prefix_8 {
	margin-left:66.688%;
}
.container_12 .f_prefix_9 {
	margin-left:75.024%;
}
.container_12 .f_prefix_10 {
	margin-left:83.36%;
}
.container_12 .f_prefix_11 {
	margin-left:91.696%;
}
/* Grid >> Suffix
----------------------------------------------------------------------------------------------------*/

.container_12 .f_suffix_1 {
	margin-right:8.336%;
}
.container_12 .f_suffix_2 {
	margin-right:16.672%;
}
.container_12 .f_suffix_3 {
	margin-right:25.008%;
}
.container_12 .f_suffix_4 {
	margin-right:33.344%;
}
.container_12 .f_suffix_5 {
	margin-right:41.68%;
}
.container_12 .f_suffix_6 {
	margin-right:50.016%;
}
.container_12 .f_suffix_7 {
	margin-right:58.352%;
}
.container_12 .f_suffix_8 {
	margin-right:66.688%;
}
.container_12 .f_suffix_9 {
	margin-right:75.024%;
}
.container_12 .f_suffix_10 {
	margin-right:83.36%;
}
.container_12 .f_suffix_11 {
	margin-right:91.696%;
}
}

@media all and (max-width : 768px ){
/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 92%;
	padding:0 2% 0 2%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/
.m_grid_1, 
.m_grid_2, 
.m_grid_3, 
.m_grid_4, 
.m_grid_5, 
.m_grid_6, 
.m_grid_7, 
.m_grid_8, 
.m_grid_9, 
.m_grid_10, 
.m_grid_11, 
.m_grid_12{
	display:inline;
	float: left;
	position: relative;
	margin-left: 0.833%;
	margin-right: 0.833%;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box; 
	box-sizing: border-box;
	
}
	
	

.m_prefix_1, .m_suffix_1, 
.m_prefix_2, .m_suffix_2, 
.m_prefix_3, .m_suffix_3, 
.m_prefix_4, .m_suffix_4, 
.m_prefix_5, .m_suffix_5, 
.m_prefix_6, .m_suffix_6, 
.m_prefix_7, .m_suffix_7, 
.m_prefix_8, .m_suffix_8, 
.m_prefix_9, .m_suffix_9, 
.m_prefix_10, .m_suffix_10, 
.m_prefix_11, .m_suffix_11, 
.m_prefix_12, .m_suffix_12{
	position: relative;
}
	
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.m_alpha {
	margin-left: 0;
}

.m_omega {
	margin-right: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}
	
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .m_grid_1 {
	width:6.67%;
}
.container_12 .m_grid_2 {
	width:15.006%;
}
.container_12 .m_grid_3 {
	width:23.342%;
}
.container_12 .m_grid_4 {
	width:31.678%;
}
.container_12 .m_grid_5 {
	width:40.014%;
}
.container_12 .m_grid_6 {
	width:48.35%;
}
.container_12 .m_grid_7 {
	width:56.686%;
}
.container_12 .m_grid_8 {
	width:65.022%;
}
.container_12 .m_grid_9 {
	width:73.358%;
}
.container_12 .m_grid_10 {
	width:81.694%;
}
.container_12 .m_grid_11 {
	width:90.03%;
}
.container_12 .m_grid_12 {
	width:98.366%;
}
/* Grid >> Prefix
----------------------------------------------------------------------------------------------------*/

.container_12 .m_prefix_1 {
	margin-left:8.336%;
}
.container_12 .m_prefix_2 {
	margin-left:16.672%;
}
.container_12 .m_prefix_3 {
	margin-left:25.008%;
}
.container_12 .m_prefix_4 {
	margin-left:33.344%;
}
.container_12 .m_prefix_5 {
	margin-left:41.68%;
}
.container_12 .m_prefix_6 {
	margin-left:50.016%;
}
.container_12 .m_prefix_7 {
	margin-left:58.352%;
}
.container_12 .m_prefix_8 {
	margin-left:66.688%;
}
.container_12 .m_prefix_9 {
	margin-left:75.024%;
}
.container_12 .m_prefix_10 {
	margin-left:83.36%;
}
.container_12 .m_prefix_11 {
	margin-left:91.696%;
}
/* Grid >> Suffix
----------------------------------------------------------------------------------------------------*/

.container_12 .m_suffix_1 {
	margin-right:8.336%;
}
.container_12 .m_suffix_2 {
	margin-right:16.672%;
}
.container_12 .m_suffix_3 {
	margin-right:25.008%;
}
.container_12 .m_suffix_4 {
	margin-right:33.344%;
}
.container_12 .m_suffix_5 {
	margin-right:41.68%;
}
.container_12 .m_suffix_6 {
	margin-right:50.016%;
}
.container_12 .m_suffix_7 {
	margin-right:58.352%;
}
.container_12 .m_suffix_8 {
	margin-right:66.688%;
}
.container_12 .m_suffix_9 {
	margin-right:75.024%;
}
.container_12 .m_suffix_10 {
	margin-right:83.36%;
}
.container_12 .m_suffix_11 {
	margin-right:91.696%;
}
}