/* Handle Mobile View ONLY Here */
/*----------------------------- */
@media screen and (max-width: 767px) {

    div.flt-class > div.panel-default > div.panel-footer {
        padding: 10px 10px 10px 10px;
        height: auto !important;
    }

    /* Reduce white space around class band name and price but add space on the left for mobile devices */
    .class-band-name-container {
        padding: 0px 0px 0px 6px;
    }


    .class-price-container {
        padding: 0px 10px 0px 0px;
    }


    /* Make Fare panel the same width as the flight panel by adjusting the margin */
    .row {
        margin-right: -17px;
    }

    /* adjust width of spinner dialog */
    #spinnerModal .modal-dialog {
        width: 250px;
    }

}

/* ------ End of Mobile View section -------------*/