@media (min-width: 1000px) {
.latepoint-w .latepoint-booking-form-element .latepoint-form-w {
    flex: 0 0 600px !important;
    width: 600px;
    background-color: #fff;
    border-radius: 0px 0px 0px 0px;
    position: relative;
    z-index: 99;
}

.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-three .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-three .lp-option {
    flex: 0 0 40%;
}

.latepoint-w .latepoint-booking-form-element .latepoint-form-w .latepoint-body {
    padding: 20px 40px 40px 40px;
    flex: 1;
    overflow-y: scroll;
    transition: all 0.2s ease;
    position: relative;
    min-height: 200px;
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-name, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w .os-item-name {
    font-weight: 600;
    font-size: 14px;
    display: block;
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i {
    padding-left: 42px;
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w .os-item-price, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w .os-item-price {
    display: block;
    color: var(--latepoint-brand-primary);
    line-height: 1.1;
    font-weight: 600;
    font-family: "latepoint", "SF Mono", SFMono-Regular, ui-monospace, "DejaVu Sans Mono", Menlo, Consolas, monospace;
    font-size: 16px;
}

.latepoint-w .latepoint-booking-form-element .latepoint-side-panel {
    flex: 0 0 225px;
    width: 224px;
    background-color: var(--latepoint-side-panel-bg);
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    padding: 40px 30px 25px 30px;
    text-align: center;
    display: flex
;
    flex-direction: column;
    justify-content: space-between;
    border-radius: 0px 0px 0px 0px;
    position: relative;
}
}


@media (max-width: 800px) {

.latepoint-w .latepoint-booking-form-element .lp-options.lp-options-grid.lp-options-grid-three .lp-option, .latepoint-w .latepoint-transaction-payment-form .lp-options.lp-options-grid.lp-options-grid-three .lp-option {
    flex: auto;
    max-width: 140px;
}
.latepoint-w .latepoint-booking-form-element .lp-options .lp-option .lp-option-label, .latepoint-w .latepoint-transaction-payment-form .lp-options .lp-option .lp-option-label {
    font-weight: 600;
    color: var(--latepoint-body-color);
    font-size: 13px;
    padding: 10px;
}

.item-quantity-selector-w {
    display: flex;
    align-items: center;
    margin-left: 15px;
    flex-direction: column-reverse;
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.os-allow-multiselect .os-item-i, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.os-allow-multiselect .os-item-i {
    padding-left: 30px;
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-img-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-img-w {
    flex: 0 0 45px;
    height: 45px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
    margin-right: 0px;
    display: block;
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item.with-description .os-item-name-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item.with-description .os-item-name-w {
    padding: 0px 4px;
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-price-w, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-price-w {
    border-left: 0px solid rgba(0, 0, 0, 0.05);
    padding-left: 0px;
    margin-left: 0px;
    text-align: center;
    display: block;
}

.latepoint-w .latepoint-booking-form-element .os-items .os-item .os-item-i .os-item-name-w .os-item-name, .latepoint-w .latepoint-transaction-payment-form .os-items .os-item .os-item-i .os-item-name-w .os-item-name {
    font-weight: 600;
    font-size: 14px;
    display: block;
}
}