.container { width:990px; margin:0 auto;}
//.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
//  float:left; display:inline; margin-left:30px;
//}
//.grid1 { width:55px; }
//.grid2 { width:140px; }
//.grid3 { width:225px; }
//.grid4 { width:310px; }
//.grid5 { width:395px; }
//.grid6 { width:480px; }
//.grid7 { width:565px; }
//.grid8 { width:650px; }
//.grid9 { width:735px; }
//.grid10 { width:820px; }
//.grid11 { width:905px; }
//.first { margin-left:0; clear:left; }
//
//.offset1 { margin-left: 85px; }
//.offset2 { margin-left: 170px; }
//.offset3 { margin-left: 255px; }
//.offset4 { margin-left: 340px; }
//.offset5 { margin-left: 425px; }
//.offset6 { margin-left: 510px; }
//.offset7 { margin-left: 595px; }
//.offset8 { margin-left: 680px; }
//.offset9 { margin-left: 765px; }
//.offset10 { margin-left: 850px; }
//.offset11 { margin-left: 935px; }

table.grid {
    display: table !important;
}

@media all and (min-width: 768px) {
    .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
        float:left; display:inline; margin-left:30px;
    }
    .grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
        display: block;
        float: left;
        width: 100%;
        min-height: 30px;
        margin-left: 2.127659574468085%;
        *margin-left: 2.074468085106383%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    [class*="grid"]:first-child {
        margin-left: 0;
    }

    [class*="grid"] + [class*="grid"] {
        margin-left: 2.127659574468085%;
    }
    .grid12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .grid11 {
        width: 91.48936170212765%;
        *width: 91.43617021276594%;
    }

    .grid10 {
        width: 82.97872340425532%;
        *width: 82.92553191489361%;
    }

    .grid9 {
        width: 74.46808510638297%;
        *width: 74.41489361702126%;
    }

    .grid8 {
        width: 65.95744680851064%;
        *width: 65.90425531914893%;
    }

    .grid7 {
        width: 57.44680851063829%;
        *width: 57.39361702127659%;
    }

    .grid6 {
        width: 48.93617021276595%;
        *width: 48.88297872340425%;
    }

    .grid5 {
        width: 40.42553191489362%;
        *width: 40.37234042553192%;
    }

    .grid4 {
        width: 31.914893617021278%;
        *width: 31.861702127659576%;
    }

    .grid3 {
        width: 23.404255319148934%;
        *width: 23.351063829787233%;
    }

    .grid2 {
        width: 14.893617021276595%;
        *width: 14.840425531914894%;
    }

    .grid1 {
        width: 6.382978723404255%;
        *width: 6.329787234042553%;
    }
}

@media all and (max-width: 767px) {
    [class*="grid"] {
        display: block;
        float: none;
        width: 100%;
        margin-left: 0 !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    table.grid {
        display: table !important;
    }
    .grid th, .grid td {
        display: table-cell !important;
    }
}