@media (min-width: 320px) and (max-width: 767px) {
   .modal.fade.show, .modal-backdrop {
        display: none !important;
    }
    
    section.hero-wrapper.hero-wrapper2 .hero-content.pb-5 {
        display: none;
    }
    form.search-one.form .btn-box {
        position: unset;
    }
    form.search-one.form .row {
        padding-right: initial;
    }
    header.header-area .logo img {
        width: 100%;
        max-width: 180px;
    }
    .hero-box {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .fixed-nav .header-menu-wrapper {
        z-index: 9;
    }
    .ui-datepicker table {
        background-color: #fff;
    }
    a.down-button {
        display: none;
    }
    form.search-one.form .btn-box button.theme-btn {
        width: 100%;
    }
    .main-menu-content ul li .dropdown-menu-item {
        height: auto;
    }
    section.sitemap-page-sec ul li {
        width: 50%;
    }
    .breadcrumb-list.text-right {
        text-align: center !important;
    }
    .section-tab .nav-tabs .nav-item {
        margin-bottom: 0;
    }
    .footer-area .row .responsive-column:nth-child(2),
    .footer-area .row .responsive-column:nth-child(3) {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .grid-view-list.grid-view-list-3 li {
        width: 100%;
    }
    .search-fields-container {
        padding: 10px;
    }
    form.search-one.form .form-group {
        margin-bottom: 0;
    }
    .flt-srch {
        margin-top: 8px !important;
    }
    .presnt-guest .psg_dls {
        width: 100%;
    }
    .presnt-guest .psg_dls .pass_bx .input-group {
        width: 42%;
    }
    .presnt-guest .psg_dls label {
        margin: 0 !important;
    }
    .presnt-guest .psg_dls .form-group {
        margin-bottom: 6px !important;
    }
    .row.hhtrls {
        text-align: center;
    }
    .row.hhtrls a {
        width: auto;
        padding: 6px 20px;
    }
    .presnt-guest .psg_dls .pass_bx {
        padding: 0;
    }
    .presnt-guest .psg_dls .form-group {
        padding: 0 !important;
    }
    .presnt-guest .psg_dls .pass_bx a.btn {
        padding: 6px 10px !important;
    }
    .htl .presnt-guest .psg_dls .pass_bx {
        padding: 0 15px;
    }
    /*section.hero-wrapper.hero-wrapper2.all-airlines {*/
    /*    display: none;*/
    /*}*/
    .abt-img {
        float: unset;
        width: 100%;
    }
}
@media (min-width: 767px) {
    .modal-backdrop.show,
    div#myModal,
    .modal-backdrop.fade.in,
    a.close-all2.top-close-number-box,
    .d-sm-none {
        display: none !important;
    }
    .modal-open {
        overflow: auto !important;
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    .bg_dark_box {
        width: 100% !important;
    }
    .bg_dark_box {
        position: unset !important;
    }
    .call-now2 span {
        animation: unset !important;
    }
    .footer ~ div {
        display: none;
    }
    .fixed-position {
        display: none !important;
    }
    .call-icon,
    .call-icon2 {
        border-radius: 50% !important;
    }
    .call-icon2 i {
        transform: unset !important;
        animation: dula 2s linear infinite;
    }
    a.close-all2 {
        display: block;
    }
    div#myModal {
        overflow: hidden !important;
    }
    section.banner-view {
        padding-top: 5vh;
    }
    body.homepage.modal-open {
        overflow: hidden !important;
    }
    .pop-up-content-box img.logo-img {
        width: 100%;
        max-width: 240px !important;
        object-fit: contain;
        margin-bottom: 5px;
    }
    .bg_dark_box.pop-up-content-box {
        margin: 0vh auto;
        text-align: center;
        padding: 0px;
    }
    .d-sm-none.pop-up-new-sec .container {
        padding: 0px;
    }
    section.banner-view.banner-view-mobile-sec {
        text-align: center;
        background: transparent;
        height: 100vh !important;
        margin-top: 6vh;
    }
    .toll_booking {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        margin: 2vh 0;
    }
    .list_ii li {
        font-size: 3vw;
        list-style: none;
        color: var(--background);
    }
    .list_ii h4 {
        font-size: 11vw !important;
        text-align: center;
        font-weight: 500;
        margin: 0 0 10px 0;
        border-top: 1px solid var(--background);
        padding-top: 10px;
    }
    .banner_number p {
        font-size: 7vw;
        padding: 3vw;
        border-radius: 2vw;
        font-weight: 500;
        margin: 0;
    }
    .call-icon2 {
        background: #fff;
        width: 55px;
        height: 55px;
        text-align: center;
        line-height: 68px;
        border-radius: 30px;
        margin-right: 7px;
    }
    .call-icon2 i {
        font-size: 30px;
    }
    .modal-open .modal .modal-dialog .modal-content button.close {
        background: transparent !important;
        color: var(--background) !important;
        font-size: 37px;
        font-weight: 100;
    }
    .pop-up-content-box img {
        height: unset !important;
        width: 100%;
    }
    .bg_dark_box.pop-up-content-box h1 {
        font-size: 22px;
        line-height: 32px;
        color: #000;
        font-weight: 500;
        animation: dula 2s linear infinite;
        margin-bottom: 10px;
    }
    ul.list-view-items {
        list-style-type: none;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        justify-content: space-between;
    }
    ul.list-view-items li {
        color: #fff;
        width: 49%;
        text-align: center;
        font-size: 14px;
        line-height: 26px;
        font-weight: 500;
        background: var(--background) !important;
        margin-bottom: 10px;
        padding: 5px 0px;
        border-radius: 25px;
    }
    .bg_dark_box.pop-up-content-box img.calling-cus-img {
        width: 100%;
        max-width: 110px;
        border-radius: 50%;
        height: 110px !important;
        border: 3px solid var(--background);
        margin-top: 25px;
    }
    .bg_dark_box.pop-up-content-box {
        width: 100%;
    }
    a.close-all {
        display: block;
    }
    .bg_dark_box.pop-up-content-box a.close-all.close-airline-btn-cus {
        display: block;
    }
    .bg_dark_box.pop-up-content-box a.close-all.close-airline-btn-cus .mobile-main {
        padding: 5vh 3vw !important;
        border-radius: 30px 30px 0 0;
    }
    .bg_dark_box.pop-up-content-box a.close-all.close-airline-btn-cus p {
        font-size: 16px;
        color: #fff;
    }
    .bg_dark_box.pop-up-content-box .call-now3 {
        margin: 0 0 0 0px;
        text-align: center;
    }
    .bg_dark_box.pop-up-content-box .call-now3 span {
        font-size: 6vw;
        color: #fff;
        font-weight: normal;
        background: var(--background);
        padding: 7px 20px;
        border-radius: 15px;
        display: flex;
        align-items: center;
        margin-top: 0px;
    }
    .call-now3 i.fa.fa-phone {
        background-color: #fff;
        color: var(--background);
        padding: 10px;
        margin-right: 10px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mobile-popup2 .call-now2 span {
        font-family: system-ui;
    }
    @keyframes dula {
        from {
            opacity: 0.5;
        }
        50% {
            opacity: 0;
        }
        70% {
            opacity: 0.7;
        }
        to {
            opacity: 1;
        }
    }
    .pop-up-new-sec ~ div,
    .d-sm-none.pop-up-new-sec ~ footer,
    .d-sm-none.pop-up-new-sec ~ section {
        display: none;
    }
    button.close {
        position: absolute;
        right: 10px;
        top: 0px;
        color: #000;
        opacity: 1;
        font-weight: 500;
        font-size: 35px;
        z-index: 9999999;
    }
    .d-sm-none.pop-up-new-sec .call-now3 {
        margin: 0;
        text-align: center;
        display: flex;
        justify-content: center;
    }
    .d-sm-none.pop-up-new-sec p {
        font-size: 4vw;
        color: #000;
        line-height: 2;
        margin-top: 15px;
        margin-bottom: 5px;
        padding-bottom: 0;
        text-align: center;
    }
    .d-sm-none.pop-up-new-sec a {
        display: inline-block;
        margin: 20px auto auto;
    }
    .modal-body {
        height: 100vh !important;
    }
    a.close-all2.top-close-number-box {
        display: block;
    }
    .mobile-main,
    .mobile-main2 {
        padding: 2vh 3vw !important;
    }
    section.banner-view.banner-view-mobile-sec i.fa.fa-phone {
        -webkit-animation: coccoc-alo-circle-img-anim 1s infinite ease-in-out;
    }
    @-webkit-keyframes coccoc-alo-circle-img-anim {
        0% {
            transform: rotate(0) scale(1) skew(1deg);
        }
        10% {
            transform: rotate(-25deg) scale(1) skew(1deg);
        }
        20% {
            transform: rotate(25deg) scale(1) skew(1deg);
        }
        30% {
            transform: rotate(-25deg) scale(1) skew(1deg);
        }
        40% {
            transform: rotate(25deg) scale(1) skew(1deg);
        }
        50% {
            transform: rotate(0) scale(1) skew(1deg);
        }
        100% {
            transform: rotate(0) scale(1) skew(1deg);
        }
    }
    section.banner-view.banner-view-mobile-sec img {
        height: auto;
        width: 100%;
    }
    section.banner-view.banner-view-mobile-sec img.logo-img {
        max-width: 240px;
        margin-bottom: 10px;
    }
    section.banner-view.banner-view-mobile-sec .col-md-4.bg_dark_box {
        padding: 15px 0px 18px;
        margin: 3vh auto;
    }
    .banner-view.banner-view-mobile-sec h1.f_hing {
        color: #000;
        font-size: 7vw;
        letter-spacing: unset !important;
    }
    section.banner-view.banner-view-mobile-sec img.logo-img {
        height: auto;
        max-width: 240px;
    }
    a.close-all2.top-close-number-box .mobile-main2 {
        padding: 2vh 3vw !important;
    }
    .mobile-main2 {
        position: fixed;
        bottom: unset;
        top: 0;
        z-index: 999;
        width: 100%;
        background: var(--background) !important;
        padding: 2vh 3vw !important;
    }
    .mobile-popup2 {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .call-icon2 {
        background: #fff;
        width: 55px;
        height: 55px;
        text-align: center;
        line-height: 68px;
        border-radius: 30px;
    }
    .call-now2 span {
        font-size: 7vw !important;
        color: #fff;
        font-weight: normal;
    }
    :root {
        --background: #287dfa;
        --color: #fff;
        --form: #231f20d4;
    }
    .deal-card .price-box .price__num {
        color: var(--background);
    }
    .banner_number p {
        background-color: var(--background);
        color: var(--color);
    }
    .list_ii h4 {
        color: var(--background);
    }
    .mobile-main,
    .mobile-main2 {
        background: var(--background) !important;
    }
    .call-icon2 i {
        color: var(--background) !important;
    }
    .call-icon i {
        color: var(--background) !important;
    }
    .mobile-main,
    .mobile-main2 {
        padding: 2vh 3vw !important;
    }
    .call-now p,
    .call-now2 p {
        font-size: 3vw !important;
    }
    .call-now span,
    .call-now2 span {
        font-size: 7vw !important;
    }
    .header-top-area.header-3 {
        display: none;
    }
    .tab-search.tab-search-long.tab-search-default {
        background: var(--background);
    }
    .tab-search-default .tab-btn-wrapper .tab-btn.active {
        background: var(--background);
    }
    .deal-title.cust__deal_titel p {
        margin: 0;
    }
    .deal-action-box.d-flex.justify-content-between span {
        float: unset;
    }
    h3.deal__title {
        margin: 0;
    }
    .deal-action-box.d-flex.justify-content-between {
        padding: 0;
    }
    .call-box2 {
        display: none;
    }
    section.banner-view.banner-view-mobile-sec .banner_number.mt-3 i {
        background-color: white;
        border-radius: 50%;
        margin-right: 0px;
        color: var(--background);
        width: 40px;
        height: 40px;
        padding: 8px;
    }
    div#myModal ~ div#mobile-main-sec,
    header#header {
        display: none;
    }
    .call-now3 i {
        background-color: #fff;
        margin-right: 5px;
        padding: 5px;
        color: var(--background);
        border-radius: 4px;
    }
    .mobile-popup2 .call-now2 {
        margin: 0 0 0 0px;
    }
    .bg_dark_box {
        background: transparent !important;
    }
    div#slider_wrapper {
        background: transparent;
    }
    .d-sm-none,
    div#myModal {
        font-family: system-ui;
    }
    div#front_tabs {
        background: var(--background);
        display: inline-block;
        margin-top: 0;
        padding-top: 50px;
    }
    .deal-card .price-box .price__num {
        color: var(--background);
    }
    .banner_number p {
        background-color: var(--background);
        color: var(--color);
    }
    .list_ii h4 {
        color: var(--background);
    }
    .mobile-main,
    .mobile-main2 {
        background: var(--background) !important;
    }
    .call-icon2 i {
        color: var(--background) !important;
    }
    .call-icon i {
        color: var(--background) !important;
    }
    .mobile-main,
    .mobile-main2 {
        padding: 1vh 3vw !important;
    }
    .call-now p,
    .call-now2 p {
        font-size: 3.5vw !important;
        color: #fff;
        margin: 0;
        font-weight: 400;
    }
    .call-now span,
    .call-now2 span {
        font-size: 7vw !important;
    }
    .button1_wrapper button {
        background: linear-gradient(45deg, #f2f2f2, var(--background), var(--background), #f2f2f2) !important;
    }
    .tabs_wrapper.tabs1_wrapper {
        background: var(--background);
    }
    .round-one-way {
        background: var(--background);
    }
    .radio-inline.customradio {
        color: #fff;
    }
    #front_tabs {
        margin-top: 5px !important;
    }
    .tabs_content.tabs1_content.test-form {
        padding-top: 8px;
    }
    .flt-from-to:before {
        background: var(--form) !important;
    }
    .date-deprt {
        background: var(--form) !important;
    }
    .date-return {
        background: var(--form) !important;
    }
    .pessengr {
        background: var(--form) !important;
    }
    .radio-inline.customradio {
        color: #fff !important;
    }
    .fixed-position {
        display: none;
    }
    .container {
        position: unset;
    }
    .call-box.mbl {
        display: none;
    }
    .desk-mob {
        margin-top: 110px;
    }
    .pop-up-new-sec section.banner-view {
        background: transparent;
    }
    section#footer .mobile-main,
    section#footer .mobile-main2 {
        display: none;
    }
    section.banner-view.banner-view-mobile-sec a {
        margin: 18vh 0vw !important;
    }
}
@media (min-width: 320px) and (max-width: 375px) {
    .bg_dark_box.pop-up-content-box {
        margin: 1vh auto;
    }
    .bg_dark_box.pop-up-content-box h1 {
        font-size: 20px;
        line-height: 30px;
        color: #000;
        font-weight: 500;
        padding: 0px;
    }
    .pop-up-content-box img.logo-img {
        margin-bottom: 0px;
    }
    a.close-all.close-airline-btn-cus .mobile-main {
        padding: 2vh 3vw !important;
    }
    .bg_dark_box.pop-up-content-box img.calling-cus-img {
        width: 100%;
        margin-top: 0px;
    }
    ul.list-view-items {
        margin-bottom: 0px;
    }
    .pop-up-content-box img.logo-img {
        width: 100%;
        max-width: 240px !important;
        object-fit: contain;
        margin-bottom: 5px;
    }
    a.close-all2.top-close-number-box .mobile-main2 {
        padding: 2vh 3vw !important;
    }
    a.close-all2.top-close-number-box .call-now2 span {
        font-size: 8vw !important;
    }
    section.banner-view {
        padding: 0;
    }
    .modal-open .modal .modal-dialog .modal-content {
        border-radius: 5px;
    }
    .form-main .form-content.form-content1 {
        top: 0px !important;
    }
    .fixed-nav .header-menu-wrapper {
        z-index: 0;
        display: none;
    }
    section.banner-view.banner-view-mobile-sec .col-md-4.bg_dark_box {

    margin: 18vh auto;
}
.hero-box {
    padding-top: 100px;
    padding-bottom: 40px;
}
}
@media (min-width: 320px) and (max-width: 330px) {
    .col-md-4.bg_dark_box.pop-up-content-box {
        padding: 15px 0px 18px;
    }
    .bg_dark_box.pop-up-content-box h1 {
        font-size: 18px;
        line-height: 28px;
    }
    .bg_dark_box.pop-up-content-box img.calling-cus-img {
        max-width: 90px;
        height: 90px !important;
    }
    .modal-body {
        height: 96vh;
    }
}
@media only screen and (min-width: 767px) {
    .mobile-main,
    .mobile-main2 {
        display: none !important;
    }
    .bg_dark_box {
        margin: 0 auto;
        width: 100% !important;
        position: unset !important;
        left: unset;
        right: unset;
        text-align: center;
        top: unset;
    }
    section.banner-view a {
        display: flex;
        align-items: center;
        height: 100vh;
        text-decoration: none;
    }
    .toll_booking {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        margin: 2vh 0;
    }
}
@media only screen and (min-width: 577px) and (max-width: 767px) {
    .mobile-popup,
    .mobile-popup2 {
        display: flex;
        align-items: center;
    }
}
@media only screen and (max-width: 767px) {
    .mobile-main,
    .mobile-main2 {
        position: fixed;
        top: 0;
        z-index: 999;
        width: 100%;
        background: #62ac1e;
        padding: 5px;
    }
    .mobile-main2 {
        top: unset;
        bottom: 0;
    }
    .mobile-popup,
    .mobile-popup2 {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .call-icon i,
    .call-icon2 i {
        font-size: 30px;
        color: #000;
        transform: rotate(0deg);
    }
    .popup-close i,
    .popup-close2 i {
        font-size: 20px;
        color: #fff;
    }
    .popup-close,
    .popup-close2 {
        float: right;
    }
    .call-now,
    .call-now2 {
        margin: 0 0 0 30px;
        text-align: center;
    }
    .call-now span,
    .call-now2 span {
        font-size: 22px;
        color: #fff;
        font-weight: 700;
    }
    a.close-all {
        text-decoration: none;
    }
    .abt-img span {
        bottom: 4vh;
        right: 0;
        font-size: 20px;
        width: 70%;
        text-align: center;
    }
}