/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
    div.reservation-form {
        overflow: auto;
        position: relative;
        height: auto;
        margin: 0;
        width: 100%;
    }
    .hotel.ui-widget, div.passengers, #reservation-date, div.button {
        position: static;
        margin-top:10px;
    }
    input.myButton {
        padding-left: 12px;
        padding-right: 12px;
    }
    div.hotel, #date, div#reservation-date, div.passengers {
        width: 100%;
    }
    .passengers select, .passengers select option {
        line-height: 34px;
        height: 34px;
        width: 100%;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    }
    .table_container {
        overflow-x: auto !important;
        background: #f6f6f6;
        margin-top:15px;
    }
    table#table_rates {
        margin: 11px 0 16px 0;
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {

}