/* Základní skrytí pro všechny velikosti - nastavíme jako výchozí */
.show-on-xs, .show-on-sm, .show-on-md, .show-on-lg, .show-on-xl {
    display: none !important;
}

/* Zobrazení na extra malých zařízeních (mobilní telefony v portrétovém režimu) */
@media (max-width: 575.98px) {
    .show-on-xs {
        display: block !important;
    }
}

/* Zobrazení na malých zařízeních (mobilní telefony v krajinovém režimu, malé tablety) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .show-on-sm {
        display: block !important;
    }
}

/* Zobrazení na středních zařízeních (tablety, malé desktopy) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .show-on-md {
        display: block !important;
    }
}

/* Zobrazení na velkých zařízeních (desktopy) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .show-on-lg {
        display: block !important;
    }
}

/* Zobrazení na extra velkých zařízeních (velké desktopy) */
@media (min-width: 1200px) {
    .show-on-xl {
        display: block !important;
    }
}