/*-------------------[1100px]------------------*/

@media only screen and ( max-width: 1100px) {
    .wpbc .calendar .cell-2.free {
        font-size: 0.8em;
    }
}

/*-------------------[900px]------------------*/

@media only screen and ( max-width: 900px) {
    .wpbc .calendar .cell-2.free {
        font-size: 0.7em;
    }
    .wpbc .calendar .cell.free {
        font-size: 0.7em;
    }
}

/*-------------------[480px]------------------*/

@media only screen and ( max-width: 767px) {
    .wpbc .calendar .calendar-title a .mobile {
        display: block;
    }
    .wpbc .calendar .calendar-title a.loading-message {
        color: #2e2e2e;
    }
    .wpbc .calendar .calendar-title a .desktop {
        display: none;
    }
    .wpbc .calendar .calendar-title a.first, .wpbc .calendar .calendar-title a.last, .wpbc .calendar .calendar-title span.first, .wpbc .calendar .calendar-title span.last {
        width: 3%;
    }
    .wpbc .calendar .calendar-title p {
        width: 86%;
    }
    .wpbc .calendar .calendar-weekdays {
        display: none;
    }
    .wpbc .calendar .column.timeline .cell.head .desktop {
        display: none;
    }
    .wpbc .calendar .column.timeline .cell.head .mobile {
        display: block;
    }
    .wpbc .calendar .column.timeline .cell.head {
        font-size: 0.7em;
        line-height: 1.4em;
    }
    .fa {
        font-size: 1.2em !important;
    }
    .wpbc .calendar .cell.empty {
        text-indent: 100%;
    }
    .wpbc .calendar .cell.closed {
        text-indent: 100%;
    }
    .wpbc .calendar .cell.free {
        font-size: 0.8em;
    }
    .wpbc .calendar .cell.reserved {
        font-size: 0.9em;
    }
    .wpbc .calendar .cell.head {
        font-size: 0.9em;
    }
    .wpbc .calendar .cell.head .mobile {
        display: block;
    }
    .wpbc .calendar .cell.head .desktop {
        display: none;
    }
    .wpbc .booking .form-element label {
        width: 100%;
    }
    .wpbc .booking .form-element .input-element {
        width: 100%;
    }
    .wpbc .booking .form-element .input-element ul li {
        width: 50%;
    }
    .wpbc .booking .form-element .input-element .inner-group {
        width: 100%;
    }
    .wpbc .booking #discount_code_button, .wpbc .booking #voucher_amount_button {
        float: left;
        margin-bottom: 5px;
        margin-top: 10px;
    }
    .wpbc .booking #discount_code, .wpbc .booking #voucher_amount {
        width: 100%;
    }
}

/*-------------------[320px]------------------*/

@media only screen and ( max-width: 479px) {
    .wpbc .calendar .calendar-title p {
        font-size: 11px;
    }
    .wpbc .calendar .calendar-title p span {
        margin-left: 5px;
    }
    .fa {
        font-size: 0.7em !important;
    }
    .wpbc .calendar .cell.free {
        font-size: 0.6em;
    }
    .wpbc .calendar .cell.reserved {
        font-size: 0.6em;
    }
    .wpbc .calendar .cell.head {
        font-size: 0.6em;
    }
    .wpbc .calendar .cell-container .fa {
        font-size: 1em !important;
    }
    .wpbc .calendar .cell-2.free, .wpbc .calendar .cell-2.reserved {
        font-size: 0.6em;
    }
}

/*-------------------[<320px]------------------*/

@media only screen and ( max-width: 319px) {
    .wpbc .calendar .cell-2.free, .wpbc .calendar .cell-2.reserved {
        font-size: 0.4em;
    }
}