.d-none {
  display: none;
}

.d-inline {
  display: inline;
}

.d-inline-block {
  display: inline-block;
}

.d-block {
  display: block;
}

.d-grid {
  display: grid;
}

.d-flex {
  display: flex;
}

.d-inline-flex {
  display: inline-flex;
}

@media (min-width: 480px) {
  .d-none-xs {
    display: none;
  }
  .d-inline-xs {
    display: inline;
  }
  .d-inline-block-xs {
    display: inline-block;
  }
  .d-block-xs {
    display: block;
  }
  .d-grid-xs {
    display: grid;
  }
  .d-flex-xs {
    display: flex;
  }
  .d-inline-flex-xs {
    display: inline-flex;
  }
}
@media (min-width: 640px) {
  .d-none-sm {
    display: none;
  }
  .d-inline-sm {
    display: inline;
  }
  .d-inline-block-sm {
    display: inline-block;
  }
  .d-block-sm {
    display: block;
  }
  .d-grid-sm {
    display: grid;
  }
  .d-flex-sm {
    display: flex;
  }
  .d-inline-flex-sm {
    display: inline-flex;
  }
}
@media (min-width: 768px) {
  .d-none-md {
    display: none;
  }
  .d-inline-md {
    display: inline;
  }
  .d-inline-block-md {
    display: inline-block;
  }
  .d-block-md {
    display: block;
  }
  .d-grid-md {
    display: grid;
  }
  .d-flex-md {
    display: flex;
  }
  .d-inline-flex-md {
    display: inline-flex;
  }
}
@media (min-width: 1024px) {
  .d-none-lg {
    display: none;
  }
  .d-inline-lg {
    display: inline;
  }
  .d-inline-block-lg {
    display: inline-block;
  }
  .d-block-lg {
    display: block;
  }
  .d-grid-lg {
    display: grid;
  }
  .d-flex-lg {
    display: flex;
  }
  .d-inline-flex-lg {
    display: inline-flex;
  }
}
@media (min-width: 1280px) {
  .d-none-xl {
    display: none;
  }
  .d-inline-xl {
    display: inline;
  }
  .d-inline-block-xl {
    display: inline-block;
  }
  .d-block-xl {
    display: block;
  }
  .d-grid-xl {
    display: grid;
  }
  .d-flex-xl {
    display: flex;
  }
  .d-inline-flex-xl {
    display: inline-flex;
  }
}
@media (min-width: 1536px) {
  .d-none-xxl {
    display: none;
  }
  .d-inline-xxl {
    display: inline;
  }
  .d-inline-block-xxl {
    display: inline-block;
  }
  .d-block-xxl {
    display: block;
  }
  .d-grid-xxl {
    display: grid;
  }
  .d-flex-xxl {
    display: flex;
  }
  .d-inline-flex-xxl {
    display: inline-flex;
  }
}