@media screen and (max-width: 1440px){

  .col--inner,
  .col--inner:first-of-type,
  .col--inner:last-of-type{padding: 0.75em;}
  .col-high{}
  .col-normal{}
  .col-low{}

  h2,h3{font-size: 1em;}
  h2.card__title{ line-height: 1em}

  [data-name="customer_subject"] > span{width: 12em}

  .table > thead > tr > th,
  .table > tbody > tr > td{padding: 5px 10px; font-size: 0.75em}

  .table > tbody > tr > td > a > i{font-size: 0.7em}

.col__6.col--inner{width: 70%; /*float: right;*/}
.col__3.col--inner{width: 30%; /*float: right;*/}

  .card--trend{height: 350px !important}
}