/* ============================================
   font-size: smaller — Ranges (from / to)
   Bootstrap 5.3.8 Breakpoints
   ============================================ */

/* Всегда */
.fs-smaller {
    font-size: smaller;
}

/* xs → sm  (0 — 575.98px) */
@media (max-width: 575.98px) {
    .fs-smaller-xs-sm { font-size: smaller; }
}

/* xs → md  (0 — 767.98px) */
@media (max-width: 767.98px) {
    .fs-smaller-xs-md { font-size: smaller; }
}

/* xs → lg  (0 — 991.98px) */
@media (max-width: 991.98px) {
    .fs-smaller-xs-lg { font-size: smaller; }
}

/* xs → xl  (0 — 1199.98px) */
@media (max-width: 1199.98px) {
    .fs-smaller-xs-xl { font-size: smaller; }
}

/* xs → xxl (0 — 1399.98px) */
@media (max-width: 1399.98px) {
    .fs-smaller-xs-xxl { font-size: smaller; }
}

/* sm → md  (576px — 767.98px) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .fs-smaller-sm-md { font-size: smaller; }
}

/* sm → lg  (576px — 991.98px) */
@media (min-width: 576px) and (max-width: 991.98px) {
    .fs-smaller-sm-lg { font-size: smaller; }
}

/* sm → xl  (576px — 1199.98px) */
@media (min-width: 576px) and (max-width: 1199.98px) {
    .fs-smaller-sm-xl { font-size: smaller; }
}

/* sm → xxl (576px — 1399.98px) */
@media (min-width: 576px) and (max-width: 1399.98px) {
    .fs-smaller-sm-xxl { font-size: smaller; }
}

/* md → lg  (768px — 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .fs-smaller-md-lg { font-size: smaller; }
}

/* md → xl  (768px — 1199.98px) */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .fs-smaller-md-xl { font-size: smaller; }
}

/* md → xxl (768px — 1399.98px) */
@media (min-width: 768px) and (max-width: 1399.98px) {
    .fs-smaller-md-xxl { font-size: smaller; }
}

/* lg → xl  (992px — 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .fs-smaller-lg-xl { font-size: smaller; }
}

/* lg → xxl (992px — 1399.98px) */
@media (min-width: 992px) and (max-width: 1399.98px) {
    .fs-smaller-lg-xxl { font-size: smaller; }
}

/* xl → xxl (1200px — 1399.98px) */
@media (min-width: 1200px) and (max-width: 1399.98px) {
    .fs-smaller-xl-xxl { font-size: smaller; }
}

/* Только от breakpoint и выше */

/* sm → ∞ (≥576px) */
@media (min-width: 576px) {
    .fs-smaller-sm { font-size: smaller; }
}

/* md → ∞ (≥768px) */
@media (min-width: 768px) {
    .fs-smaller-md { font-size: smaller; }
}

/* lg → ∞ (≥992px) */
@media (min-width: 992px) {
    .fs-smaller-lg { font-size: smaller; }
}

/* xl → ∞ (≥1200px) */
@media (min-width: 1200px) {
    .fs-smaller-xl { font-size: smaller; }
}

/* xxl → ∞ (≥1400px) */
@media (min-width: 1400px) {
    .fs-smaller-xxl { font-size: smaller; }
}