@media only screen and (max-width: 1024px) {
    .border-button {
        padding: 10px 48px !important;
    }

    .left-right-arrow {
        left: -24px;
    }
}

@media screen and (max-width:700px) and (min-width:320px) {
    #map iframe {
        width: 100% !important;
    }
    .login-tabs .login-card {
        padding-bottom: 0 !important;
    }    
    .login-tabs {
        padding-top: 6px !important;
    }
    .forgot-password {
        height: auto !important;
    }
    .forgot-password .login-card {
        padding-bottom: 0 !important;
    }
    a#navbarDropdown {
        padding-left: 10px !important;
        padding-top: 0 !important;
    }
    .roewss {
        width: 100% !important;
        margin: 0 auto !important;
    }
    ul.header-menu.navbar-nav.header-menu-lg.me-auto.mb-2.mb-lg-0 {
        margin-bottom: 0 !important;
    }
    .card.ss table tbody tr td {
        width: 345px !important;
        max-width: 137px !important;
        min-width: 150px !important;
        font-size: 14px !important;
    }
    .contact .contact-form-div {
        padding: 0 !important;
    }
    body .contact input.form-control {
        height: 44px !important;
    }
    .nav_header_main li.nav-item {
        margin-left: 0 !important;
    }
    .search_btn {
        margin: 10px 0px 10px 10px !important;
        border-radius: 10px !important;
        font-size: 16px !important;
        padding: 10px !important;
    }
    .new-radio {
        justify-content: center !important;
    }
    
    
    .faq-accordion-div {
        margin: 0 !important;
    }
    p.duis {
        font-size: 30px !important;
        padding-top: 0 !important;   
    }
    .faq .freque-que h1 {
        font-size: 30px !important;
        padding: 40px 0 36px 0 !important;
    }
    .faq p.first-que {
        font-size: 16px !important;
    }
    .faq p.first-num {
        padding-left: 0 !important;
        font-size: 30px !important;
    }
}

@media only screen and (max-width: 768px) {
    .search-btn {
        padding-bottom: 15px;
    }
    .border-button {
        padding: 10px 20px !important;
    }

    .date-picker-div .date-picker {
        width: 51% !important;
        top: 5rem;
    }

    .return-div_hotel {
        margin-top: 20px;
        padding: 10px 0px 0px 10px;
        margin-right: 0px;
    }

    .departure-div {
        margin-top: 20px;
        padding: 0 11px;
    }
    /* .return-div {
        margin: 0 10px;
    } */

    .mytext-div {
        width: 100%;
    }

    .review__cards_chain {
        margin-top: 20px;
    }

    .review-detail-card-div {
        height: 500px;
        padding: 0px 16px;
    }

    .next_button_pay {
        margin-top: 20px;
    }

    .review-cards {
        min-height: auto;
        padding-bottom: 0px;
    }

    .hotel-search_btn {
        border-radius: 6px;
    }

    .date-picker-div .date-picker-input {
        width: 51% !important;
        top: 5rem;
    }

    .date__travel {
        border-left: none;
        padding-left: 10px;
    }

    .insterstedd img {
        height: 300px;
    }

    .left_first_div p {
        font-size: 16px;
    }

    .left-right-arrow {
        left: 1rem;
        /* top: 4rem; */
        top: 80px;
    }

    .removeButton__div {
        margin-top: 40px;
    }

    .append__date .departure-div {
        margin-top: 0px;
    }

    .mytext {
        width: 51%;
    }

    .textmy {
        left: 19rem;
        width: 50%;
    }

    .search_btn_col {
        border-left: 1px solid #7e797912;
    }

    .search_btn {
        border-radius: 6px 6px;
    }

    .select2-dropdown {
        width: 255px !important;
    }

    .left_first_div h1 {
        font-size: 50px;
        line-height: 66.5px;
        margin: 0;
    }
    .middle-main-div {
        height: auto !important;
        padding: 0px 10px 0px 10px;
    }
}

@media only screen and (max-width: 576px) {
    .traveller {
        margin: 0 10px;
    }
    .selectflight {
        width: 100%;
        padding-bottom: 9px;
    }
    .showdetails {
        text-align: center;
    }
}
@media only screen and (max-width: 480px) {
    .date-picker-div .date-picker {
        width: 100% !important;
        top: 12.3rem;
    }

    /* .tabs-nav li.active {
        background: #f6f6f6;
        color: #000;
        border-color: #ff8900;
        border-radius: 20px 20px 20px 20px;
        margin-right: -1px;
        position: relative;
        margin-bottom: 50px;
    } */

    .dummy-tickets-card-rating .hearts-div {
        padding-right: 7px;
    }

    .div-from {
        padding: 10px 0px 0px 5px;
    }

    .dummy-tickets-card-rating .heart-rating {
        overflow-x: auto;
    }

    #stripe-card-element {
        display: contents;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .append__textmy {
        position: absolute;
        width: 100%;
        top: 5rem;
        left: 0rem;
        height: 90px;
    }

    .append__textmy .form-control {
        width: 100%;
    }

    .append_mytext {
        position: absolute;
        width: 100%;
        top: 0px;
        left: 0px;
    }

    .append__mytext .form-control {
        width: 100%;
    }

    .reserv-code {
        width: auto;
    }

    .dummy-div {
        width: auto;
    }

    .tab-div {
        width: auto;
    }

    .second__container {
        padding: 0px;
    }

    .review__cards_chain {
        margin-top: 20px;
    }

    .departure-div {
        padding: 10px 0px 0px 10px;
        /* margin-right: 10px; */
    }

    .append_div .departure-div {
        padding: 0px 0px 0px 0px;
        margin-right: 0px;
    }

    .date-picker-div .date-picker-input {
        width: 100% !important;
        top: 6.5rem;
    }

    .hotel-search_btn {
        margin: 10px 0px 10px 0px;
        border-radius: 10px !important;
    }

    .hotel_contain_class {
        padding: 0px;
    }

    .mytext {
        width: 100%;
    }

    .textmy {
        left: 0rem;
        width: 100%;
        top: 7rem;
    }

    .search-btn {
        margin-top: 25px;
    }

    #flight-return-date .date-picker-div .date-picker {
        width: 100% !important;
        top: 17.6rem;
    }
}

