/* =Clearfix
-------------------------------------------------------------- */
.resp_row:before, .resp_row:after, .clearfix:before, .clearfix:after {
    content:'';
    display:table
}
.resp_row:after, .clearfix:after {
    clear:both
}
.resp_row, .clearfix {
    zoom:1
}
/* =Grid
-------------------------------------------------------------- */

.resp_grid {
    margin:0 auto;
    max-width:960px;
    width:100%
}
.resp_grid img {
    max-width:100%;
    height:auto;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.wfull {
    width:100%;
    max-width:100%
}
.w320 {
    max-width:320px
}
.w640 {
    max-width:640px
}
.resp_row {
    width:100%;
    margin-bottom:20px
}
.resp_row .resp_row {
    width:auto;
    margin:0 -20px
}
.c1 {
    width:8.33%
}
.c2 {
    width:16.66%
}
.c3 {
    width:25%
}
.c4 {
    width:33.33%
}
.c5 {
    width:41.66%
}
.c6 {
    width:50%
}
.c7 {
    width:58.33%
}
.c8 {
    width:66.66%
}
.c9 {
    width:75%
}
.c10 {
    width:83.33%
}
.c11 {
    width:91.66%
}
.c12 {
    width:100%
}
.c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
    min-height:1px;
    float:left;
    padding-left:20px;
    padding-right:20px;
    position:relative
}
.s1 {
    margin-left:8.33%
}
.s2 {
    margin-left:16.66%
}
.s3 {
    margin-left:25%
}
.s4 {
    margin-left:33.33%
}
.s5 {
    margin-left:41.66%
}
.s6 {
    margin-left:50%
}
.s7 {
    margin-left:58.33%
}
.s8 {
    margin-left:66.66%
}
.s9 {
    margin-left:75%
}
.s10 {
    margin-left:83.33%
}
.s11 {
    margin-left:91.66%
}
.end {
    float:right!important
}

/* =Media query for 960 Screens - sets nested grids to 100%
-------------------------------------------------------------- */
@media only screen and (max-width:960px) {
    .resp_row .resp_row .c1, .resp_row .resp_row .c2, .resp_row .resp_row .c3, .resp_row .resp_row .c4, .resp_row .resp_row .c5, .resp_row .resp_row .c6, .resp_row .resp_row .c7, .resp_row .resp_row .c8, .resp_row .resp_row .c9, .resp_row .resp_row .c10, .resp_row .resp_row .c11, .resp_row .resp_row .c12 {
        width:100%;
        margin-bottom:20px
    }
    .resp_row .resp_row > div:last-child {
        margin-bottom:0 !important
    }
}

/* =Media query for iPad and tablets
-------------------------------------------------------------- */
@media handheld, only screen and (max-width: 768px), only screen and (max-device-width: 768px) and (orientation:portrait) {
    .resp_row {
        margin-bottom:0!important
    }
    .c1, .c2, .c3, .c4, .c5, .c6, .c7, .c8, .c9, .c10, .c11, .c12 {
        width:100%;
        margin-right:0;
        margin-left:0;
        margin-bottom:20px
    }
}