.form-horizontal {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media screen and (min-width: 0px) {
    .form-horizontal .form-group {
        width: 49%;
    }

    th.wydzial, td.wydzial,
    th.dlugosc, td.dlugosc,
    th.termin, td.termin,
    th.rodzaj, td.rodzaj,
    th.szczegoly, td.szczegoly {
        display: none;
    }
    div.wydzial,
    div.dlugosc,
    div.termin,
    div.rodzaj,
    div.szczegoly {
        display: block;
    }
    th.toggleable, td.toggleable {
        display: table-cell;
    }
}

@media screen and (min-width: 720px) {
    .form-horizontal .form-group {
        width: 24%;
    }

    th.wydzial, td.wydzial,
    th.dlugosc, td.dlugosc,
    th.termin, td.termin,
    th.rodzaj, td.rodzaj,
    th.szczegoly, td.szczegoly {
        display: table-cell;
    }
    div.wydzial,
    div.dlugosc,
    div.termin,
    div.rodzaj,
    div.szczegoly {
        display: none;
    }
    th.toggleable, td.toggleable {
        display: none;
    }
}