/*

 * Responsive Grid System

 * Author: http://www.inkthemes.com

 *

 * Inspiration and based on:

 * http://960.gs and http://fluid24.org/

 */

/* #Main wrapper to contain all elements

================================================== */

 /* #Container class

================================================== */

.container_24 {

  max-width:980px;

  margin:0 auto;

  position: relative;padding: 0;

}



/* #24 Grid columns reset defaults

================================================== */

.grid_1,

.grid_2,

.grid_3,

.grid_4,

.grid_5,

.grid_6,

.grid_7,

.grid_8,

.grid_9,

.grid_10,

.grid_11,

.grid_12,

.grid_13,

.grid_14,

.grid_15,

.grid_16,

.grid_17,

.grid_18,

.grid_19,

.grid_20,

.grid_21,

.grid_22,

.grid_23,

.grid_24 {

  display: inline;

  float: left;

  margin-left: 0.5%;

  margin-right: 0.5%;

}



/* (Alpha ~ First, Omega ~ Last) */

.alpha {

  margin-left: 0;

}

.omega {

  margin-right: 0;

}



/* #24 Grid columns

================================================== */

.container_24 .grid_1   { width: 3.167%  ;}

.container_24 .grid_2   { width: 7.333%  ;}

.container_24 .grid_3   { width: 11.5%   ;}

.container_24 .grid_4   { width: 15.667% ;}

.container_24 .grid_5   { width: 19.833% ;}

.container_24 .grid_6   { width: 24%     ;}

.container_24 .grid_7   { width: 28.167% ;}

.container_24 .grid_8   { width: 32.333% ;}

.container_24 .grid_9   { width: 36.5%   ;}

.container_24 .grid_10 { width: 40.667% ;}

.container_24 .grid_11 { width: 44.833% ;}

.container_24 .grid_12 { width: 49%     ;}

.container_24 .grid_13 { width: 53.167% ;}

.container_24 .grid_14 { width: 57.333% ;}

.container_24 .grid_15 { width: 61.5%   ;}

.container_24 .grid_16 { width: 65.667% ;}

.container_24 .grid_17 { width: 69.833% ;}

.container_24 .grid_18 { width: 74%     ;}

.container_24 .grid_19 { width: 78.167% ;}

.container_24 .grid_20 { width: 82.333% ;}

.container_24 .grid_21 { width: 86.5%   ;}

.container_24 .grid_22 { width: 90.667% ;}

.container_24 .grid_23 { width: 94.833% ;}

.container_24 .grid_24 { width: 99%     ;}



/* #Sub grid reset default

================================================== */

.grid_sub_1,

.grid_sub_2,

.grid_sub_3,

.grid_sub_4,

.grid_sub_5,

.grid_sub_6,

.grid_sub_7,

.grid_sub_8,

.grid_sub_9,

.grid_sub_10,

.grid_sub_11,

.grid_sub_12,

.grid_sub_13,

.grid_sub_14,

.grid_sub_15,

.grid_sub_16,

.grid_sub_17,

.grid_sub_18,

.grid_sub_19,

.grid_sub_20,

.grid_sub_21,

.grid_sub_22,

.grid_sub_23,

.grid_sub_24{

  display: inline;

  float: left;

  margin-left: 0;

  margin-right: 0;

}



/* #Sub grids 1 to 24

================================================== */

.container_24 .grid_sub_1   { width:2.25%  ;}

.container_24 .grid_sub_2   { width:6.5%   ;}

.container_24 .grid_sub_3   { width:10.75% ;}

.container_24 .grid_sub_4   { width:15%    ;}

.container_24 .grid_sub_5   { width:19.25% ;}

.container_24 .grid_sub_6   { width:23.5%  ;}

.container_24 .grid_sub_7   { width:27.75% ;}

.container_24 .grid_sub_8   { width:32%    ;}

.container_24 .grid_sub_9   { width:36.25% ;}

.container_24 .grid_sub_10 { width:40.5%  ;}

