@media screen and (min-width: 1500px) {
  .t-container, .t-container_flex { max-width: 1700px !important; }
  .t-col { margin-left: 20px !important; margin-right: 20px !important; }

  .t-col_1  { width: calc(100%/12*1 - 40px) !important;  max-width: calc(100%/12*1 - 40px) !important; }
  .t-col_2  { width: calc(100%/12*2 - 40px) !important;  max-width: calc(100%/12*2 - 40px) !important; }
  .t-col_3  { width: calc(100%/12*3 - 40px) !important;  max-width: calc(100%/12*3 - 40px) !important; }
  .t-col_4  { width: calc(100%/12*4 - 40px) !important;  max-width: calc(100%/12*4 - 40px) !important; }
  .t-col_5  { width: calc(100%/12*5 - 40px) !important;  max-width: calc(100%/12*5 - 40px) !important; }
  .t-col_6  { width: calc(100%/12*6 - 40px) !important;  max-width: calc(100%/12*6 - 40px) !important; }
  .t-col_7  { width: calc(100%/12*7 - 40px) !important;  max-width: calc(100%/12*7 - 40px) !important; }
  .t-col_8  { width: calc(100%/12*8 - 40px) !important;  max-width: calc(100%/12*8 - 40px) !important; }
  .t-col_9  { width: calc(100%/12*9 - 40px) !important;  max-width: calc(100%/12*9 - 40px) !important; }
  .t-col_10 { width: calc(100%/12*10 - 40px) !important; max-width: calc(100%/12*10 - 40px) !important; }
  .t-col_11 { width: calc(100%/12*11 - 40px) !important; max-width: calc(100%/12*11 - 40px) !important; }
  .t-col_12 { width: calc(100% - 40px) !important;       max-width: calc(100% - 40px) !important; }

  .t-prefix_1 { padding-left: calc(100%/12*1) !important; }
  .t-prefix_2 { padding-left: calc(100%/12*2) !important; }
  .t-prefix_3 { padding-left: calc(100%/12*3) !important; }
  .t-prefix_4 { padding-left: calc(100%/12*4) !important; }
  .t-prefix_5 { padding-left: calc(100%/12*5) !important; }
  .t-prefix_6 { padding-left: calc(100%/12*6) !important; }
}
</style>