@include media-breakpoint-up(md) {
  .card--list {
    &.card--start,
    &.card--end {
      --lx-card-body-cols: 3;
    }
  }
}

// @include media-breakpoint-up(lg) {
//   .card--list {
//     &.card--start,
//     &.card--end {
//       --lx-card-body-cols: 7;
//     }
//   }
// }

// @include media-breakpoint-up(xl) {
//   .card--list {
//     &.card--start,
//     &.card--end {
//       --lx-card-body-cols: 8;
//     }
//   }
// }