/* Mobiles in Potrait mode */
@media only screen and (max-width : 320px) {
}

/* Mobiles in landscape mode */
@media only screen and (min-width : 321px) and (max-width : 480px) {

}

@media only screen and (max-width : 768px) {

    #datepicker {
      top: 100%;
      bottom: initial;
    }

    .button_mobile {
        display: block;
        padding: 0;
        left: 0;
		bottom: 0;
    }

    .button_mobile>button {
        padding: 20px;
        color: #FFF;
        background: #69be28;
	}

    .bookingBlock form#adoraForm {
        display: none;
    }

    .section_top_booking_form {
        top: 0;
        position: relative;
    }

    .bookingBlock #adoraForm.mobile_style {
        position: fixed;
        display: block;
        top: 100%;
        width: 100%;
        transition: all .2s;
        opacity: 0;
        z-index: 1000;
        margin-top: initial;
    }

    #adoraForm .booking-element:last-child {
      margin-top: 5vh;
    }

    .bookingBlock #adoraForm.mobile_style.mobile_on {
        top: 0;
        left:0;
        opacity: 1;
        padding-top: 6vh;
    }

    .bookingBlock #adoraForm.mobile_style.mobile_on h3 span {
      color: #777;
    }

    #theme-page.mobile_on {
        z-index: 12;
    }

    #adoraForm .booking-element {
        padding-left: 0;
    }

    .booking-element-innner,
    .booking-element-modal-innner {
        padding-left: 15px;
        padding-right: 15px;
    }

    header.mobile_on {
        z-index: 11;
        position: inherit;
    }

    .close_booking {
        text-align: right;
        padding: 15px 30px 15px 15px;
        float: right;
        height: 35px;
        cursor: pointer;
        font-size: 3vh;
    }

    .titlemoda_booking {
        float: left;
        padding-left: 15px;
        padding-top: 15px;
    }

    .close_booking,
    .titlemoda_booking {
        display: block;
    }

    .booking-form-button {
        padding: 15px 0;
        margin-top: 15px;
    }

    #adoraForm {
        overflow: auto;
        background: white;
    }

    #guests {
        position: static;
        display: block;
    }

    #guestsInputs {
        position: static;
        margin-top: 12px;
        border: none;
        padding: 0;
    }
    header {
        z-index: 10;
    }
    .bookingBlock form#adoraForm {
    	background: #fff;
    }
}

/* Tablets */
@media only screen and (min-width : 768px) and (max-width : 1140px) {
}

/* Desktops and laptops computers */
@media only screen and (min-width : 1224px) {
}

/* very large screen devices */
@media only screen and (min-width : 1824px) {
}

/* For print */
@media print {
}