/**
 * Display utilities — Bootstrap-style breakpoints (mobile-first)
 *
 *   sm  — min-width 576px
 *   md  — min-width 768px
 *   lg  — min-width 992px
 *   xl  — min-width 1200px
 *   xxl — min-width 1400px
 */

/* Base */
.d-none  { display: none  !important; }
.d-block { display: block !important; }

/* sm */
.d-sm-none  { display: block !important; }        /* base: visible */
.d-sm-block { display: none  !important; }        /* base: hidden  */
@media (min-width: 576px) {
    .d-sm-none  { display: none  !important; }    /* sm+: hide */
    .d-sm-block { display: block !important; }    /* sm+: show */
}

/* md */
.d-md-none  { display: block !important; }        /* base: visible */
.d-md-block { display: none  !important; }        /* base: hidden  */
@media (min-width: 768px) {
    .d-md-none  { display: none  !important; }    /* md+: hide */
    .d-md-block { display: block !important; }    /* md+: show */
}

/* lg */
.d-lg-none  { display: block !important; }        /* base: visible */
.d-lg-block { display: none  !important; }        /* base: hidden  */
@media (min-width: 992px) {
    .d-lg-none  { display: none  !important; }    /* lg+: hide */
    .d-lg-block { display: block !important; }    /* lg+: show */
}

/* xl */
.d-xl-none  { display: block !important; }        /* base: visible */
.d-xl-block { display: none  !important; }        /* base: hidden  */
@media (min-width: 1200px) {
    .d-xl-none  { display: none  !important; }    /* xl+: hide */
    .d-xl-block { display: block !important; }    /* xl+: show */
}

/* xxl */
.d-xxl-none  { display: block !important; }       /* base: visible */
.d-xxl-block { display: none  !important; }       /* base: hidden  */
@media (min-width: 1400px) {
    .d-xxl-none  { display: none  !important; }   /* xxl+: hide */
    .d-xxl-block { display: block !important; }   /* xxl+: show */
}