/* =========================================================
   ringo Display Utilities (Bootstrap-like) - v1
   Prefisso: ringo-
   Breakpoints BS 5.3.x: sm 576, md 768, lg 992, xl 1200, xxl 1400
   ========================================================= */

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

/* SM ≥576px */
@media (min-width: 576px) {
  .ringo-d-sm-none { display: none !important; }
  .ringo-d-sm-block { display: block !important; }
  .ringo-d-sm-inline { display: inline !important; }
  .ringo-d-sm-inline-block { display: inline-block !important; }
  .ringo-d-sm-flex { display: flex !important; }
  .ringo-d-sm-inline-flex { display: inline-flex !important; }
}

/* MD ≥768px */
@media (min-width: 768px) {
  .ringo-d-md-none { display: none !important; }
  .ringo-d-md-block { display: block !important; }
  .ringo-d-md-inline { display: inline !important; }
  .ringo-d-md-inline-block { display: inline-block !important; }
  .ringo-d-md-flex { display: flex !important; }
  .ringo-d-md-inline-flex { display: inline-flex !important; }
}

/* LG ≥992px */
@media (min-width: 992px) {
  .ringo-d-lg-none { display: none !important; }
  .ringo-d-lg-block { display: block !important; }
  .ringo-d-lg-inline { display: inline !important; }
  .ringo-d-lg-inline-block { display: inline-block !important; }
  .ringo-d-lg-flex { display: flex !important; }
  .ringo-d-lg-inline-flex { display: inline-flex !important; }
}

/* XL ≥1200px */
@media (min-width: 1200px) {
  .ringo-d-xl-none { display: none !important; }
  .ringo-d-xl-block { display: block !important; }
  .ringo-d-xl-inline { display: inline !important; }
  .ringo-d-xl-inline-block { display: inline-block !important; }
  .ringo-d-xl-flex { display: flex !important; }
  .ringo-d-xl-inline-flex { display: inline-flex !important; }
}

/* XXL ≥1400px */
@media (min-width: 1400px) {
  .ringo-d-xxl-none { display: none !important; }
  .ringo-d-xxl-block { display: block !important; }
  .ringo-d-xxl-inline { display: inline !important; }
  .ringo-d-xxl-inline-block { display: inline-block !important; }
  .ringo-d-xxl-flex { display: flex !important; }
  .ringo-d-xxl-inline-flex { display: inline-flex !important; }
}