.tables {
    float: left;
}

@media screen and (min-width: 0px) {
    th.system, td.system,
    th.rodzaj, td.rodzaj,
    th.jezyk, td.jezyk,
    th.szczegoly, td.szczegoly {
        display: none;
    }
    div.system,
    div.rodzaj,
    div.jezyk,
    div.szczegoly {
        display: block;
    }
    th.toggleable, td.toggleable {
        display: table-cell;
    }
}

@media screen and (min-width: 600px) {
    th.system, td.system,
    th.rodzaj, td.rodzaj,
    th.jezyk, td.jezyk,
    th.szczegoly, td.szczegoly {
        display: table-cell;
    }
    div.system,
    div.rodzaj,
    div.jezyk,
    div.szczegoly {
        display: none;
    }
    th.toggleable, td.toggleable {
        display: none;
    }
}

@media screen and (min-width: 640px) {
    .dataTables_wrapper {
        margin-top: -100px;
    }
}