/* FlexGRID. */
.wrapper {
    width: 100%;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}
body .wrapper:first-child {
    margin: 0;
}
.row {
    clear: both;
    max-width: 88%;
    height: 100%;
    margin: 0 auto;
}
.row:after {
    content:"";
    display:table;
    clear:both;
}
.row.no-max {
  max-width: 100%;
  width: 100%;
}

/* .col_1, .col_2, .col_3, .col_4, .col_5, .col_6,.col_7, .col_8, .col_9, .col_10, .col_11, .col_12 */
.col {
    float: left;
    width: 100%;
    border-collapse:collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*word-break: break-word;*/
    margin: 0;
    position: relative;
}
.row.no_padding{
    padding: 0 !important;
}
.col.no_margin{
    margin:0 !important;
}

.wrapper .row .col_1{
    padding: 0;
}
.no_padding,
.row.no_padding > .col {
    padding: 0 !important;
}

.row.no_margin {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.row.no_top_margin {
    margin-top: 0 !important;
}

/*non-collapsing columns*/
@media all and (max-width : 767px) {
    .non-collapsing .row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        clear: both;
        margin: 0 auto;
        height: 100%;
        padding: 0;
    }

    .mobile_col{ margin: 0 3.2% 0 0;}
    .mobile_col_1 { width: 5.4%; }/*this one is right now go down*/
    .mobile_col_2 { width: 14.0%; }
    .mobile_col_3 { width: 22.6%; }
    .mobile_col_4 { width: 31.2%; }
    .mobile_col_5 { width: 39.8%; }
    .mobile_col_6 { width: 48.4%; }
    .mobile_col_7 { width: 57.0%; }
    .mobile_col_8 { width: 65.6%; }
    .mobile_col_9 { width: 74.2%; }
    .mobile_col_10 { width: 82.8%; }
    .mobile_col_11 { width: 91.4%; }
    .mobile_col_12 { width: 100%; }

}

@media all and (min-width : 768px) {
    .wrapper {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .row {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        clear: both;
        margin: 0 auto;
        max-width: 91.2%;
        height: 100%;
        padding: 0;
    }
        .row.no-max{max-width: 100%;}
        .row.img-row{max-width: 100%;}

    .wrapper .row {
        padding: 0;  
    }
    .row:after {
        content:"";
        display:table;
        clear:both;
    }
    .col {
        margin: 0 3.2% 0 0;
        float: left;
        /*word-break: break-word;*/
        position: relative;
        flex-basis:auto;
    }
    
    .col_1 { width: 5.4%; }/*this one is right now go down*/
    .col_2 { width: 14.0%; }
    .col_3 { width: 22.6%; }
    .col_4 { width: 31.2%; }
    .col_5 { width: 39.8%; }
    .col_6 { width: 48.4%; }
    .col_7 { width: 57.0%; }
    .col_8 { width: 65.6%; }
    .col_9 { width: 74.2%; }
    .col_10 { width: 82.8%; }
    .col_11 { width: 91.4%; }
    .col_12 { width: 100%; }

    .offset_1{margin-left: 8.6%}
    .offset_2{margin-left: 17.2%; }
    .offset_3{margin-left: 25.8%; }
    .offset_4{margin-left: 34.4%; }
    .offset_5{margin-left: 43.0%; }
    .offset_6{margin-left: 51.6%; }


    /*no-max with some margin*/
    .row.no-max .col.margined_right,.row.no-max .col.margined_right:last-child{margin-right:4.4%;}
    .row.no-max .col.margined_left{margin-left:4.4%;}

    .row .col:last-child, .row .col.last,.row.no-max .col:last-child, .row.no-max .col.last  {
        margin-right: 0;
    }
    .col.col_centered, .col.col_centered:last-child{margin:0 auto;float: none;}
    .row.centered-parent{align-items:center;}
}

@media all and (min-width : 1024px) {
    /*.row{margin:50px auto;}*/
}