@media only screen and (max-width: 767.9px) {
  .row.visible-le-small,
  table > tbody > tr > td > div.row.visible-xs {
    display: flex !important;
  }
  table > tbody > tr > td > div.row.visible-xs > div > span {
    font-weight: bold !important;
  }
  div.chart-modal.filter-container.sort-container.active > div.row > div.col-xs-2,
  div.row.filter-columns > div.col-xs-2,
  div.row.filter-columns > div.col-xs-4,
  table > tbody > tr > td > div.row.visible-xs > div.col-xs-4 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
}
@media only screen and (max-width: 480.9px) {
  .data-table.quotes-table .row.visible-xs [class^=col-]:not(:first-child) {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 359px) {
  div.row.visible-le-small > div.col-xs-6.filter-sort-col > span.filter-sort:after {
    margin-left: 5px !important;
  }
  div.row > div.col-xs-2,
  div.row.filter-columns > div.col-xs-2,
  div.row.filter-columns > div.col-xs-4 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }
}