.container_24 .grid_sub_11 { width:44.75% ;}

.container_24 .grid_sub_12 { width:49%    ;}

.container_24 .grid_sub_13 { width:53.25% ;}

.container_24 .grid_sub_14 { width:57.5%  ;}

.container_24 .grid_sub_15 { width:61.75% ;}

.container_24 .grid_sub_16 { width:66%    ;}

.container_24 .grid_sub_17 { width:70.25% ;}

.container_24 .grid_sub_18 { width:74.5%  ;}

.container_24 .grid_sub_19 { width:100% ;}

.container_24 .grid_sub_20 { width:83%    ;}

.container_24 .grid_sub_21 { width:87.25% ;}

.container_24 .grid_sub_22 { width:91.5%  ;}

.container_24 .grid_sub_23 { width:95.75% ;}

.container_24 .grid_sub_24 { width:100%   ;}



/* #Special Classes for sub element

================================================== */

.sub_alpha { margin-right: 1%;}

.sub_omega { margin-left: 1%;}

.sub_middle { margin-left: 1%; margin-right: 1%;}



/* #Clear Floated Elements

================================================== */

.clear {

  clear: both;

  display: block;

  overflow: hidden;

  visibility: hidden;

  width: 0;

  height: 0;

}



/* #Clearfix

================================================== */

.clearfix:after {

  visibility: hidden;

  display: block;

  font-size: 0;

  content: " ";

  clear: both;

  height: 0;

}

* html .clearfix             { zoom: 1; } /* IE6 */

*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/* #Tablet (Portrait)

================================================== */



/* Note: Design for a width of 768px */

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

}





/* #Mobile (Portrait)

================================================== */



 /* Note: Design for a width of 767px */



@media only screen and (min-width: 480px) and (max-width: 767px) {



}



	

/* #Mobile (Landscape)

================================================== */



 /* Note: Design for a width of 480px */



@media only screen and (max-width: 767px) {

.container_24 .grid_1 ,

.container_24 .grid_2 ,

.container_24 .grid_3 ,

.container_24 .grid_4 ,

.container_24 .grid_5 ,

.container_24 .grid_6 ,

.container_24 .grid_7 ,

.container_24 .grid_8 ,

.container_24 .grid_9,

.container_24 .grid_10 ,

.container_24 .grid_11 ,

.container_24 .grid_12 ,

.container_24 .grid_13 ,

.container_24 .grid_14 ,

.container_24 .grid_15 ,

.container_24 .grid_16,

.container_24 .grid_17 ,

.container_24 .grid_18 ,

.container_24 .grid_19 ,

.container_24 .grid_20 ,

.container_24 .grid_21,

.container_24 .grid_22,

.container_24 .grid_23 ,

.container_24 .grid_24 { width:99%;}

/* sub fluid 24 grids 100% */

.container_24 .grid_sub_1,

.container_24 .grid_sub_2,

.container_24 .grid_sub_3,

.container_24 .grid_sub_4,

.container_24 .grid_sub_5 ,

.container_24 .grid_sub_6 ,

.container_24 .grid_sub_7,

.container_24 .grid_sub_8 ,

.container_24 .grid_sub_9 ,

.container_24 .grid_sub_10 ,

.container_24 .grid_sub_11,

.container_24 .grid_sub_12 ,

.container_24 .grid_sub_13 ,

.container_24 .grid_sub_14 ,

.container_24 .grid_sub_15 ,

.container_24 .grid_sub_16 ,

.container_24 .grid_sub_17 ,

.container_24 .grid_sub_18 ,

.container_24 .grid_sub_19 ,

.container_24 .grid_sub_20 ,

.container_24 .grid_sub_21 ,

.container_24 .grid_sub_22 ,

.container_24 .grid_sub_23,

.container_24 .grid_sub_24 { width:100%   ;}

.sub_alpha {margin-right:0;}

.sub_omega {margin-left:0;}

.sub_middle {margin-left:0;margin-right:0;}

}