@media only screen and (max-width: 425px) {
    a.nav-link.header-menu.active:after {
        left: 0px !important;
    }

    .login-button {
        margin-top: 10px !important;
        margin-left: 0px !important;
    }

    .first_section {
        margin-top: 50px;
    }

    .second_section .nav-tabs {
        margin: 0px 20px;
    }

    .second_section .nav-link {
        font-size: 16px;
        padding: 8px 12px !important;
    }

    .left_first_div h1 {
        font-size: 40px;
        line-height: 50.4px;
        padding-top: 20px;
    }

    .new-radio form {
        display: block !important;
    }

    .to-div {
        padding: 10px 0px 0px 10px;
    }

    .from-div {
        padding: 10px 0px 0px 10px;
    }

    /* .departure-div {
        padding: 10px 10px 0px 10px;
        margin-right: 10px;
    } */

    .return-div {
        padding: 10px 10px 10px 10px;
        /* margin-right: 10px; */
    }

    .traveller {
        /* padding: 10px 0px 0px 10px; */
    }

    .search_btn {
        margin: 10px 0px 10px 10px;
        border-radius: 10px !important;
    }

    .hotel-search_btn {
        margin: 10px 0px 10px 10px;
        border-radius: 10px !important;
    }

    .newclass {
        display: none;
    }

    .border-button {
        padding: 10px 30px 10px 30px;
    }

    .middle-main-div {
        height: auto !important;
        /* padding: 10px; */
    }
}

@media only screen and (max-width: 375px) {
    a.nav-link.header-menu.active:after {
        left: 0px !important;
    }

    .insterstedd img {
        height: 300px;
    }

    .login-button {
        margin-top: 10px !important;
        margin-left: 0px !important;
    }

    .first_section {
        margin-top: 50px;
    }

    .second_section .nav-tabs {
        margin: 0px 20px;
    }

    .second_section .nav-link {
        font-size: 16px;
        padding: 8px 12px !important;
    }

    .left_first_div h1 {
        font-size: 40px;
        line-height: 50.4px;
        padding-top: 20px;
    }

    .new-radio form {
        display: block !important;
    }

    .to-div {
        padding: 10px 0px 0px 10px;
    }

    .from-div {
        padding: 10px 0px 0px 10px;
    }

    /* .departure-div {
        padding: 10px 10px 0px 10px;
        margin-right: 10px;
    } */

    .return-div {
        padding: 10px 10px 10px 10px;
        /* margin-right: 10px; */
    }

    .traveller {
        padding: 10px 0px 0px 10px;
        margin: 0;
    }

    .search_btn {
        margin: 10px 0px 10px 10px;
        border-radius: 10px !important;
    }

    .hotel-search_btn {
        margin: 10px 0px 10px 10px;
        border-radius: 10px !important;
    }

    .newclass {
        display: none;
    }

    .border-button {
        padding: 10px 20px 10px 20px;
    }

    .middle-main-div {
        height: auto !important;
    }
}

@media only screen and (max-width: 320px) {
    a.nav-link.header-menu.active:after {
        left: 0px !important;
    }

    .login-button {
        margin-top: 10px !important;
        margin-left: 0px !important;
    }

    .first_section {
        margin-top: 50px;
    }

    .second_section .nav-tabs {
        margin: 0px 20px;
    }

    .second_section .nav-link {
        font-size: 12px;
        padding: 8px 12px !important;
    }

    .left_first_div h1 {
        font-size: 40px;
        line-height: 50.4px;
        padding-top: 20px;
    }

    .new-radio form {
        display: block !important;
    }

    .to-div {
        padding: 10px 0px 0px 10px;
    }

    .from-div {
        padding: 10px 0px 0px 10px;
    }

    /* .departure-div {
        padding: 10px 10px 0px 10px;
        margin-right: 10px;
    } */

    .return-div {
        padding: 10px 10px 10px 10px;
        margin-right: 10px;
    }

    .traveller {
        padding: 10px 0px 0px 10px;
        margin: 0;
    }

    .search_btn {
        margin: 10px 0px 10px 0px;
        border-radius: 10px !important;
    }

    .hotel-search_btn {
        margin: 10px 0px 10px 0px;
        border-radius: 10px !important;
    }

    .newclass {
        display: none;
    }

    .border-button {
        padding: 6px 5px 6px 5px;
    }

    .middle-main-div {
        height: auto !important;
    }
}