@media (min-width: 480px) and (max-width: 768px) {
    .reservation-block .column-item {
        -o-transition: all 0.2s ease-in-out;
        -moz-transition: all 0.2s ease-in-out;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        -o-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
        -webkit-transform-origin: 0 100%;
        -ms-transform-origin: 0 100%;
        transform-origin: 0 100%;
        opacity: 1;
        width: 100%;
    }

    .reservation-block .hidden{
        -o-transform: scaleX(0);
        -ms-transform: scaleX(0);
        -moz-transform: scaleX(0);
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        width: 0;
        display:block !important;
        opacity: 0;
    }
}

.main .reservations-field .reservations-table-wrapper .day-reservations-table td .day-reservations-table-area td a {
    z-index: 2;
    display: inline;
    width: 100%;
}

.main .reservations-field .reservations-table-wrapper .day-reservations-table td .day-reservations-table-area td .period-time-button a {

    display: inline-block;
}