/* Extra large devices (large desktops, 1800px and up) */

@media (max-width: 1800px) {}


/* Extra large devices (large desktops, 1800px and up) */

@media (max-width: 1500px) {
    .slider-content .title {
        font-size: 44px;
    }
    .slider-bg {
        min-height: 600px;
        padding: 100px 0 170px;
    }
    .slider-content {
        margin-top: -20px;
    }
    .blog-item.small-item {
        padding-bottom: 18px;
        margin-bottom: 20px;
    }
    .blog-area .row {
        margin: 0 -15px;
    }
    .blog-area .row [class*="col-"] {
        padding: 0 15px;
    }
    .blog-content .blog-meta ul li {
        margin-right: 12px;
        padding-right: 12px;
    }
    .faq-area .faq-content .accordion-body {
        padding: 5px 20px 20px 45px;
    }
    .faq-area .section-title {
        margin-bottom: 20px;
    }
    .blog-details-content blockquote {
        padding: 30px 30px 30px 75px;
    }
}

@media (max-width: 1400px) {
    .bx-flight-top {
        margin-right: 0;
    }
}


/* Extra large devices (large desktops, 1200px and up) */

@media (max-width: 1199.98px) {
    .custom-container {
        max-width: 960px;
    }
    .header-action>ul li.header-btn {
        display: none;
    }
    .header-top-left {
        display: none;
    }
    .booking-form .form-grp.select {
        padding: 10px 0;
    }
    .booking-form .form-grp.select .form-select {
        width: 150px;
    }
    .booking-form .form-grp.date {
        padding: 10px 15px;
    }
    .booking-form .form-grp.economy {
        padding: 10px 15px;
    }
    .booking-area .tab-content-wrap {
        padding: 15px;
    }
    .booking-form ul li:nth-child(2) .form-grp input {
        /*padding: 20px 20px 20px 30px;*/
        padding: 0;
    }
    .booking-form .form-grp input {
        padding: 10px 20px;
        height: 62px;
    }
    .header-top-right ul {
        justify-content: center;
    }
    .flight-offer-item .overlay-content .btn {
        min-width: 184px;
    }
    .flight-offer-item.offer-item-two .flight-offer-content {
        padding: 12px 0px 10px;
    }
    .destination-content ul {
        width: 100%;
    }
    .destination-area .destination-content>p {
        width: 95%;
    }
    .fly-next-thumb img {
        width: 100%;
    }
    .blog-area .row .col-53 {
        width: 70%;
        flex: 0 0 70%;
    }
    .blog-area .row .col-47 {
        width: 70%;
        flex: 0 0 70%;
    }
    .blog-thumb img {
        width: 100%;
    }
    .blog-item.small-item {
        padding-bottom: 22px;
        margin-bottom: 30px;
    }
    .about-img .img-two {
        right: -25px;
    }
    .about-img::before {
        right: 2%;
        top: -8%;
    }
    .about-content ul {
        margin-bottom: 30px;
    }
    .faq-content p {
        margin-bottom: 25px;
    }
    .faq-area .faq-content .accordion-button {
        font-size: 18px;
    }
    .faq-area .faq-content .accordion-body {
        padding: 0px 20px 15px 45px;
    }
    .section-title .title {
        font-size: 32px;
    }
    .breadcrumb-content .title {
        font-size: 45px;
    }
    .inner-blog-content .title {
        font-size: 28px;
        margin-bottom: 15px;
    }
    .blog-sidebar {
        margin-left: 0;
    }
    .rc-post-content .title {
        font-size: 16px;
        margin-bottom: 3px;
    }
    .blog-sidebar .blog-widget {
        padding: 35px 25px 40px;
    }
    .sidebar-newsletter .sn-title .title {
        margin-bottom: 6px;
        font-size: 22px;
    }
    .blog-details-content blockquote {
        padding: 25px 25px 25px 50px;
    }
    .blog-details-content blockquote>p {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .blog-details-content blockquote::before {
        left: 25px;
        top: 25px;
        bottom: 25px;
    }
    .blog-details-area .avatar-post {
        padding: 25px 25px 25px 25px;
    }
    .comment-reply-box {
        padding: 40px 30px;
    }
    .booking-list-area .col-27 {
        flex: 0 0 70%;
        width: 50%;
    }
    .booking-list-area .col-73 {
        flex: 0 0 100%;
        width: 100%;
    }
    .booking-list-item .flight-info li {
        margin-right: 50px;
    }
    .widget .flight-stops .form-select {
        width: 90%;
    }
    .booking-sidebar .widget.filters .title {
        color: #ffffff;
        font-size: 22px;
        margin-bottom: 0;
        text-transform: none;
        text-align: center;
        background: #ffffff;
        padding: 15px 0;
    }
    .booking-details-area .row .col-73 {
        width: 100%;
        flex: 0 0 100%;
    }
    .booking-details-area .row .col-27 {
        width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .widget-detail-ticket,
    .widget-detail-coupon {
        display: none;
    }
    .foo-filter {
        display: block;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
    .booking-sidebar .widget.filters .title .ftl-header {
        top: 0;
        z-index: 10;
        position: fixed;
        background-color: #ffffff;
        color: #571336;
        width: calc(48% + 10px);
    }
    .ftl-header-content {
        display: flex;
        border-bottom: solid 1px #EDF2F7;
        margin: 0 auto;
        padding: 10px;
    }
    .ftl-header-content span {
        position: absolute;
        right: 10px;
    }
    .left-sidebar {
        position: fixed;
        z-index: 1300;
        inset: 0px;
        top: 0;
        flex: 1 0 auto;
        height: 100%;
        display: none;
        outline: 0;
        overflow-y: auto;
        flex-direction: column;
        -webkit-overflow-scrolling: touch;
        right: 0;
        left: auto;
        padding-right: 0;
    }
    .left-sidebar .booking-sidebar {
        margin: 0;
    }
    .booking-sort {
        display: none;
    }
    .booking-sort-mb {
        position: fixed;
        inset: auto 0 0;
        z-index: 99;
        margin: 0;
    }
    .slide-toggle {
        display: block;
    }
    .booking-sort-mb ul li {
        margin-bottom: 10px;
        color: #6a2e4d;
    }
    .booking-sort-mb ul li label {
        padding: 14px 0;
        border-bottom: solid 1px #EDF2F7;
        width: 100%;
        font-size: 16px;
    }
    .booking-sort-mb ul li label span {
        color: #6a2e4d;
    }
    .booking-sort-mb ul li label input[type="radio"][name="sortFlight"]:checked+span {
        color: #16b181;
        font-weight: bold;
    }
    .bx-flight-top {
        flex: 1;
    }
    .bx-flight-top {
        margin-right: 30px;
    }
    .kthlt {
        margin-top: 30px;
    }
}


/* Large devices (desktops, 992px and up) */

@media (max-width: 991.98px) {
    .custom-container {
        max-width: 720px;
    }
    .menu-area {
        padding: 20px 0;
    }
    .menu-nav {
        justify-content: space-between;
    }
    .header-action {
        margin-right: 40px;
    }
    .menu-outer .navbar-wrap {
        display: block !important;
    }
    .menu-area .mobile-nav-toggler {
        display: block;
    }
    .booking-form ul {
        flex-wrap: wrap;
        max-height: 185px;
    }
    .slider-content .title {
        font-size: 38px;
    }
    .header-action {
        margin-right: 20px;
    }
    .booking-wrap .nav-tabs .nav-link {
        font-size: 12px;
    }
    .booking-wrap .nav-tabs .nav-link i {
        font-size: 14px;
    }
    .form-grp.date ul {
        flex-wrap: unset;
    }
    .booking-form ul li:nth-child(3) {
        width: 60%;
    }
    .booking-form .form-grp.select {
        padding: 10px 0;
    }
    .booking-form .form-grp.select .form-select {
        width: 170px;
    }
    .booking-form ul li {
        width: 50%;
    }
    .booking-form {
        border: none;
        overflow: hidden;
    }
    .booking-form .form-grp {
        border: 1px solid #dedcd7;
        margin-left: -1px;
        height: 62px;
    }
    .booking-form ul li:first-child .form-grp {
        margin-left: 0;
    }
    .booking-form .form-grp.economy {
        border: 1px solid #dedcd7;
    }
    .booking-form ul li:nth-child(5) .form-grp,
    .booking-form ul li:nth-child(4) .form-grp {
        margin-top: -1px;
    }
    .booking-form ul li:nth-child(4) .form-grp {
        margin-left: 0;
    }
    .booking-form ul li:nth-child(4) {
        width: 60%;
    }
    .booking-form .form-grp.date {
        padding: 10px 30px;
    }
    .booking-form ul li:last-child {
        /*width: 40%;*/
        width: 100%;
    }
    .booking-form .form-grp.economy {
        padding: 10px 20px;
    }
    .booking-form ul li:nth-child(2) .form-grp input {
        padding: 0;
        /*padding: 20px 20px 20px 30px;*/
    }
    .section-title .title {
        font-size: 30px;
    }
    .service-item {
        padding: 25px 15px;
    }
    .service-content .title {
        font-size: 20px;
        margin-bottom: 25px;
    }
    .blog-area .row .col-53 {
        width: 100%;
        flex: 0 0 100%;
    }
    .blog-content .title {
        font-size: 30px;
    }
    .blog-area .row .col-47 {
        width: 100%;
        flex: 0 0 100%;
    }
    .footer-widget.privacy {
        margin-left: 0;
    }
    .footer-bottom {
        padding: 20px 0;
    }
    .copyright-text p {
        margin-bottom: 15px;
        text-align: center;
    }
    .footer-bottom .cart-img {
        text-align: center !important;
    }
    .about-img {
        margin-bottom: 50px;
    }
    .faq-content {
        margin-bottom: 50px;
    }
    .faq-area .faq-content .accordion-button {
        font-size: 20px;
    }
    .faq-area .faq-content .accordion-body {
        padding: 5px 20px 20px 45px;
    }
    .blog-sidebar .blog-widget {
        padding: 40px 30px 45px;
    }
    .rc-post-content .title {
        font-size: 18px;
        margin-bottom: 5px;
    }
    .sidebar-newsletter .sn-title .title {
        margin-bottom: 10px;
        font-size: 26px;
    }
    .blog-sidebar {
        margin-top: 100px;
    }
    .blog-details-bottom {
        margin-top: 40px;
    }
    .blog-next-prev {
        margin-bottom: 70px;
    }
    .booking-list-item .flight-airway {
        min-width: 25%;
    }
    .booking-list-item .flight-price {
        border-left: none;
        padding-left: 0;
        margin: 0 auto 10px;
        margin-right: 0;
        flex-flow: column;
        align-items: flex-end;
        margin-bottom: 0;
    }
    .flight-detail-wrap .flight-detail-right {
        margin-top: 20px;
    }
    .customer-details-content .content .title {
        font-size: 20px;
    }
    .booking-details-wrap {
        padding: 40px 30px 60px;
    }
    .booking-list-item .flight-airway .flight-logo .title {
        font-size: 12px;
    }
    .booking-list-item .flight-airway span {
        font-size: 12px;
    }
    .booking-list-item .flight-info {
        font-size: 12px;
    }
    .booking-list-item .flight-info li {
        margin: 0 10px !important;
    }
    .booking-list-item .flight-price .title {
        font-size: 14px;
    }
    .booking-list-item .booking-list-bottom ul li.detail {
        font-size: 13px;
    }
    .booking-details-area .bx-baggage-1 {
        flex: 1;
    }
    .booking-details-area .bx-baggage-2 {
        flex: 1;
    }
    ul.ftl-flight-info-mobile {
        background-color: #16b181;
        margin: 0;
        padding: 5px 0 !important;
        justify-content: center;
        align-items: center;
        display: flex;
        color: #ffffff;
    }
    .ftl-flight-price {
        color: #ffffff;
    }
    .ftl-flight-price span {
        color: #ffffff;
    }
    .srch-flight-selected ul.ftl-flight-info li:first-child,
    .srch-flight-selected ul.ftl-flight-info li:last-child {
        display: none !important;
    }
    .srch-flight-selected ul.ftl-flight-info li {
        padding: 0 10px;
    }
    .user-item-content .tab-user {
        width: 100%;
    }
    .o-f-left .flight-offer-item {
        height: auto;
        margin-bottom: 30px;
    }
}


/* Medium devices (tablets, 768px and up) */

@media (max-width: 767.98px) {
    .custom-container {
        max-width: 100%;
    }
    .transparent-header:not(.sticky-menu) {
        top: 0;
    }
    .header-top {
        padding: 8px 0 0;
    }
    .booking-style-two {
        display: none;
    }
    .header-top-right ul li {
        margin-right: 10px;
        padding-right: 10px;
        margin-bottom: 8px;
    }
    .slider-content .title {
        font-size: 28px;
    }
    .slider-content p {
        margin-bottom: 20px;
        width: 100%;
    }
    .booking-tag ul li a {
        padding: 12px 15px;
    }
    .booking-wrap .nav-tabs .nav-item {
        width: 100%;
        flex: 0 0 100%;
    }
    .booking-wrap .nav-tabs .nav-item:first-child .nav-link {
        border-radius: 20px 20px 0 0;
    }
    .booking-wrap .nav-tabs .nav-item:last-child .nav-link {
        border-radius: 0;
    }
    .booking-form ul li {
        width: 100%;
    }
    .booking-form .form-grp {
        margin-top: -1px;
        margin-left: 0;
    }
    .booking-form ul li:first-child .form-grp {
        margin-top: 0;
    }
    .booking-form .form-grp.select .form-select {
        width: 90%;
    }
    .booking-form .form-grp .exchange-icon {
        left: 50%;
        top: -19px;
        transform: translateX(-50%);
    }
    .booking-form ul li:nth-child(2) .form-grp input {
        padding: 0;
    }
    .booking-form .form-grp.select {
        padding: 10px 10px;
    }
    .booking-form .form-grp.date {
        padding: 10px 20px;
    }
    .tab-content-wrap .content-bottom {
        justify-content: center;
    }
    .tab-content-wrap .content-bottom .promo-code {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .features-item {
        padding: 25px;
    }
    .features-content .title {
        font-size: 18px;
    }
    .features-icon i {
        font-size: 40px;
    }
    .features-icon {
        width: 40px;
        flex: 0 0 40px;
        margin-top: 15px;
    }
    .section-title .title {
        font-size: 26px;
    }
    .flight-offer-area .section-title {
        text-align: center;
        margin-bottom: 15px;
    }
    .best-price a {
        justify-content: center;
    }
    .flight-offer-content {
        padding: 20px 20px;
    }
    .flight-offer-item.offer-item-two .flight-offer-thumb img {
        width: 100%;
    }
    .destination-area .section-title .title {
        font-size: 28px;
    }
    .destination-area .destination-content>p {
        width: 100%;
    }
    .destination-content ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    .destination-content ul li:last-child {
        margin-bottom: 0;
    }
    .destination-content .counter-content .count {
        font-size: 28px;
    }
    .destination-content .counter-icon i {
        font-size: 40px;
    }
    .destination-content .counter-item {
        padding: 20px 20px;
    }
    .destination-content .content-bottom {
        display: block;
    }
    .destination-content .content-bottom a {
        margin-top: 10px;
        margin-left: 0;
    }
    .fly-next-area .section-title {
        margin-bottom: 30px;
    }
    .fly-next-nav {
        margin-bottom: 30px;
    }
    .fly-next-nav button {
        margin-bottom: 10px;
    }
    .blog-content {
        padding: 15px;
    }
    .blog-content .title {
        font-size: 20px;
    }
    .blog-item.small-item {
        display: block;
        text-align: center;
    }
    .blog-item.small-item .blog-thumb {
        margin: 0 auto 15px;
    }
    .small-item .blog-content .blog-meta ul {
        justify-content: center;
    }
    .blog-item.small-item .blog-content .title {
        font-size: 20px;
    }
    .footer-top {
        padding: 80px 0 50px;
    }
    .about-img .img-two {
        width: 300px;
        top: -50px;
        right: -10px;
    }
    .about-img::before {
        right: 4%;
        top: -7%;
        width: 300px;
        height: 323px;
    }
    .about-content p {
        margin-bottom: 20px;
    }
    .breadcrumb-content .title {
        font-size: 36px;
    }
    .breadcrumb-bg {
        padding: 100px 0 110px;
    }
    .breadcrumb-bookingdetail {
        padding: 100px 0 50px;
    }
    .about-area {
        padding: 150px 0 100px;
    }
    .faq-area .faq-content .accordion-button {
        font-size: 18px;
    }
    .faq-img::before {
        left: 10px;
        top: 10px;
    }
    .scroll-top {
        right: 15px;
    }
    .inner-blog-content .title {
        font-size: 22px;
        margin-bottom: 10px;
    }
    .blog-sidebar .blog-widget {
        padding: 30px 20px 35px;
    }
    .rc-post-content .title {
        font-size: 16px;
        margin-bottom: 3px;
    }
    .sidebar-newsletter .sn-title .title {
        margin-bottom: 5px;
        font-size: 22px;
    }
    .blog-details-tags {
        width: 100%;
        flex: 0 0 100%;
    }
    .blog-details-bottom {
        margin-top: 30px;
        display: block;
    }
    .blog-details-social ul {
        justify-content: flex-start;
        margin-top: 10px;
    }
    .blog-details-img [class*="col-"]:first-child img {
        margin-bottom: 20px;
    }
    .blog-details-area .avatar-post {
        display: block;
        text-align: center;
    }
    .blog-details-area .avatar-post .avatar-post-img {
        margin: 0 auto 20px;
    }
    .blog-details-area .avatar-post-content .blog-details-social ul {
        justify-content: center;
    }
    .comment-reply-box {
        padding: 30px 25px;
    }
    .comment-reply-box .title {
        font-size: 22px;
        margin-bottom: 25px;
    }
    .booking-form ul {
        max-height: 250px !important;
    }
    .blog-details-img img {
        width: 100%;
    }
    .booking-list-item-inner {
        padding: 10px;
    }
    .booking-list-item .flight-info li {
        margin-right: 35px;
        margin-bottom: 0;
    }
    .booking-list-item .flight-airway {
        min-width: 30%;
        margin-right: 0;
        margin-bottom: 0;
    }
    .booking-list-item .flight-airway .flight-logo {
        display: flex;
        justify-content: center;
        margin-bottom: 10px;
    }
    .booking-list-item .booking-list-bottom ul {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column-reverse;
    }
    .booking-list-item .booking-list-bottom ul li.detail {
        margin-top: 0;
    }
    .flight-detail-wrap {
        padding: 0;
    }
    .flight-detail-wrap .flight-date {
        width: 100%;
        flex: 0 0 100%;
    }
    .flight-detail-wrap .flight-detail-info {
        display: block;
    }
    .flight-detail-wrap .flight-detail-info img {
        margin: 0 0 10px 0;
    }
    .content-top ul {
        flex-wrap: wrap;
    }
    .booking-list-area .col-27 {
        flex: 0 0 100%;
        width: 100%;
    }
    .booking-sidebar .widget.filters .filters-wrap {
        padding: 30px 25px;
    }
    .customer-details-content .icon {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .customer-details-content .content .title {
        font-size: 18px;
    }
    .customer-progress-step ul li p {
        font-size: 12px;
    }
    .booking-details-area .primary-contact {
        padding: 12px 20px;
        border-radius: 5px 5px 0 0;
    }
    .booking-details-area .primary-contact .title {
        font-size: 16px;
    }
    .booking-details-wrap {
        padding: 35px 20px 45px;
    }
    .booking-details-wrap .form-grp .icon {
        font-size: 18px;
        margin-right: 8px;
    }
    .booking-details-wrap .form-grp.select-form .form label {
        display: none;
    }
    .booking-details-wrap ul li {
        width: 100%;
    }
    .booking-details-wrap ul li:first-child {
        width: 100%;
    }
    .booking-details-wrap .optional-item .form-grp .form .form-select {
        font-size: 14px;
    }
    .booking-details-area .row .col-27 {
        flex: 0 0 100%;
        width: 100%;
    }
    .booking-details-wrap .gender-select {
        margin-left: 0;
    }
    .flight-header-mb {
        display: block;
        background: #fff;
        padding: 20px 20px 10px 20px;
        box-shadow: 0 1px 20.58px 0.42px rgba(141, 138, 138, 0.14);
        position: fixed;
        width: 100%;
        top: 0;
        z-index: 99;
    }
    .flight-header-date-mb {
        justify-content: center;
    }
    .flight-header-content-mb {
        text-align: center;
        flex: 1;
    }
    .booking-area.booking-style-two {
        position: fixed;
        top: 0;
        margin: 0;
        z-index: 100;
        width: 100%;
    }
    .booking-style-two .container {
        padding: 0;
        max-width: 100%;
        width: 100%;
    }
    .booking-area.booking-style-two .tab-content-wrap {
        border-radius: 0 !important;
    }
    .chg-flights-header-mb {
        display: block;
    }
    .chg-flights-header-content-mb {
        display: flex;
        align-items: center;
        padding-top: 0;
        padding-right: 0;
        justify-content: space-between;
        padding-bottom: 16px;
    }
    .chg-flights-header-content-mb h6 {
        width: 100%;
        text-align: center;
    }
    .flight-airway .flight-logo div {
        display: flex;
        align-items: center;
    }
    .dot-fn {
        display: block;
        margin: 6px 6px 0 6px;
    }
    .booking-list-item .flight-airway span {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .bx-flight-top {
        align-items: flex-start;
        flex: inherit;
        justify-content: space-between;
        flex-flow: column-reverse;
    }
    .booking-list-item .flight-price .flight-ticket-bx-if {
        flex-flow: column;
    }
    .booking-list-item .flight-price .flight-ticket-bx-if {
        align-items: flex-end;
        flex-flow: column;
    }
    .booking-list-item .flight-price .title {
        font-size: 16px;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .booking-list-item .flight-ticket {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-right: 0;
    }
    .flight-airway-duration {
        display: flex;
        align-items: center;
    }
    .flight-airway-duration svg {
        margin: 5px 5px 0 5px;
    }
    .flight-info-item .flight-info li.time p {
        margin: 0 !important;
    }
    .flight-info-item .flight-info li.time p {
        display: none;
    }
    .flight-info-item .flight-info li.time img {
        margin: 0 5px;
    }
    .booking-list-item .flight-info li {
        margin: 0 !important;
    }
    .booking-details-area .bx-baggage {
        display: block;
    }
    .booking-details-area .bx-baggage .form-grp {
        margin-bottom: 0;
    }
    .booking-details-area .bx-baggage-1 {
        flex: 1;
        padding-bottom: 20px;
    }
    .booking-details-area .bx-baggage-2 {
        flex: 1;
        padding-bottom: 20px;
    }
    .bx-baggage-return-1 {
        padding-bottom: 20px;
    }
    .bx-baggage-return-2 {
        padding-bottom: 0;
    }
    .menu-toggle {
        right: 0
    }
    .menu-line .btn-app {
        right: 0
    }
}

@media (max-width: 560px) {
    .flight-detail-wrap .flight-detail-right {
        margin-top: 0 !important;
    }
    .flight-detail-right{
        width: 100%;
    }
    .flight-detail-info{
        max-width: 360px;
    }
    .ftl-box-item-flight {
        display: block !important;
    }
    .flight-detail-wrap .flight-detail-info ul {
        max-width: 360px;
        overflow-x: auto;
    }
    .ftl-flight-header .step-header-srch-flight-on, .ftl-flight-header .step-header-srch-flight-rt{
        margin-left: 0 !important;
    }
    .ftl-box-item-flight li:first-child {
        margin-top: 0 !important;
    }
    .slider-content .title {
        font-size: 24px;
    }
    .booking-tag ul li a {
        padding: 8px 10px;
    }
    .slider-bg {
        min-height: 500px;
        padding: 100px 0 170px;
    }
    .slider-content p {
        font-size: 14px;
        margin-bottom: 5px;
        width: 100%;
    }
    .slider-content .btn {
        font-size: 14px;
        padding: 10px 12px;
    }
    .booking-list-item .booking-list-bottom ul {
        padding-top: 10px;
    }
    .booking-list-item .booking-list-bottom ul li.detail {
        margin-top: 0;
    }
    .booking-list-item .flight-ticket p {
        font-size: 11px;
    }
    .booking-list-item .flight-info li {
        margin: 0 !important;
    }
    .flight-info-item .flight-info li.time img {
        margin: 0 5px;
    }
}

@media (max-width: 470px) {
    .booking-list-item .flight-info {
        font-size: 12px;
    }
    .booking-list-item .flight-price .title {
        font-size: 16px;
    }
    .booking-list-item .flight-price .btn {
        padding: 10px 25px;
    }
    .booking-list-item .booking-list-bottom ul li.detail {
        font-size: 14px;
    }
}

@media (max-width: 420px) {
    .tab-content-wrap .content-bottom .promo-code {
        margin-right: 20px;
        margin-bottom: 0;
    }
    .transparent-header:not(.sticky-menu) {
        top: 72px;
    }
    .about-img .img-two {
        width: 270px;
        top: -50px;
        right: -10px;
    }
    .about-img::before {
        right: 5%;
        top: -7%;
        width: 270px;
        height: 298px;
    }
}

@media (max-width: 392px) {
    .booking-list-item .flight-info {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 358px) {
    .flight-info-item .flight-info li.time img {
        margin: 0;
    }
}


/* Small devices (landscape phones, 576px and up) */

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .custom-container {
        max-width: 540px;
    }
    .transparent-header:not(.sticky-menu) {
        top: 0;
    }
    .tab-content-wrap .content-bottom .promo-code {
        margin-right: 20px;
        margin-bottom: 0;
    }
    .about-img .img-two {
        width: auto;
        right: -35px;
        max-width: 100%;
    }
    .about-img::before {
        right: 6%;
        top: -6%;
        width: 400px;
        height: 459px;
    }
    .faq-area .faq-content .accordion-button {
        font-size: 20px;
    }
    .flight-detail-wrap .flight-date {
        width: 55%;
        flex: 0 0 55%;
    }
    .booking-details-wrap .gender-select {
        margin-left: 26px;
    }
}