.kpi-box {
  background: $primary-bg;
  padding: 15px !important;
  .kpi-data {
    color: $primary-color;
    text-align: center;
    max-width: none !important;
    margin-left: 0px !important;
    @include media-breakpoint-down(sm) {
      text-align: center;
    }

    .kpi-value {
      font-size: 2rem;
    }
  }
  .kpi-key {
    color: $primary-color;
    max-width: none !important;
    margin-left: 0px !important;
    @include media-breakpoint-down(sm) {
      text-align: center;
    }
  }
}

.iconbox > .icon {
  @include media-breakpoint-down(sm) {
    margin-bottom: 0;
    // width: 40px;
    // height: 40px;
  }
}