@media only screen and (max-width: 1024px) {
    .form-control-lg {
        font-size: 0.9rem;
    }

    .search-container-search-button {
        height: 40px;
    }

    .search-container-origin-city .chosen-select, .search-container-destination-city .chosen-select {
        width: 60%;
    }

    .search-container-date-card .datepicker-container, .search-container-type-passenger .chosen-select {
        width: 50% !important;
    }

    .search-container-number-passenger input {
        right: 97px;
    }

    .search-container-number-passenger label {
        left: 23px;
    }

    .hotel-tab .chosen-select {
        width: 45%;
    }

    .hotel-count label, .night-count label {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .search-container-number-passenger input {
        right: 125px;
    }

    .search-container-number-passenger label {
        left: 50%;
    }

    .hotel-count label, .night-count label {
        width: inherit;
    }
}

@media only screen and (max-width: 426px) {
    .modal-overflow-scroll-mobile{
        overflow-y: scroll;
    }
    .search-container-exchange-location {
        right: 80% !important;
        top: -33px;
    }

    .fifteen-days-next-flights span {
        width: 100% !important;
    }

    .fifteen-days-next-flights {
        display: grid;
    }

    .next-fifteen-days-btn {
        top: -50px;
        width: 73%;
    }

    .search-container-transparent-back {
        margin-top: 50px;
    }

    /*Selection*/
    .selection-dropdown {
        position: fixed;
        top: -4px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1000;
    }

    .selection-dropdown .selection-list {
        max-height: 100%;
    }

    /*Datepicker*/
    .ui-datepicker {
        z-index: 1000 !important;
        width: 100%;
        position: fixed !important;
        top: 0 !important;
        right: 0;
        left: 0 !important;
        bottom: 0;
    }

    .ui-datepicker table {
        width: 70%;
        margin: 50% auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    #passengersModal .modal-content, #passengersModal .modal-dialog {
        position: fixed;
        /* top: 404px; */
        /* right: -102px !important; */
        /* left: 102px !important; */
        bottom: 0;
        margin: 0;
        top: 50% !important;
        transform: translate(-25%,-50%) !important;
    }

    #passengersModal .fly-details {
        line-height: 2;
    }

    #passengersModal .modal-content {
        padding-bottom: 60px;
        /* overflow-y: auto; */
        height: 100%;
    }

    #passengersModal .modal-footer {
        z-index: 3;
        background: #fff;
        
        bottom: 0;
        right: -50px;
       
    }

    #nav-tabs small {
        top: unset;
        left: unset;
        bottom: -9px;
        right: 17px;
    }

}

#passengersModal .airline-logo {
    margin-top: 0;
}

@media only screen and (max-width: 376px)  {
    .next-fifteen-days-btn {
        top: -68px;
        width: 70%;
    }
    #passengersModal .modal-content, #passengersModal .modal-dialog{
        right: -94px !important;
        top: 50% !important;
        transform: translate(-25%,-50%) !important;
    }
    .modal-overflow-scroll-mobile{
        overflow-y: scroll;
    }
}
@media only screen and (max-width: 360px)  {
    #passengersModal .modal-content, #passengersModal .modal-dialog{
        right: unset !important;
        top: 50% !important;
        transform: translate(-25%,-50%) !important;
    }
    .modal-overflow-scroll-mobile{
        overflow-y: scroll;
    }
}

@media only screen and (max-width: 321px) {
    .nav.search-container-nav-justified > li > a > svg {
        width: 70px;
        height: 70px;
    }
        
}

@media(max-width: 575px){

    .search-container-exchange-location {
        right: 47%!important;
        transform: rotate(90deg);
        top: -22px;
    }
       /* #passengersModal .modal-content, #passengersModal .modal-dialog {
        position: fixed;
        top: 404px;
        right: -93px;
        left: 0;
        bottom: 0;
        margin: 0;
    }
     */
     #passengersModal .modal-content, #passengersModal .modal-dialog {
        position: fixed;
        /* top: 404px; */
        right: -90px;
        left: 90px;
        bottom: 0;
        margin: 0;
        top: 50% !important;
        transform: translate(-25%,-50%) !important;
    }

    .footer-unordered-list li{
        display: block ruby;
    }

    .cheaper {
    margin-top: 6px !important;
    min-width: 62px;
    font-size: 6px;
    }

    .liweekday {
    min-width: 62px !important;
    }
}