/*
 * 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:78.75% ;}
.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;}
}