@media (max-width: 991px) {
    #page-miejsca > form#rezerwacja .table {
        display: block;
        box-sizing: border-box;
    }

    #page-miejsca > form#rezerwacja .table * {
        box-sizing: border-box;
    }

    .divPozycjaCennikaHdr {
        display: none !important;
        box-sizing: border-box;
    }

    .divPozycjaCennika {
        display: flex !important;
        flex-direction: column;
        align-items: start;
        margin-top: 10px;
        border: 1px solid lightgrey;
        background-color: #f9f9f9;
        padding: 8px;
        width: 100%;
    }

    .divPozycjaCennika:before {
        content: revert;
        display: revert;
    }

    .divPozycjaCennika:first-of-type {
        margin-top: 0;
    }

    .divPozycjaCennika > div.label,
    .divPozycjaCennika > div.cena,
    .divPozycjaCennika > div.ilosc,
    .divPozycjaCennika > div.wartosc {
        border: 0 !important;
        padding: 8px !important;
        text-align: left !important;
        display: flex !important;
        white-space: wrap;
        width: 100%;
    }

    .divPozycjaCennika > div.label:before,
    .divPozycjaCennika > div.cena:before,
    .divPozycjaCennika > div.ilosc:before,
    .divPozycjaCennika > div.wartosc:before {
        display: flex;
        align-items: center;
        align-self: stretch;
        flex: 0 0 30%;
        font-weight: 600;
        min-width: 100px;
        text-align: left;
        white-space: normal;
    }

    .divPozycjaCennika > div.label:before {
        content: 'Nazwa:';
    }

    .divPozycjaCennika > div.cena:before {
        content: 'Cena:';
    }

    .divPozycjaCennika > div.ilosc:before {
        content: 'Liczba:';
    }

    .divPozycjaCennika > div.wartosc:before {
        content: 'Wartość:';
    }

}