@media screen and (min-width: 480px) and (max-width: 1199px) {
    .t-container {
        max-width: 1200px !important;
    }
    .t-col {
        display: inline !important;
        float: left !important;
        margin-left: 20px !important;
        margin-right: 20px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .t-col_1 { max-width: 60px !important }
    .t-col_2 { max-width: 160px !important }
    .t-col_3 { max-width: 260px !important }
    .t-col_4 { max-width: 360px !important }
    .t-col_5 { max-width: 460px !important }
    .t-col_6 { max-width: 560px !important }
    .t-col_7 { max-width: 660px !important }
    .t-col_8 { max-width: 760px !important }
    .t-col_9 { max-width: 860px !important }
    .t-col_10 { max-width: 960px !important }
    .t-col_11 { max-width: 1060px !important }
    .t-col_12 { max-width: 1160px !important }
    
}

@media screen and (max-width: 960px) {
    .t-col {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}