@media (max-width: 576px) {
    .hide-text-sm {
        text-indent: -9999px; /* Ukrywa tekst */
        width: 30px; /* Ustaw szerokość na szerokość ikony */
    }
    .hide-on-sm{
        display: none;
    }
    .sm-btn{
        width:25px;
    }
}
/* Ustawienie listy poziomej */
ul.horizontal-list {
   
    padding: 0; /* Usunięcie domyślnego wcięcia */
    overflow: hidden; /* Zapewnienie, że lista pozostanie w obszarze kontenera */
}

    /* Ustawienie elementów listy jako poziomych */
    ul.horizontal-list li {
        float: left; /* Ustawienie elementów obok siebie */
        margin-right: 20px; /* Odstęp między elementami */
    }