@media (max-width: 768px) {

    /* Przycisk nawigacji do grup */

    .btn-group .btn {

        flex: 1 1 100%; /* Przycisk zajmuje całą szerokość na małych ekranach */

        margin-bottom: 5px; /* Dodanie odstępu między przyciskami */

    }

    .btn-group {

        flex-direction: column; /* Układ przycisków w kolumnie */

        align-items: center;

    }



    /* Tabela wyników - responsywność */

    .table-responsive {

        display: block;

        width: 100%;

        overflow-x: auto;

        -webkit-overflow-scrolling: touch; /* Płynne przewijanie na urządzeniach mobilnych */

    }



    .table thead,

    .table tbody {

        display: block;

    }



    .table tbody tr {

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }



    .table td,

    .table th {

        width: 100%;

        text-align: center;

    }



    /* Poprawka dla przycisków w tabelce */

    .table .btn-group {

        width: 100%;

        display: flex;

        justify-content: center;

    }



    .table .btn-group .btn {

        flex: 1;

        margin: 2px;

    }



    /* Karty grup - responsywność */

    .card {

        margin-bottom: 20px; /* Odstęp między kartami */

        width: 100%; /* Karta zajmuje całą szerokość */

    }



    .card-header h5 {

        font-size: 1.2rem; /* Zmniejszenie rozmiaru nagłówka */

    }

}