﻿@media(max-width:1023px) {
    .no-display-mobile-tablet {
        display: none !important;
    }

    .top-booking-home .grid.wide {
        max-width: 100% !important;
        padding: 0 10px !important;
        padding-bottom: 42px !important;
    }

    .bottom-booking-home {
        float: unset !important;
        width: 100% !important;
        height: auto;
        padding: 12px;
    }

    .right-decor-booking-home {
        float: unset !important;
        width: 100% !important;
        padding: 0;
        margin-top: 35px;
    }

    .hour-booking-home select.HourDen {
        width: 50px !important;
    }

    .minus-booking-home select.minDen {
        width: 50px !important;
    }

    section.form-input-home {
        justify-content: unset !important;
    }

    .top-decor-name-booking img, .bottom-decor-dish-booking img {
        margin: auto;
    }

    .booking-home-container {
        height: auto;
        flex-direction: column;
    }

    section#portfolio h4 {
        font-size: 24px;
    }

    .WTopHomePortfolio span {
        width: 100%;
        font-size: 15px;
    }

    .home-booking-img {
        height: 350px;
    }
}

@media(min-width:740px) and (max-width:1023px) {
    .no-display-tablet {
        display: none !important;
    }

    .list-form-booking-home {
        display: grid !important;
        column-gap: 10px;
        row-gap: 20px;
    }

    section.form-input-home input, section.form-input-home select {
        width: 100% !important;
    }
}

@media(max-width:739px) {
    .no-display-mobile {
        display: none !important;
    }

    .button.btnBookingHome input {
        border: none;
    }

    section.form-input-home input {
        width: 100% !important;
    }

    h4.name-booking-home {
        font-size: 30px;
    }

    section.form-input-home input[type=text] {
        font-size: 16px;
    }

    section.form-input-home input::placeholder {
        color: #333333ba;
        font-size: 12px;
    }

    .list-form-booking-home {
        display: grid !important;
        column-gap: 10px;
        row-gap: 20px;
    }
}