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

    .page-content{
        flex-direction:column;
    }
    .search-container {
        flex-direction: column;
    }

    .search-sidebar {
        flex: 0 0 auto;
        padding-bottom: 0;
        min-height:initial;
        border: none;
        border-bottom: 1px solid #c6c6c6;
    }

    .reserve-search-box .column {
        width: 50%;
        padding: 0 5px;
    }

    #search-reservation-type {
        width: 100%;
        text-align: center;
        padding-bottom: 15px;
    }

        #search-reservation-type .button-group {
            width: 300px;
            display: inline-flex;
        }

        #search-reservation-type button {
            width: 50%;
        }

    #search-availability-btn, #search-class-availability-btn {
        width: 100%;
        margin: 15px 0;
    }

    #search-results {
        padding-left: 5px;
        /*max-height: 500px;*/
        overflow: auto;
    }

    #zoom-controls {
        top: 10px;
        left: 10px;
    }

    .reserve-search-box {
        border-bottom: none;
    }
    .reserve-search-box.collapsed form {
        display: none;
    }

    .reserve-search-box.collapsed #update-search-btn {
        display: block;
    }

    .tab-page{
        padding: 0;
    }

    .search-param-title {
        font-size: 1.2em;
    }

    .search-param-details {
        font-size: 1em;
    }

    .reserve-filter-box {
        max-height: 120px;
        overflow:auto;
    }

    .reserve-filter-box.collapsed {
        /*display: none;*/
    }

    .reserve-filter-box.collapsed .filter-apply {
        /*display: none;*/
    }

    .available-unit {
        margin: 10px 5px 15px 5px;
        border: none;
        background: white;
        box-shadow: 1px 0px 8px 0px rgba(0,0,0,0.45);
        border-radius: 3px;
        flex-direction: column;
        justify-content:stretch;
    }

    .available-unit.booked-unit{
        border-top:none;
        border-right:none;
    }

        .available-unit .unit-info {

        }

    .unavailable-unit-reason {
        font-size: 1.5em;
        padding-top: 90px;
    }

    .unavailable-unit-reason-description {
        font-size: .9em;
        max-height:none;
    }
    .unavailable-unit-reason-info {
        font-size: .9em;
    }
    /*
    .available-unit .price-details {
        font-size: .9em;
        top: 30px;
    }
    .available-unit .total-price {
        font-size: .9em;
        top: 50px;
    }
        */
    .unavailable-unit .show-unit-availability-calendar-btn {
        padding: 3px 5px;
    }

    #search-results .available-unit .unit-image {
       width: 100%;
       height:100%;
       min-height: 200px;
    }

    .available-unit .unit-name {
        font-size: 1em;
    }

    .available-unit .unit-description {
        padding-top: 5px;
        max-height:none;
/*        max-height: 150px;
        overflow:auto;*/
    }



    /**/
    .available-unit .price-details {
    }

    .available-unit .unit-price-details {
        position: relative;
        top: 5px;
        right: 0px;
        width: auto;
        display: flex;
    }

    .available-unit .total-price {
    }

    .available-unit .price-block {
        /*display: inline-block;*/
    }
    .available-unit .unit-price-details {
        padding-bottom: 0px;
        margin: 5px;
    }
    .available-unit .fee-block {
        /* display: inline-block;*/
        /* width: 150px;*/
        margin: 3px;
    }
    /**/

    .available-unit .amenity-tags {
        /*display:none;*/
        position: relative;
        top: auto;
        margin-top: 3px;
    }

    .available-unit .amenity-tags .amenity-tag {
        /*border: none;
        background: #7e7e7e;
        color: white;*/
        font-size: .8em;
    }

    .available-unit .subtotal-price {
        font-size: 1.4em;
        font-weight:bold;
    }

    .book-unit-btn {
        position: absolute;
        bottom: 0;
        right: 5px;
        display: block;
    }

    .reservation-cart {
        position:relative;
        width: 100%;
    }
        .reservation-cart.expanded {
            height: initial;
        }
    .unit-totals{
        padding: 13px 0 0;
        text-align:center;
        width: 45%;
        font-size: 1.1em;
    }
    .cart-summary .separator {
        margin: 3px 5px;
    }
    #reservation-checkout-btn {
        width: 40%;
    }

    #view-cart, #hide-cart{
        width: 15%;
        height: 100%;
        min-width: initial;
        border-right: none;
    }

    #reservation-max-units-warning {
        margin-right: 10px;
    }

    .reservation-cart-units {

    }

    .reservation-cart-unit {

    }

        .reservation-cart-unit .unit-name {
            font-size: 1.2em;
        }


    .delete-reservation-unit {

    }

    .map-unit-info {
        position: fixed;
        width: 95%;
        max-width: 400px;
    }

    #unit-availability-calendar {
        position: fixed;
        /*top: 0;*/
        /*left: 2% !important;*/
        padding: 5px;
        width: 95%;
        /*transform:translateX(0);*/
    }

        #unit-availability-calendar .day.occupied-start:after {
            width: 18px;
        }

        #unit-availability-calendar .day.occupied-end:after {
            width: 18px;
        }
}

@media screen and (max-width: 800px) {
    .reservation-cart-units-container {
        margin: 10px;
    }
}

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

    .reserve-search-box .column {
        width: 100%;
        padding: 0;
    }
}