/***********~Media Query~***********/
@media only screen and (min-width: 2560px) {
    .banner-section:before {
        max-width: 1350px;
    }

    .banner-content .banner-img {
        left: 525px;
        width: auto;
    }

    .about-section .about-img {
        width: 42%
    }

        .about-section .about-img img {
            margin: 0;
            width: 100%;
            height: auto;
        }

    footer {
        width: 100%;
    }

        footer:before {
            height: 700px;
        }

        footer:after {
            height: 600px;
        }
}

@media only screen and (min-width: 1920px) {
    .modify-section .calendar-box {
        max-width: 250px;
    }

    .modify-section .calendar, .modify-section .re-date-offer {
        background-position: 99% 2px;
    }

    .modify-section .passenger-nav {
        max-width: 250px;
    }

    .modify-section .select2-container, .modify-section .trip-navigation {
        width: 250px !important;
    }

    .hotel-modify .select2-container {
        width: 75px !important
    }

    .modify-section .select2-container--default .select2-selection--single {
        padding: 0 10px;
    }
}

@media only screen and (max-width:1920px) {
    .pro-icon-box.sight-icon {
        background-position: -279px -3px !important;
    }

    .pro-icon-box.tmc-icon {
        background-position: -559px -1px !important;
    }
}

@media only screen and (min-width: 1440px) {
}

@media only screen and (max-width: 1366px) {
    body {
        font-size: 14px;
    }

    h1 {
        font-size: 34px;
        margin: 0 0 20px 0;
        line-height: 40px;
    }

    h2 {
        font-size: 32px;
        line-height: 35px;
    }

    h3 {
        font-size: 20px;
        line-height: 30px;
        margin: 0 0 15px 0;
    }

    p {
        margin: 0 0 20px 0;
        font-size: 14px;
    }

    .com-btn {
        font-size: 16px;
        padding: 10px 35px;
    }

    header .logo-box a {
        max-width: 150px;
    }

    header .logo-box span {
        height: 80px;
    }

    header nav {
        margin: 25px 0 0 0
    }

    .profile-nav {
        padding: 0
    }

    .banner-form {
        padding: 55px 45px
    }

        .banner-form form {
            margin: 30px auto 0
        }

        .banner-form .form-group {
            margin: 0 0 30px
        }

    .banner-content .banner-img {
        width: 60%;
    }

    .banner-scroll {
        bottom: -50px
    }

    .banner-content {
        height: auto;
        margin: 30px auto
    }
    /**About Section CSS**/
    .title {
        margin: 0 0 50px 0;
        font-size: 34px;
    }

    .about-section {
        padding: 30px 0
    }

        .about-section .about-img {
            width: 35%;
            overflow: hidden
        }

    .benefits-section:before {
        width: 40%;
    }

    .we-offer-section {
        margin: 30px auto 20px
    }
    /**Benefits Section CSS**/
    .benefits-section {
        padding: 30px 0
    }

    .benefits-card p {
        width: 95%;
    }
    /**Procedure Section CSS**/
    .procedure-card h3 {
        margin: 25px auto 50px
    }
    /**Help Section CSS**/
    .help-section {
        padding: 100px 0
    }

    .procedure-card p {
        margin: 0 0 50px
    }

    footer:before {
        height: 600px;
    }

    .register-box .register-form .com-btn {
        padding: 7px 30px
    }

    .hotel-filter-list {
        float: left;
        max-width: 100%;
    }

    .fliter-click-box {
        left: inherit;
        right: 0;
    }

    .result-show-box .res-price-box .res-price-text {
        float: left;
        /*margin: 5px 0 0 15px;*/
    }

    .flightRoundWrap {
        width: 98%;
    }
}

@media only screen and (max-width: 1365px) {
    .tech-icon {
        float: left
    }

    .filter-section .filter-btn {
        font-size: 14px;
        margin: 8px 5px 0 0;
    }

    .filter-result .fliter-down-arrow {
        margin: -4px 0 0 5px;
    }

    .filter-section .filter-result, .filter-result .fliter-click-btn i {
        margin: 0;
    }

    .filter-section .filter-btn .earnul {
        margin-left: 5px;
    }

    .filter-trip {
        width: auto;
        min-width: 46px;
        margin: 0;
        padding: 6px 0px;
        margin-right: 5px;
    }

    .widget-cus-id .select2-container--default .select2-selection--single .select2-selection__arrow b {
    }

    .modify-section .calendar-area {
        max-width: 400px;
        padding: 0 10px;
    }

    .modify-section .calendar-box {
        max-width: 180px;
        margin: 0px 15px 0px 0;
        padding: 0 0 10px 0
    }

    .seat-list {
        width: auto;
        display: inline-block
    }

    .modify-section .passenger-nav {
        max-width: 145px;
    }

    #sideMenuContainer .trip-listing {
        height: 60vh
    }

    .cryptic-tabs .cryptic-arrow {
        height: 400px;
    }

    .return-airline .flight-indicator {
        font-size: 12px;
    }

    .result-round-details .res-pricing .res-price-text {
        width: 91%
    }

        .result-round-details .res-pricing .res-price-text .multicitybook {
            width: 91% !important;
        }

    .result-round-details .res-price-text {
        margin: 40px 0 0 0
    }
}

@media only screen and (min-width: 1280px) {
    .modify-section label {
        font-size: 13px;
    }
}

@media only screen and (max-width: 1280px) {
    .res-get-disc {
        float: left;
        margin: 0 auto 5px;
        width: 100%;
    }

    .result-show-box .res-get-disc {
        float: right;
        margin: 0;
        width: auto;
    }
    /**Header Section CSS**/
    .profile-nav a.booked, .profile-nav .nav-item .re-btn {
        font-size: 11px;
    }

    /* .csFilter {
        float: right !important
    }*/

    .result-show-box .res-airline-title {
        max-width: 125px;
    }

    .result-round-details .result-round-box .res-price-box {
        margin: 0;
        padding: 0
    }

    .result-round-details .return-airline .p-1 {
        padding: 0 5px;
    }


    footer {
        margin: 0 auto
    }

    .result-main-section {
        padding: 0
    }

    .flight-indicator li.divider {
        padding: 0 2px;
    }
}

@media only screen and (max-width: 1279px) {
    h1 {
        font-size: 28px;
        margin: 0 0 20px 0;
        line-height: 35px;
    }

    h2 {
        font-size: 26px;
        line-height: 30px;
    }

    h3 {
        font-size: 18px;
        line-height: 30px;
        margin: 0 0 15px 0;
    }
    /**Banner Section CSS**/
    .banner-section:before {
        width: 40%;
    }

    .banner-scroll {
        bottom: -60px;
    }

    .banner-content .banner-img {
        width: 65%;
        height: auto
    }
    /**About Us Section CSS**/
    .title {
        margin: 0 0 40px 0
    }

    .about-section {
        padding: 100px 0
    }
    /**Benefits Section CSS**/
    .benefits-section .benefit-artwork {
        width: 55%;
    }
    /**Procedure section start**/
    .procedure-card {
        padding: 30px;
    }

        .procedure-card h3 {
            margin: 15px auto 30px;
        }

        .procedure-card p {
            margin: 0 0 40px 0
        }
    /**Help Section CSS**/
    .help-section {
        padding: 100px 0
    }

    .help-content .title span, .help-content .title {
        line-height: 36px
    }

    .help-section .help-content {
        margin: 100px auto 0
    }
    /**Footer CSS**/
    footer {
        width: 100%;
    }

        footer .logo-box {
            margin: 0 0 50px;
        }

    .scrollToTop {
        bottom: 15px;
        right: 15px;
        width: 60px;
        height: 60px;
        background-size: 100%;
        background-position: 0 5px
    }

        .scrollToTop:hover {
            background-position: 0 -77px
        }
    /**Widget CSS**/

    .seat-box-area .nav-pills .nav-link {
        width: auto;
        padding: 5px 5px 5px 35px;
        font-size: 12px;
        border: 1px solid #cc2128;
        margin: 0 5px 0 0;
        color: #cc2128;
        position: relative;
    }

    .flight-from, .rec-flight {
        width: 100%;
        height: 100px;
        padding: 10px 15px;
    }

        .flight-from:before {
            transform: rotate(90deg);
            bottom: -14px;
            top: inherit;
            left: 0;
            right: 0;
            margin: auto;
        }

        .rec-flight:before {
            bottom: inherit;
            top: -14px;
            left: 0;
            right: 0;
            margin: auto;
            transform: rotate(90deg);
        }

    .calendar-area {
        height: auto;
        padding: 10px 15px
    }



    .recent-search .trip-navigation {
        float: none;
        padding: 5px 10px;
    }

    .widget-cus-id .form-control {
        margin: 0 auto;
        padding: 7px 10px;
    }

    .profile-nav .dropdown-menu-left {
        top: 30px;
        right: 0;
        left: inherit;
    }

    .form-check {
        padding: 0 20px 0 0;
    }

        .form-check:last-child {
            padding: 0
        }

    .search-section {
        padding: 50px 15px;
    }

    .calendar, .re-date-offer {
        background-position: top right;
        display: block;
    }

    header nav {
        margin: 20px 0 0 0;
    }

    .profile-nav {
        padding: 0
    }
    /*.widget-cus-id .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding: 0 0 0 10px !important;
  }*/
    .search-input-box .widget-cus-id .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0 !important;
    }

    .manage-booking-area .search-input-box {
        padding: 10px 15px;
        height: 75px;
    }

    .manage-booking-area .calendar-area {
        height: 75px
    }

    .manage-booking-area .form-control {
        margin: 0
    }

    .widget-search-tabs .nav-link {
        font-size: 13px;
        padding: 15px 6px;
    }

    .manage-booking-area .calendar-box {
        max-width: 180px;
    }

        .manage-booking-area .calendar-box.float-right {
            padding: 0;
            margin: 0;
            float: right !important;
            border: 0;
        }

    .result-show-box .res-stop {
        padding: 20px 0 0 0
    }
    /**Modify Section CSS**/
    .modify-section {
        padding: 15px 0;
    }

        .modify-section .nopadding {
            padding: 0 15px !important
        }

        .modify-section .mod-edit-btn {
            width: 100%;
            max-width: 150px;
            display: block;
            margin: 0 auto;
            float: none;
            font-size: 14px;
            padding: 5px;
        }

        .modify-section .trip-navigation {
            max-width: 150px;
        }

    #flightdetailsticky .container {
        padding: 0;
        width: 100%;
    }

    .result-round-box .res-price-text {
        font-size: 14px;
    }

    .result-round-details .res-pricing .res-price-box {
        height: auto;
        padding: 10px 5px;
    }

    .result-round-box .res-price-box {
        height: auto
    }

    .sideform {
        position: relative;
        top: inherit !important;
        padding: 0;
    }

    .result-main-section .nav-tabs {
        margin: 0 0 15px;
        font-weight: bold;
        display: block !important;
    }

    .result-main-section .nav-item {
        display: inline-block;
    }

    .result-main-section .tab-content .return-tab {
        width: 100%;
        opacity: 0;
        display: none;
    }

    .result-main-section .tab-content > .active {
        width: 100%;
        opacity: 1;
        display: block;
    }

    .flight-stop-tabs .nav-link, .multi-search .nav-link {
        border: 1px solid;
        margin: 0 5px 0 0;
        padding: 3px;
        font-size: 12px;
    }

    .modify-section .calendar-box {
        max-width: 165px;
    }

    .modify-section .calendar, .modify-section .re-date-offer {
        background-position: 145px 5px;
    }

    .result-round-box .res-flg-logo {
        width: 25px;
    }

    .modify-section .calendar-area {
        max-width: 380px;
    }

    .modi-rail .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: -15px;
    }
    /*New CSS*/
    .discount {
        margin: 0 5px;
    }

    .inclusive {
        margin: 0 5px;
    }

    .res-pricing .res-price-text strong {
        font-size: 18px;
    }

    .room-details {
        min-height: 130px;
        height: auto;
    }

    .modify-section .passenger-nav {
        max-width: 145px !important;
    }


    .hotel-input-box {
        height: auto
    }

    .rail-eur-content .flight-from, .rail-eur-content .rec-flight {
        width: 48%;
        padding: 15px 15px 15px 25px;
    }

        .rail-eur-content .flight-from:before {
            transform: rotate(0deg);
            top: 0;
            bottom: 0;
            left: inherit;
            right: -4px;
            margin: auto;
        }

        .rail-eur-content .rec-flight:before {
            bottom: -14px;
            top: -15px;
            left: -2px;
            right: inherit;
            margin: auto;
            transform: rotate(0deg);
        }

    .rail-eur-content .flight-swipe {
        top: 46px;
    }

    #trip-3 .calendar-area {
        height: auto;
        padding: 20px 15px;
        margin: 0 auto
    }

    .fliter-click-box {
        width: 250px;
        padding: 10px;
        position: absolute;
        left: 0;
        top: 30px;
        box-shadow: 0 0 15px -5px rgb(0 0 0 / 80%);
        border-radius: 10px;
        background: #fff;
        z-index: 99;
        display: none;
    }

    .flight-swipe {
        width: 100%;
        height: 20px;
        text-align: center;
        position: inherit;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        z-index: 1;
        background: url(../images/swipe-arrow-mob.png)no-repeat top center;
    }

    .modify-area .flight-swipe {
        top: 0;
    }

    .flight-swipe img {
        display: none;
    }


    .cruise-content .recent-search .trip-navigation {
        float: left;
        margin: 0;
        width: 280px;
    }

    .rail-eur-content .flight-swipe {
        width: auto;
        left: 10px;
    }

    .filter-result .fliter-click-btn {
        min-width: 21px;
        margin: 0 0 5px 0;
    }
}

@media only screen and (max-width: 1024px) {
    .flt-one-way, .flt-returns-way {
        width: auto;
        margin: 5px 0 0 0;
    }

    .result-round-sort span {
        float: left;
        margin: 5px 0 0 0
    }

    .product-list-slider .slick-arrow {
        width: 25px;
        height: 25px;
        border-radius: 40px;
        background: #CC2128 0% 0% no-repeat padding-box;
    }

    .product-list-slider .slick-prev {
        left: -25px;
    }

    .product-list-slider .slick-next {
        right: -25px;
    }

        .product-list-slider .slick-prev:before, .product-list-slider .slick-next:before {
            font-size: 14px;
        }

    .product-list-slider .pro-icon-box {
        width: 50px;
        height: 50px;
        border-radius: 50px;
        display: block;
        background: #F2F2F2 url(../images/product-list-icon.png?v1)no-repeat 8px -79px;
        margin: 0 auto 5px;
    }

    .product-area .product-list-slider a {
        font-size: 16px;
        word-wrap: break-word;
    }

    .pro-icon-box.hotel-icon {
        background-position: -38px -79px
    }

    .pro-icon-box.cruise-icon {
        background-position: -88px -80px
    }

    .pro-icon-box.rail-icon {
        background-position: -134px -80px
    }

    .pro-icon-box.sight-icon {
        background-position: -183px -81px
    }

    .pro-icon-box.insurance-icon {
        background-position: -230px -82px
    }

    .pro-icon-box.visa-icon {
        background-position: -278px -79px
    }

    .pro-icon-box.holiday-icon {
        background-position: -325px -79px
    }

    .product-area {
        padding: 50px 15px 0;
        margin: 30px auto 0;
    }

    .pd-lr {
        padding-right: 15px
    }

    .widget-cus-id .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 0
    }

    .swapCity {
        position: relative;
        text-align: center;
        width: 100%;
        display: block;
        z-index: 9;
    }

    .search-section {
        height: auto
    }

    .sidebar.fixed {
        max-width: 280px;
    }

    .search-section {
        min-height: inherit
    }

    .passenger-nav {
        margin: 0 15px;
        width: 120px;
    }
}

@media only screen and (max-width: 991px) {
    h1 {
        font-size: 32px;
        margin: 0 0 20px 0;
        line-height: 36px;
    }

    h2 {
        font-size: 30px;
        line-height: 34px;
    }

    h3 {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 15px 0;
    }

    .com-btn {
        width: auto;
        padding: 10px 20px !important;
        font-size: 16px;
    }
    /**Display CSS**/
    .desktop-display {
        display: none !important
    }

    .device-display {
        display: block !important
    }

    p {
        margin: 0 0 20px 0;
        font-size: 14px;
    }
    /**Banner section css**/
    header {
        padding: 5px 0 0 0
    }

    .banner-section nav {
        margin: 15px 0 0 0
    }

    .menu {
        position: absolute;
        top: 50px;
    }

    .banner-form h2 {
        font-size: 30px;
    }

    .banner-form {
        padding: 40px 25px
    }

    .banner-content .banner-img {
        width: 65%;
    }

    .banner-scroll {
        bottom: 0px
    }

    .banner-slider .slick-arrow {
        display: none
    }
    /**About Section CSS**/
    .title {
        margin: 0 0 40px
    }

    .about-section {
        padding: 50px 0
    }

        .about-section .about-img {
            display: none
        }

    .tech-icon {
        display: none
    }

    .transform-box, .expand-box {
        display: block !important
    }

    .about-topic {
        display: none
    }

    .about-slider {
        display: block;
        background: #CC2128;
        padding: 15px;
        border-radius: 15px;
        margin: 0 0 30px 0
    }

        .about-slider strong {
            width: auto;
            font-size: 20px;
            font-weight: 600;
            display: inline-block;
            text-transform: uppercase;
            border-bottom: 2px solid #fff;
            margin: 0 0 15px 0;
            color: #fff;
        }

        .about-slider .slick-slide {
            padding: 15px;
        }

        .about-slider p {
            margin: 0;
            color: #fff;
        }

        .about-slider .slick-arrow {
            background: url("../images/about-slider-icon.png")no-repeat 0 0;
            width: 30px;
            height: 30px;
        }

        .about-slider .slick-prev:before, .about-slider .slick-next:before {
            display: none
        }

        .about-slider .slick-prev {
            left: -15px
        }

        .about-slider .slick-next {
            right: -15px;
            background-position: -36px 0;
        }
    /**Benefits Section CSS**/
    .benefits-section {
        margin: 0 auto;
        padding: 0
    }

        .benefits-section .benefit-artwork {
            width: 100%;
            height: auto;
            display: inline-block;
            position: inherit;
            top: inherit;
            right: inherit;
            margin: 50px auto
        }

            .benefits-section .benefit-artwork img {
                margin: 0
            }

        .benefits-section:before {
            content: "";
            width: 100%;
            height: 50%;
            top: 0;
        }
    /**Procedure Section CSS**/
    .procedure-section {
        padding: 50px 0
    }

    .procedure-card {
        padding: 35px;
        margin: 0 auto 30px;
    }

        .procedure-card h3 {
            margin: 30px auto
        }

        .procedure-card p {
            margin: 0 auto 30px;
        }
    /**Help Section CSS**/
    .help-section {
        padding: 50px 0;
        text-align: center
    }

    .help-content .title span {
        margin: 0
    }

    .help-section .help-content {
        margin: 50px auto 0
    }

    .help-content .title {
        margin: 0 auto 30px;
        text-align: center
    }

    .help-section .help-content .com-btn {
        text-align: center;
    }

    .register-form .form-control {
        border-radius: 20px;
        padding: 10px 150px 10px 25px;
    }
    /**Footer Section CSS**/


    footer:before {
        background: url(../images/footer-illustration.png)no-repeat top center;
        height: 100%;
        background-size: cover;
    }

    footer .logo-box {
        margin: 0 0 30px;
    }

    .foot-menu.comp-info {
        margin: 0
    }

    .foot-menu {
        margin: 0 0 30px
    }

        .foot-menu p {
            margin: 0;
            color: #fff;
        }



    .foot-contact a {
        margin: 0 0 10px 0
    }

    .social a {
        margin: 0px 5px 0 0;
        border: 1px solid #fff;
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
    /**Search widget CSS**/
    .widget-box .p-2 {
        padding: 0 15px 10px !important;
    }

    header.small {
        padding: 5px 0
    }

        header.small .profile-nav .navbar-toggler {
            top: 5px
        }

    .banner-section header.small nav {
        margin: 10px 0 0 0;
        padding: 0;
    }

    .profile-nav {
        padding: 15px 0 0 0;
    }

        .profile-nav .navbar {
            margin: 0;
            float: right;
            position: relative;
        }

        .profile-nav .navbar-toggler-icon {
            background: url("../images/menu-icon.png")no-repeat 0 -69px;
        }

        .profile-nav .navbar-toggler {
            border: 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0;
        }

        .profile-nav .navbar-nav {
            padding: 0;
        }

        .profile-nav a.booked:before {
            top: 8px;
            left: 10px;
            background-position: 0 0
        }

        .profile-nav a.deals:before {
            background-position: 0 -120px;
        }

        .profile-nav a.wallet:before {
            background-position: 0 -40px;
        }

        .profile-nav a.admin:before {
            background-position: 0 -89px;
        }

        .profile-nav a.home:before {
            background-position: 0 -155px;
        }

        .profile-nav .nav-item a {
            width: 100%;
            display: block;
            padding: 10px 0 10px 45px;
            margin: 0 2px 0 0;
            border-right: 0;
            border-bottom: 1px solid #D0DCE4;
        }

        .profile-nav .navbar-collapse {
            position: absolute;
            right: 0;
            width: 200px;
            top: 35px;
            background: #fff;
            border-radius: 10px;
            box-shadow: 0px 10px 20px #8F0A1140;
        }

        .profile-nav .dropdown-item {
            padding: 5px 10px 5px 45px !important;
            font-size: 11px !important
        }

            .profile-nav .dropdown-item i {
                top: 5px;
                left: 10px;
            }

        .profile-nav .dropdown-menu-left {
            left: 0;
            right: 0;
            margin: auto;
            width: auto;
        }

        .profile-nav .nav-item .re-btn {
            margin: 5px auto 0
        }

        .profile-nav .nav-item .bal-icon:before {
            left: 11px;
            top: 12px;
        }

        .profile-nav .nav-item .credit-icon:before {
            left: 11px;
            top: 10px;
        }

    .search-section {
        padding: 30px 15px 50px;
    }

    .widget-search-tabs .nav-link {
        padding: 5px 15px;
        font-size: 12px;
        width: auto;
    }

    .widget-search-tabs .nav-tabs {
        border: 0;
        margin: 0 0 15px 0;
        z-index: 1;
    }

    .tab-content {
        padding: 0
    }

    .newtab .widget-search-tabs .nav-link:first-child {
        border-radius: 20px 0 0 0;
        width: 100%;
    }

    .widget-search-tabs .nav-link:last-child {
        border-radius: 0 20px 0 0;
    }

    .passdown__header {
        width: 100%;
        padding: 5px 0
    }

    .search-input-box {
        height: auto;
        border-radius: 15px;
        margin: 0 auto 10px;
        padding: 10px 10px 10px 10px;
    }

    .flight-from {
        margin: 0 auto
    }

    .calendar-area {
        margin: 0 auto 10px;
        height: auto;
        border-radius: 15px;
    }

    .pre-airline {
        width: 100%;
    }

    .stop-check {
        margin: 0 auto
    }

    .calendar-box.float-right {
        margin: 0;
    }

    .recent-search {
        float: left;
        margin: 15px 0 0 0
    }

    .search-input-box input, .search-input-box textbox, .calendar {
        font-size: 16px;
        font-weight: 600
    }

    .tab-container .form-group .form-label, .widget-search-tabs .form-label {
        font-weight: normal;
        margin: 0;
    }

    .widget-cus-id {
        margin: 0 auto;
        width: 100%;
        float: none;
    }

    .cryptic-tabs .nav-link {
        width: 100%;
        border-radius: 5px 5px 0 0 !important;
        padding: 5px 10px;
    }

    .cryptic-tabs .nav-tabs {
        margin: 0
    }

    .trip-navigation {
        width: auto;
        display: inline-block
    }

    .flight-menu {
        margin: 15px 0;
        overflow-x: visible;
        overflow-y: visible;
        white-space: inherit;
        padding: 0
    }

        .flight-menu .flight-sub-tab {
            width: auto;
            font-size: 14px;
            font-weight: 400;
            text-align: center;
        }

    .tab-container .password {
        margin: 10px 0;
    }

    .retrieve-agent-id {
        width: 100% !important;
    }

        .retrieve-agent-id .form-holder {
            margin: 0;
        }

    .search-input-box .widget-cus-id .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0 !important;
    }

    .manage-booking-area .nav-link {
        width: 25%;
        font-size: 13px;
        line-height: 20px !important;
    }

    .manage-booking-area .select2-container--default .select2-selection--multiple {
        height: auto;
    }

    .manage-booking-area .search-input-box {
        height: auto;
    }
    /**Modify Section CSS**/
    .modify-section .form-group {
        width: 100%;
    }

    .modify-section .search-input-box {
        width: 47%;
    }

    .modify-section .calendar-area {
        padding: 0;
        border: 0;
        margin: 0 40px 0 0;
        width: 48%;
    }

    .modify-section .mod-edit-btn {
        width: 100%;
        display: block;
        margin: 15px auto 0;
        float: none;
    }

    .modify-section .calendar-box:last-child {
        margin: 0;
        float: right;
    }

    .modify-section .trip-navigation {
        float: right;
        margin: 0
    }

    .modify-section .passenger-nav {
        padding: 0;
        max-width: 160px;
    }

    .filter-section .filter-btn {
        margin: 0 5px 0 0
    }



    .result-show-box .res-airline-title {
        max-width: 250px;
        padding: 5px 0 0 5px;
    }

    .res-route strong {
        font-size: 14px;
    }

    .res-price-text strong {
        font-size: 14px;
    }

    .res-pricing .com-btn, .res-pricing .re-btn {
        padding: 5px;
        display: block;
        min-width: inherit;
        font-size: 14px;
    }

    .res-pricing p {
        margin: 0
    }

    .res-flight-details {
        padding: 0
    }

    .result-main-left .nav-tabs {
        margin: 0 0 15px;
        font-weight: bold;
    }

    .result-main-left .nav-item {
        display: inline-block;
    }

    .result-main-left .tab-content .return-tab {
        width: 100%;
        opacity: 0;
        display: none;
    }

    .result-main-left .tab-content > .active {
        width: 100%;
        opacity: 1 !important;
        display: block !important;
    }

    .result-main-left .nav-item .nav-link.active {
        background: #cc2128;
        border: 1px solid #cc2128;
        color: #fff;
    }

    .result-round-box .res-price-box p {
        width: auto;
        display: inline-block;
    }

    .result-round-box .res-price-box b {
        margin: 0 5px;
        font-weight: 600;
        color: #dbdbdb;
        display: inline-block
    }

    .result-round-box .res-flg-logo {
        width: 30px;
    }

    .result-round-details .res-pricing .res-price-box {
        padding: 15px 0 0
    }

    .res-price-text .nor-fare {
        width: 15px;
        height: 15px;
        line-height: 14px;
        font-size: 12px;
    }

    .res-pricing .res-price-text {
        font-size: 10px;
        margin: 5px 0 0 0
    }

    .shareemail-modal .re-btn {
        margin: 10px auto 0;
        padding: 5px 20px;
        min-width: auto;
        font-size: 16px;
    }

    .whitepatch ul li {
        display: inline-block;
        width: calc(50% - 7px);
        border: 1px solid #d5d5d5;
        background: #f3f3f3;
        border-radius: 5px;
        font-size: 13px;
        text-align: center;
        padding: 10px 5px;
        margin: 0 5px 10px 0 !important;
        font-weight: 600;
        line-height: 18px;
        color: #585858;
        min-height: 74px;
        vertical-align: top;
    }

    .seatbtn .com-btn {
        padding: 4px 10px !important;
    }

    .modify-heading {
        padding: 15px 0
    }

    .res-flight-details {
        margin: 5px 0 0 0;
    }

    .flight-stop-title {
        font-size: 10px;
    }

    #sideMenuContainer {
        top: 50px;
    }

    .rail-eur-content .passdown__header {
        padding: 5px 0;
    }

    .rail-eur-content .select2-container {
        width: 100% !important
    }

    .rail-day-box {
        padding: 0 15px 15px 15px;
        border: 0;
        border-right: 1px solid #9B9B9B;
        display: inline-block
    }

    .rail-search-price {
        float: left;
        text-align: left
    }

    .pass-cond-box {
        padding: 0;
        margin: 30px auto 0
    }

        .pass-cond-box .form-group .description {
            width: 100%
        }

        .pass-cond-box .form-group .cond-price {
            width: 100%;
            float: left;
            text-align: left;
        }

        .pass-cond-box li {
            display: inline-block;
            padding: 15px !important;
        }

    .rail-detail-box .rail-logo {
        width: 60px;
    }

    .rail-detail-box .rail-ser-note {
        padding: 0 15px;
    }

    .rail-detail-area, .rail-pri-area {
        margin: 50px auto 0
    }

    .modi-rail .calendar-area {
        width: 45%;
    }

    .cond-price {
        float: left !important;
    }

    .rail-pri-area .rail-booking {
        font-size: 12px;
        padding: 5px;
        margin: 15px auto 0
    }

    .rail-pri-area .description {
        display: inline-block;
        padding: 5px;
        width: 100%;
    }

    .rail-pri-box strong {
        width: 100%;
        display: block
    }

    .add-travel-box .book-show-box .form-control {
        padding: 10px 5px;
    }

    .modi-rail .widget-cus-id .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0 !important
    }

    .rail-pri-area .re-btn, .rail-pri-area .com-btn {
        font-size: 14px;
        padding: 5px 10px !important;
        margin: 15px 0 0 10px;
        border: 1px solid #CC2128
    }

    .bottombtn {
        padding: 0 0 30px 0;
        display: block;
        margin: 0 auto;
        width: 100%;
        text-align: center;
    }

    .result-show-box .res-get-disc {
        float: left;
        margin: 0 0 5px 0;
        width: 100%;
    }

    .pd-to {
        padding-top: 0px
    }

    .pd-lf {
        padding-left: 15px;
    }

    .pd-lr {
        padding-right: 15px
    }

    .p-0 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .cruise-content .recent-search .trip-navigation, .cruise-content .recent-search {
        width: 100%;
    }

    .flight-cust {
        margin: 0 auto 10px;
    }

    .rail-eur-content .flight-swipe {
        top: 38px;
    }

    .section-404 {
        height: auto;
    }

    .content-box-404 {
        padding: 50px 0
    }

        .content-box-404 p {
            font-size: 16px;
        }

    .product-list-slider .slick-track {
        width: 230% !important;
        float: none !important;
        height: 100px !important;
    }

    .product-area .product-list-slider {
        margin: -75px auto 0;
    }

    /* .flight-swipe {
        height: 7px;
        text-align: left;
    }

    .modify-area .flight-swipe {
        top: 15px;
        width: 50px;
        height: 10px;
        position: relative;
        left: 46%;
    }
*/
    .oneWayBkBtn {
        float: left
    }

    .pl-0 {
        padding-left: 15px !important;
    }

    .pr-0, .px-0 {
        padding-right: 15px !important;
    }

    .result-show-box .res-price-box .res-price-text {
        float: left;
        margin: 0 10px 0 0
    }

    .oneWayBkBtn {
        float: right;
    }

    .earnul {
        width: 100%;
    }

    .flight-list-section.small {
        position: relative
    }

    .sidebar.fixed {
        max-width: 215px;
    }

    .price-break .total-fare-box span {
        width: 100%;
    }

    .price-break .total-fare-box p, .cabin-priz-box {
        width: 100%;
        float: left;
        text-align: left;
    }

    .cryptic-tabs .cryptic-arrow {
        height: 380px;
    }

    .filter-result .fliter-click-btn {
        min-width: 50px;
    }

    .result-round-sort ul {
        display: inline-block;
        width: 100%;
    }

    .result-round-details .res-price-text {
        margin: 50px 0 0 0;
    }
}


@media only screen and (max-width: 768px) {
    /*New css*/
    .dis-box {
        display: block;
        justify-content: center;
    }

    .hotel-box .res-price-box {
        height: auto;
        position: relative;
    }

    .room-details {
        min-height: 98px;
        height: auto;
    }

    .cruise-content .recent-search .trip-navigation {
        float: left;
        margin: 0;
        width: 197px;
    }

    .result-show-box .container {
        width: 100%;
        max-width: 100%;
        overflow: initial !important;
    }

    .discount {
        border-right: 0px dashed #CC2128;
        border-bottom: 1px dashed #CC2128;
        padding: 0 !important;
        margin: 0 10px 10px 10px !important;
    }

    .hotel-box {
        width: 100%;
        display: block;
        padding: 15px 0;
        overflow: initial;
        margin: 0 auto 20px;
    }

    .newtab .dropdown-toggle::after, .widget-search-tabs .nav-link:after {
        bottom: 2px !important;
    }

    .result-round-box .res-price-box {
        padding: 0
    }

    .ui-datepicker-multi-2 .ui-datepicker-group {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    h1 {
        font-size: 24px;
        margin: 0 0 20px 0;
        line-height: 28px;
    }

    h2 {
        font-size: 20px;
        line-height: 24px;
    }

    h3 {
        font-size: 18px;
        line-height: 24px;
        margin: 0 0 15px 0;
    }

    .com-btn {
        width: auto;
        padding: 5px 15px !important;
        font-size: 16px;
    }

    .re-btn {
        font-size: 14px;
    }
    /**Header Section CSS**/
    header .logo-box {
        max-width: 300px;
    }

        header .logo-box a {
            max-width: 130px;
        }

        header .logo-box span {
            height: 50px;
            margin: 0 8px
        }

    header.small .logo-box a {
        max-width: 100px;
    }

    header.small .logo-box span {
        height: 40px;
        margin: 0 8px
    }

    .banner-content .banner-img {
        width: 100%;
    }

    .banner-section:before {
        width: 45%;
    }

    .banner-slider {
        margin: 0 !important
    }

    nav {
        margin: 0px 0 0 0;
    }

    header.small nav {
        margin: 10px 0 0 0;
    }

    header.small .nav-link {
        color: #fff;
    }

    header.small nav li.active:before {
        background: #fff;
        width: 100%;
    }

    .profile-nav .navbar-toggler {
        top: 15px;
    }

    .banner-form {
        padding: 30px 15px;
        margin: 30px auto 0
    }

        .banner-form h2 {
            font-size: 28px;
        }

        .banner-form .form-control {
            width: 100%;
            padding: 10px 60px 10px 25px;
        }

        .banner-form .form-group:before {
            top: 12px;
            right: 15px;
        }

    .banner-section {
        overflow: hidden
    }

    .banner-scroll {
        bottom: -30px;
    }
    /**About Us Section CSS**/
    .title {
        font-size: 20px;
        margin: 0 0 30px
    }

        .title span {
            font-size: 16px;
        }

    .about-section h2 span {
        font-size: 28px;
        padding: 0 0 20px 0;
    }

    .about-section h2 {
        margin: 0 0 20px
    }

    .we-offer-card {
        height: auto;
        margin: 0 auto 30px;
        display: inline-block;
        padding: 30px;
    }

        .we-offer-card p {
            margin: 0 auto 30px;
        }

        .we-offer-card .com-btn {
            position: inherit;
            right: inherit;
            bottom: inherit;
            border: 2px solid #CC2128;
            background: #CC2128;
            color: #fff;
            margin: 0;
        }
    /**Benefits Section CSS**/
    .benefits-section {
        margin: 0 auto;
    }

        .benefits-section .benefit-artwork {
            width: 100%;
            height: auto;
            display: inline-block;
            position: inherit;
            top: inherit;
            right: inherit;
            margin: 0 auto
        }

        .benefits-section:before {
            content: "";
            width: 100%;
            height: 30%;
            top: 50px;
        }

    .benefits-card {
        width: 100%;
        display: block;
        margin: 0 auto 30px
    }

        .benefits-card p {
            width: 100%;
            margin: 0 0 30px 0
        }

        .benefits-card h3 {
            font-size: 20px
        }
    /**Procedure Section CSS**/
    .procedure-section {
        padding: 50px 0
    }

    .procedure-card {
        padding: 30px;
        margin: 0 auto 30px;
    }

        .procedure-card h3 {
            margin: 15px auto 30px;
        }

        .procedure-card p {
            margin: 0 0 30px 0
        }
    /**Help Section CSS**/
    .help-section {
        padding: 50px 0
    }

        .help-section .help-content {
            margin: 50px 0 0 0
        }

    .help-content .title {
        color: #fff;
        line-height: 40px;
        font-size: 30px;
        margin: 0 0 30px 0
    }
    /**Register box Css**/
    .register-box .title {
        margin: 0 auto 30px
    }

    .register-form .form-control {
        padding: 6px 110px 6px 15px;
    }

    .register-box .register-form .com-btn {
        min-width: 100px;
    }

    .widget-cus-id {
        margin: 0 0 10px 0;
    }

    .tab-container .hotel-booking {
        margin: 0 0 10px 0
    }
    /**Footer Css**/

    footer:before {
        background: url("../images/footer-illustration.png")no-repeat center bottom;
        height: 100%;
        background-size: cover
    }

    footer:after {
        display: none
    }

    footer .logo-box a {
        max-width: 150px
    }

    footer .register-form {
        margin: 0 auto 50px;
    }

    .social {
        margin: 30px 0
    }

        .social a {
            margin: 0 5px 0 0;
            border: 1px solid #CC2128
        }

    .foot-menu {
        margin: 15px 0 0 0
    }

        .foot-menu.comp-info {
            margin: 15px 0 0 0
        }

        .foot-menu p {
            margin: 0
        }

    footer .logo-box {
        margin: 0;
    }
    /**Pro slider banner**/
    .pro-slider-banner {
        margin: 30px auto;
    }

    .notification-slider .slick-arrow:before {
        width: 30px;
        height: 30px;
    }

    .notification-slider .slick-arrow {
        top: -55px
    }

    .notification-slider .slick-prev {
        right: 46px;
    }

        .notification-slider .slick-prev:before {
            background-position: 5px -36px;
            border-radius: 10px 0 0px 10px;
        }

    .notification-slider .slick-next:before {
        background-position: -25px -36px;
        border-radius: 0 10px 10px 0;
    }

    .pro-slider-banner .slick-dots li button:before {
        width: 10px;
        height: 10px;
    }

    .pro-slider-banner .slick-dots li {
        margin: 0
    }

    .pro-slider-banner .slick-dots {
        right: 5px;
        bottom: 5px;
    }

    .notification-slider .slick-slide p {
        margin: 0 auto
    }

    /*.tab-content .re-btn {
        padding: 5px 60px 5px 15px;
    }*/

    .tab-content .re-btn:before {
        top: 18px;
    }

    .hotel-booking .add-room {
        min-width: 280px;
    }
    /**Widget CSS**/
    .calendar-box {
        max-width: inherit;
        margin: 0 0 10px 0;
    }

        .calendar-box.float-right {
            margin: 0;
            border-top: 2px dashed #CDCDCD;
            padding: 10px 0 0 0
        }

    .trip-navigation, .pre-airline {
        width: 100% !important;
    }

    .recent-search .trip-navigation {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .widget-cus-id {
        display: block;
        float: none;
    }

    .recent-search {
        float: left;
        margin: 5px 0 0 0;
        width: 100%;
    }

    .form-check {
        width: 100%;
        margin: 0 auto 5px;
    }

    .profile-nav .dropdown-menu {
        right: 0;
        left: auto;
    }

    .calendar-box {
        max-width: inherit
    }

    .trip-navigation {
        width: 100%;
        margin: 0 auto
    }

    .passenger-nav, .passdown__header--title {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .search-section {
        padding: 30px 0 50px;
    }

    .passdown-body-down {
        width: 100%
    }

    .widget-search-tabs .nav-link {
        text-align: center
    }

        .widget-search-tabs .nav-link i {
            display: block;
            margin: 0 auto;
            float: none;
        }

        .widget-search-tabs .nav-link:after {
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto
        }

    .widget-search-tabs .nav-link {
        line-height: 24px;
    }

    .passdown__header--icon {
        margin-left: 15px;
        right: 7px;
        position: relative;
    }

    .trip-navigation .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 12px
    }

    .passdown__header {
        width: 100%;
        /* padding: 0 0 0 10px;*/
    }

    .widget-cus-id .select2-container, .widget-cus-id .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0
    }

    .flight-menu .flight-sub-tab {
        width: auto;
        font-size: 12px;
        font-weight: 400;
        text-align: center;
    }

    .retrieve-pnr .password {
        margin: 0;
    }

    .flight-menu .nav-item .divide {
        /*    display: none;
*/
    }

    .retrieve-agent-id .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding: 0 !important;
    }

    .manage-booking-area .calendar-box {
        max-width: 49%;
        margin: 0;
    }

        .manage-booking-area .calendar-box.float-right {
            border-top: 0;
            padding: 0;
        }

    .manage-booking-area .calendar {
        font-size: 14px;
        background-position: 95px 5px;
    }

    .bookingtra-cal .calendar {
        width: 150px;
        background-position: 120px 5px;
    }
    /**modify-section CSS**/
    .result-main-section {
        margin: 15px auto 30px;
    }

    .modify-section .search-input-box {
        width: 100%;
        margin: 0 auto 15px;
        height: 50px;
    }

    .modify-section .calendar-area {
        width: 100%;
        max-width: inherit;
        margin: 0 auto;
        border: 0;
        padding: 0
    }

    .modify-section .form-group {
        display: inline-block;
        margin: 0 auto;
    }

    .modify-section .calendar-box {
        margin: 0 15px 0 0;
        max-width: 47.5%;
    }

    .modify-section .passenger-nav, .modify-section .trip-navigation {
        max-width: 47.5% !important;
    }

    .modify-section .trip-navigation {
        height: auto
    }

    .modify-section .calendar, .modify-section .re-date-offer {
        color: #1c1c1c;
        font-size: 14px;
        background-position: 98% 2px;
    }

    .modify-section .select2-container--default .select2-selection--single .select2-selection__rendered, .modify-section .passdown__header--title, .modify-section .search-input-box input, .modify-section .re-date-offer, .modify-section .calendar, .modify-section .re-date-offer {
        font-size: 14px;
        font-weight: 600;
    }

    .modify-section .select2-container, .modify-section .select2-container--default .select2-selection--single .select2-selection__rendered {
        width: 100% !important
    }

    .flight-de-desk {
        display: none;
    }

    .flight-de-device {
        display: block;
    }

    .res-hurry-off {
        width: 100%;
        position: relative;
        display: inline-block;
        text-align: left;
        border-radius: 0;
    }

    .res-route strong, .res-price-text strong {
        font-size: 14px;
    }

    .flight-stop-box {
        padding: 0 15px !important;
    }

    .flight-stop-details .res-timing {
        display: block;
    }

    .result-show-box .res-timing svg {
        width: 100%;
        display: block;
        margin: 0 0 5px 0;
    }

    .flight-stop-box .res-bagage {
        display: block;
    }

    .result-show-box .res-pricing {
        border: none
    }



    .res-pricing .res-price-box {
        height: auto;
        position: inherit;
        padding: 10px 0;
        border-bottom: 1px solid #f7f7f9;
    }

    .filter-slider-desk {
        display: none
    }

    .mob-filter {
        display: block
    }
    /**Filter Section Css**/

    .mob-filter {
        display: block
    }

    .mob-fliter-click-box {
        width: 250px;
        padding: 10px;
        position: absolute;
        right: 0;
        left: 0;
        margin: auto;
        top: 75px;
        box-shadow: 0 0 15px -5px rgba(0, 0, 0, 0.8);
        border-radius: 10px;
        background: #fff;
        z-index: 99;
    }

        .mob-fliter-click-box .filter-close {
            width: 20px;
            height: 20px;
            line-height: 20px;
            display: inline-block;
            position: absolute;
            right: 10px;
            top: 10px;
            font-size: 14px;
            text-align: center;
            color: #707070;
            cursor: pointer
        }

        .mob-fliter-click-box h3 {
            padding: 0;
            display: block;
            font-size: 14px;
            font-weight: 600;
        }

        .mob-fliter-click-box .irs--round .irs-min, .mob-fliter-click-box .irs--round .irs-max {
            top: 10px;
            background: none;
        }

    .result-round-sort .mob-fliter-click-box {
        right: 15px;
        left: inherit;
    }

    .filter-section .filter-btn {
        font-size: 14px;
        margin: 0 0 10px 0;
        display: inline-block;
    }

    .mob-filter .one-return-tab {
        position: relative;
        left: 0;
        right: 0;
        padding: 10px;
        background: #fff;
    }

    .mob-filter .fliter-click-box {
        position: absolute;
        display: block !important;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
    }

        .mob-filter .fliter-click-box .tab-content {
            background: #fff;
            padding: 15px;
        }

    .filter-wrap {
        position: relative;
        margin: 0 auto;
        overflow: scroll;
        padding: 5px;
        height: 35px;
    }

        .filter-wrap .mob-tab-pan {
            display: none
        }

    .filter-list {
        position: absolute;
        left: 0px !important;
        top: 0px;
        min-width: 1000px !important;
        margin-top: 0px;
        border: 0;
    }

        .filter-list li {
            display: table-cell;
            position: relative;
            text-align: center;
            cursor: grab;
            cursor: -webkit-grab;
            color: #efefef;
            vertical-align: middle;
            margin: 0 5px 0 0;
        }

    .filter-scroll {
        text-align: center;
        cursor: pointer;
        display: none;
        padding: 5px;
        white-space: no-wrap;
        vertical-align: middle;
        color: #cd232a;
        font-size: 18px;
        top: -2px;
        position: relative;
    }

    .scroller-right {
        float: right;
        position: absolute;
        right: 0;
        top: 0;
    }

    .scroller-left {
        float: right;
        position: absolute;
        right: 0;
        top: 0;
        display: none !important
    }

    .mob-filter-box {
        display: none !important
    }

    .modify-section .mod-edit-btn {
        max-width: inherit
    }

    .result-show-box .res-airline-title {
        max-width: 100%;
        padding: 5px 0 0 5px;
    }

    .result-round-box .res-price-box {
        position: relative;
        height: auto;
        margin: 10px 0 0;
        border: 0;
    }

    .result-round-box .res-get-disc, .result-round-box .res-hurry-off {
        font-size: 10px;
        width: 100%;
        padding: 0;
        float: left;
        margin: 0;
    }

    .result-round-box .res-price-text {
        display: inline-block;
        width: auto;
        margin: 5px 5px 0 0;
        text-align: left;
        font-size: 12px;
        float: left !important;
    }

    .result-round-box .res-price-box p {
        display: inline-block;
        width: auto;
        margin: 10px 0 0 0;
    }

    .result-round-box .res-price-box b {
        margin: 0 5px;
        font-weight: 600;
        color: #dbdbdb;
        display: inline-block
    }

    .result-round-details .radio-label {
        font-size: 10px;
    }

    .result-round-box .radio strong {
        display: block
    }

    #flightdetailsticky {
        margin: 0 auto !important;
        padding: 0;
        z-index: 9;
    }

    .result-round-details .res-price-box {
        padding: 10px 0 0 0;
        margin: 10px auto 0;
        text-align: left;
        border: 0;
        border-top: 1px solid #fff;
    }

    .result-round-details .result-round-box .res-price-box {
        padding: 10px 0 0
    }

    .result-round-details .result-round-box .res-price-text {
        margin: 0 auto;
        padding: 0 0 5px 0
    }

    .result-round-details .result-round-box .res-price-box b {
        display: none
    }

    .result-round-details .result-round-box .res-price-box p {
        margin: 0
    }

        .result-round-details .result-round-box .res-price-box p.hold {
            margin: 0
        }

    .result-round-details .res-get-disc {
        bottom: -31px;
        font-size: 10px;
        max-width: 175px;
    }

    .result-round-details .res-flight-details {
        border: 0;
    }

    .result-round-details .res-pricing .res-price-box {
        height: auto;
        padding: 5px;
        width: 100%;
    }

    .result-round-details .res-get-disc:before {
        content: "";
        position: absolute;
        top: 0px;
        left: -9px;
        width: 0;
        height: 0;
        border-left: inherit;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-right: 10px solid #fff;
    }

    .res-route p {
        line-height: 12px;
    }

    .result-round-details .result-round-box .radio {
        margin: 0;
        height: auto
    }

    .result-round-details .nav-link, .multi-search .nav-link {
        font-size: 12px;
        padding: 5px;
        margin: 0 5px 0 0;
    }

    .result-round-details .result-round-box {
        height: auto
    }

    .shareemail-modal .re-btn {
        float: none;
        margin: 0 auto;
        padding: 5px 20px;
        min-width: auto;
    }

    .result-round-sort h3 {
        font-size: 13px;
        font-weight: 400;
        text-transform: inherit;
        margin: 0;
    }

    .price-list .form-check label:before {
        margin: 0;
        float: left;
        top: 6px;
    }

    .form-check input:checked + label:after {
        top: 8px;
    }

    .price-list li {
        margin: 0 5px 5px 0;
    }

    .result-round-details .res-flg-logo {
        width: 15px;
        height: 15px;
        margin: 10px 0 0 0
    }

    .otherservice li {
        width: 65px;
        height: 65px;
        border-radius: 5px;
        float: left;
        padding: 5px;
        margin: 0 5px;
    }

    .result-show-box .p-1 {
        padding: 0 15px !important;
    }

    .search-input-box {
        margin: 0
    }

    .calendar-area {
        margin: 0 auto 10px
    }

    .search-input-box.flight-from, .search-input-box.rec-flight {
        width: 100%;
        height: auto;
        padding: 15px 10px;
    }

    .ui-menu {
        z-index: 9;
    }

    .rail-detail-area h2 {
        padding: 10px;
        font-size: 18px;
        top: -40px
    }

    .rail-detail-area .earnul {
        top: -82px
    }

        .rail-detail-area .earnul li {
            margin: 0 5px 0 0;
        }

    .tab-to-dropdown {
        position: relative;
    }

    .converted-tab {
        position: absolute;
        z-index: 10;
        top: 100%;
        left: 0;
        width: 100%;
        padding: 15px 0;
        background: #fff;
        box-shadow: 0px 10px 20px #8f0a1140;
    }

    .filter-trip {
        padding: 5px 15px;
    }

    .modi-rail .search-input-box {
        height: auto;
        max-width: 100% !important
    }

    .modi-rail .select2-container--default .select2-selection--single {
        padding: 0
    }

    .modi-rail .widget-cus-id .select2-container--default .select2-selection--single .select2-selection__arrow b {
        top: 5px;
    }

    .modi-rail .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: -15px;
    }

    .rail-detail-box .rail-ser-note {
        padding: 15px
    }

    .rail-day-box {
        border: 0;
    }

    .seatbooking {
        overflow-x: auto
    }

        .seatbooking .seat:nth-child(5) {
            margin-right: 5%;
        }

    .room-details {
        min-height: auto;
        height: auto;
    }

    .hotel-room-cat {
        min-height: auto;
        height: auto;
    }

    .earnul {
        margin: 0 auto;
    }

    .rail-eur-content .flight-from, .rail-eur-content .rec-flight {
        width: 100%;
        padding: 20px 15px;
    }

        .rail-eur-content .flight-from:before {
            transform: rotate(90deg);
            bottom: -14px;
            top: inherit;
            left: 0;
            right: 0;
            margin: auto;
        }

        .rail-eur-content .rec-flight:before {
            bottom: inherit;
            top: -14px;
            left: 0;
            right: 0;
            margin: auto;
            transform: rotate(90deg);
        }

    .rail-eur-content .flight-swipe {
        top: 0;
    }

    .cruise-content, .cryptic-tabs, #hotel-nav {
        margin: 15px 0 0 0;
    }

    .newtab .dropdown-toggle::after, .widget-search-tabs .nav-link:after {
        bottom: 2px !important;
        left: 0 !important;
    }

    .mt20 {
        margin-top: 20px;
    }

    .widget-search-tabs .nav-link i.arrow-icon {
        top: 9px;
    }

    .manage-booking-area .nav-link {
        width: 25%;
        font-size: 11px;
        line-height: 20px !important;
    }

    ul.viewpnr {
        margin: 0 auto;
        text-align: center;
        display: flex;
        justify-content: space-around;
        width: 100%;
    }

    ul.printbtn li {
        display: inline-block;
        margin: 2px 2px;
        width: calc(100% - 42px);
    }

    ul.fare-check {
        margin: 15px auto 0;
        text-align: center;
        display: flex;
        justify-content: space-around;
        width: 100%;
        padding: 0;
    }

    .tabletab .flight-menu .flight-sub-tab {
        position: relative;
        font-size: 14px;
        font-weight: 500;
        padding: 10px 10px;
        line-height: 20px;
        display: inline-block;
        border-radius: 5px !important;
        width: auto;
    }

    .flight-menu .nav-item .divide {
        margin: 0 2px;
    }

    .pro-slider-banner .slick-arrow {
        width: 25px;
        height: 25px;
        border-radius: 40px;
        background: #D9DDDE59 0% 0% no-repeat padding-box;
        z-index: 9;
    }

    .pro-slider-banner .slick-prev:before, .pro-slider-banner .slick-next:before {
        font-size: 14px;
    }

    .pro-slider-banner .slick-prev {
        left: 5px;
    }

    .pro-slider-banner .slick-next {
        right: 5px;
    }

    .product-area .product-list-slider a {
        font-size: 13px;
        word-wrap: break-word;
    }

    .rail-eur-content .flight-swipe {
        width: 100%;
    }

    .rail-eur-content .search-input-box:first-child {
        margin: 10px 0 0 0
    }

    .widget-cus-id .form-control {
        padding: 5px;
    }

    .widget-cus-id label, .print-box label {
        margin-bottom: 0 !important
    }

    .manage-booking-area .calendar-area {
        height: auto;
    }

    .manage-booking-area .calendar {
        margin: 0
    }

    .result-round-box .res-hurry-off, .result-round-box .res-get-disc {
        width: 100%;
        display: block;
        margin: 10px auto 0
    }

    .flight-stop-tabs .nav-link, .multi-search .nav-link {
        font-size: 11px;
    }
}

@media only screen and (max-width: 414px) {
    .foot-contact h3 {
        font-size: 16px;
        margin: 0 0 15px 0;
    }

    .hotel-booking .child-holder .form-holder {
        width: auto;
        margin: 0 0 10px 0
    }

    .result-round-box .res-price-box {
        padding: 0
    }

    .modify-section .re-btn {
        margin: 0;
    }

    .result-round-sort ul {
        float: left
    }
}

@media only screen and (max-width: 320px) {
    .widget-search-tabs .nav-link {
        padding: 5px 11px;
        font-size: 12px;
        width: auto;
    }

    .manage-booking-area .nav-link {
        width: 25%;
        font-size: 10px;
        line-height: 20px !important;
    }

    .tabletab .flight-menu .flight-sub-tab {
        position: relative;
        font-size: 12px;
        font-weight: 500;
        padding: 10px 8px;
        line-height: 20px;
        display: inline-block;
        border-radius: 5px !important;
        width: auto;
    }
}
/* Landscape Media Query*/
@media only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
    .profile-nav .navbar-toggler {
        top: 15px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape) {
}

@media only screen and (min-device-width: 569px) and (max-device-width: 767px) and (orientation:landscape) {
    /**Widget CSS**/
    .trip-navigation .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: 18px;
    }

    .passdown__header--icon {
        right: 12px;
    }

    .about-section h2 span {
        font-size: 24px;
        padding: 0 0 20px 0;
    }
}

@media only screen and (min-device-width: 813px) and (max-device-width: 1279px) and (orientation:landscape) {
    .flight-from, .rec-flight {
        height: 100px;
    }

    .calendar-box {
        max-width: inherit
    }

        .calendar-box.float-right {
            margin: 20px 0 0 0;
            border-top: 2px dashed #CDCDCD;
            padding: 15px 0 0 0;
        }

    #hotel-nav .calendar-box {
        max-width: 190px
    }

        #hotel-nav .calendar-box.float-right {
            float: right !important;
            margin: 0;
            padding: 0;
            border: none
        }

    .manage-booking-area .calendar-box {
        max-width: 180px;
    }

        .manage-booking-area .calendar-box.float-right {
            padding: 0;
            margin: 0;
            float: right !important;
            border: 0;
        }
}

@media only screen and (min-device-width: 569px) and (max-device-width: 812px) and (orientation:landscape) {
    /**Widget CSS**/
    .calendar-box {
        max-width: 175px;
    }

        .calendar-box.float-right {
            margin: 0;
            border: 0;
            padding: 0
        }

    .calendar-box {
        margin: 0
    }

    .recent-search {
        width: 100%;
    }

    .profile-nav {
        padding: 0;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio:2) {
}

@media only screen and (min-width: 813px) and (max-width: 1080px) {
    footer:before {
        height: 710px;
    }

    .calendar-box.float-right {
        float: left !important;
        margin: 35px 0 0 0;
        border-top: 2px dashed #CDCDCD;
        padding: 45px 0 0 0;
    }

    .calendar-box {
        max-width: inherit
    }

    #hotel-nav .calendar-box {
        max-width: 190px
    }

        #hotel-nav .calendar-box.float-right {
            float: right !important;
            margin: 0;
            padding: 0;
            border: none
        }

    .calendar-box.float-right {
        margin: 10px 0 0 0;
        padding: 10px 0 0 0;
    }
}

@media only screen and (max-width: 767px) {
    .form-control {
        margin: 0 0 10px 0
    }

    ul.tabs li {
        display: block;
        text-align: left;
        padding: 0;
    }

        ul.tabs li a {
            color: #000;
            display: block;
            padding: 20px 24px;
        }

    .selected-tab {
        position: relative;
        height: 40px;
        padding: 5px 35px 5px 15px;
        margin: 0 auto 30px;
        line-height: 30px;
        color: #747474;
        background-color: #fff;
        font-size: 16px;
        font-weight: 600;
        box-shadow: 0px 10px 20px #8f0a1140;
    }

        .selected-tab:after {
            display: block;
            content: "";
            position: absolute;
            top: 50%;
            right: 15px;
            width: 0;
            height: 0;
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
            border-top: 7px solid #747474;
            border-left-color: transparent !important;
            border-right-color: transparent !important;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
        }

    .mob-filter .sel-grp-airline .form-group {
        margin: 0
    }

    .result-round-sort span {
        width: 100%;
        display: block;
        margin: 10px auto 0
    }

    .result-round-sort ul {
        font-size: 12px;
        width: 100%;
    }

    .result-round-sort span li:last-child {
        float: right
    }

    .sidebar, .sidebar.fixed {
        position: inherit;
        max-width: inherit;
        top: inherit !important
    }

    .seat-box-area .nav-pills .nav-link {
        width: auto;
        padding: 5px 5px 5px 5px;
    }

        .seat-box-area .nav-pills .nav-link:before {
            display: none
        }

    .trip-listing {
        overflow-x: auto
    }
}
/*Changes by vaibhav*/

@media only screen and (max-width:2560px) {
    .trip-content .search-input-box {
        padding: 7px 9px 7px 15px !important;
        height: 90px;
    }

    .trip-content .calendar-area {
        height: 90px;
        padding: 9px 9px 9px 9px
    }


    .calendar, .re-date-offer {
        font-size: 17px !important;
    }

    .search-input-box {
        padding: 9px 9px 9px 9px !important;
        height: 60px;
    }

    .manage-booking-area .search-input-box {
        height: 60px;
    }

    .manage-booking-area .calendar-area {
        height: 63px !important;
        padding: 9px 9px 9px 9px !important;
    }

    .form-group label, .multiselect-selected-text {
        font-size: 12px !important;
    }

    .filter-section {
        padding: 3px 0 !important;
    }

    header {
        padding: 5px 0 0px !important;
    }

    .sel-grp-airline .form-group {
        margin-bottom: 5px !important;
    }

    .result-round-details .res-pricing .res-price-text {
        width: 92% !important;
    }
}


@media only screen and (max-width:1920px) {
    .product-area .product-list-slider {
        margin: -299px auto 10px !important
    }

    .product-area {
        padding: 50px 15px 0 !important;
    }

        .product-area .product-list-slider a {
            font-size: 14px !important;
            font-weight: 600 !important;
            margin-bottom: 10px;
        }

    .product-list-slider .pro-icon-box {
        width: 70px !important;
        height: 70px !important;
    }

    .product-list-slider .pro-icon-box {
        background: #F2F2F2 url(../images/product-list-icon.png?v1)no-repeat 12px 4px !important;
    }

    .pro-icon-box.hotel-icon {
        background-position: -61px 0 !important;
    }

    .pro-icon-box.cruise-icon {
        background-position: -134px 0 !important;
    }

    .pro-icon-box.insurance-icon {
        background-position: -352px 0 !important;
    }

    .pro-icon-box.rail-icon {
        background-position: -206px 0 !important;
    }

    .pro-icon-box.visa-icon {
        background-position: -424px 0 !important;
    }

    .pro-icon-box.sight-icon {
        background-position: -279px -3px !important;
    }

    .pro-icon-box.tmc-icon {
        background-position: -559px -1px !important;
    }

    .pro-icon-box.holiday-icon {
        background-position: -495px -2px !important;
    }

    .pro-icon-box.train-icon {
        background-position: -678px 0px !important;
    }

    .pro-icon-box.car-icon {
        background-position: -618px 0px !important;
    }

    .pro-icon-box.bus-icon {
        background-position: -735px 0px !important;
    }

    .tab-container {
        margin: 8px auto 0 !important;
    }

    .flight-from, .rec-flight {
        height: 80px !important;
    }

    .trip-content .search-input-box {
        padding: 6px 9px 6px 15px !important;
    }

    .search-input-box.rec-flight, .search-input-box {
        padding: 6px 9px 6px 19px !important;
    }

    .calendar-area {
        height: 80px !important;
    }

    .flight-menu {
        margin: 0 0 5px 0 !important;
    }

    .calendar, .re-date-offer,
    .search-input-box .inp-text {
        font-size: 16px !important;
    }

    .flight-from:before {
        padding: 9px 5px 10px 15px !important;
        right: -2.8px !important;
    }

    .rec-flight:before,
    .flight-from:before {
        top: 17px !important;
    }

    .flight-swipe {
        top: 25px !important;
    }

    .pre-airline {
        margin: 5px 0 0 0 !important;
    }

    .stop-check {
        margin: 14px 0 0 0 !important;
    }

    .flight-from p, .rec-flight p {
        font-size: 13px !important;
    }

    .widget-cus-id .form-control {
        padding: 6px 15px !important;
    }

    .manage-booking-area .search-input-box {
        height: 65px !important;
    }

    .manage-booking-area .calendar-area {
        height: 65px !important;
        padding: 6px 9px 6px 9px !important;
    }

    .manage-booking-area .multiselect-dropdown,
    .tab-container,
    .trip-selector, .custid-selector {
        font-size: 14px !important;
        font-weight: 500 !important;
        color: #4d5154 !important;
    }

    .multiselect-dropdown span.placeholder {
        color: #4d5154 !important;
    }

    .result-main .result-show-box {
        margin: 0px auto 12px !important;
        border: 1px solid #fff !important;
        padding: 3px 3px 5px 3px !important;
        box-shadow: 0px 2px 5px #ffbcc04d !important;
    }

    .result-show-box .res-flg-logo {
        width: 25px !important;
    }

    .result-show-box .res-airline-title {
        font-size: 13px !important;
    }

    .flight-indicator {
        margin: 3px 0 0 0 !important;
    }

    .res-route strong {
        font-size: 12px !important;
    }

    .res-route p {
        line-height: 13px !important;
        font-size: 12px !important;
    }

    .result-main .result-show-box {
        font-size: 11px !important;
    }

    .res-hurry-off {
        margin: -2px 0 3px 0 !important;
    }

    .price-list {
        padding: 4px 0 0 !important;
        margin: 1px 0 0 !important;
    }

    .price-list {
        display: table !important;
        padding: 2px 0 0 0 !important;
        margin: 2px 0 0 0 !important;
    }

    .result-round-box .res-price-box {
        padding: 0 0 0px 3px !important;
    }

    .result-main .result-show-box {
        margin: 0px auto 6px !important;
        border: 1px solid #f1f1f1 !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px -1px, rgba(0, 0, 0, 0.06) 0px 2px 1px -1px !important;
    }

    .result-round-details .res-pricing .com-btn {
        padding: 5px 4px !important;
    }

    .scrollbox::-webkit-scrollbar {
        width: 4px;
    }

    .scrollbox:hover::-webkit-scrollbar {
        width: 4px;
    }

    .result-round-details .res-pricing .res-price-text {
        width: 90% !important;
    }

    .widget-cus-id .form-control {
        padding: 6px 1px !important;
    }

    .flight-from p, .rec-flight p {
        font-size: 11px !important;
        line-height: 11px;
    }
}


@media only screen and (max-width:1440px) {
    .product-area .product-list-slider a {
        font-size: 12px !important;
    }

    .widget-search-tabs .form-label {
        font-size: 11px !important;
    }

    .search-input-box {
        padding: 5px 10px 5px 10px !important;
    }

    .trip-content .search-input-box {
        padding: 5px 9px 5px 18px !important;
        height: 75px !important;
    }

    .result-round-details .res-pricing .com-btn {
        padding: 5px 4px !important;
    }

    .search-input-box.rec-flight {
        padding: 6px 20px 10px 25px !important;
    }

    .flight-menu .flight-sub-tab {
        padding: 3px 6px !important;
    }

    .calendar, .re-date-offer, .search-input-box .inp-text {
        font-size: 15px !important;
    }

    .search-section .re-btn {
        bottom: -15px !important;
    }

    .tab-container .re-btn:before {
        top: 18px !important;
    }

    .manage-booking-area .search-input-box {
        height: 57px !important;
    }

    .manage-booking-area .tab-container .re-btn {
        bottom: -35px !important;
    }
    /*24.5.23*/
    .manage-booking-area .tab-container .se-add-btn {
        float: right;
        bottom: -3px !important;
    }

    .calendar-area {
        height: 75px !important;
    }

    .filtercontainer .leftfilter {
        max-width: 30%;
    }

    .filtercontainer .rightfilter {
        max-width: 70%;
        margin-top: 4px !important;
    }

    .earnul li {
        margin: 0 3px 0 0 !important;
    }

    .email-btn {
        font-size: 12px !important;
        padding: 2px 6px !important;
    }

    .filter-trip {
        margin: 0 3px 0 0 !important;
        min-width: 50px !important;
        padding: 3px 2px !important;
    }

    .filter-result .fliter-click-btn {
        min-width: 70px;
        padding: 3px 2px !important;
        font-size: 11px !important;
    }

    .result-main-section {
        margin: 10px auto 50px !important;
    }

    .result-round-sort li {
        font-size: 13px !important;
    }

    .result-main .result-show-box {
        margin: 0px auto 12px !important;
        border: 1px solid #fff !important;
        padding: 3px 3px 0px 3px !important;
        box-shadow: 0px 2px 5px #ffbcc04d !important;
    }

    .res-route strong, .result-round-box .res-price-text, .result-round-details .result-round-box .res-price-text strong {
        font-size: 12px !important;
    }

    .result-show-box .res-airline-title {
        font-size: 12px !important;
    }

    .result-show-box .res-stop {
        width: 104%;
        padding: 12px 0 3px 0 !important;
    }

    .result-round-box .radio label:before {
        padding: 6px !important;
        margin-right: 3px !important;
    }

    .result-round-box .radio input:checked + label:after {
        top: 5px !important;
        left: 4px !important;
        width: 5px !important;
        height: 10px !important;
    }

    .result-show-box .res-flg-logo {
        width: 18px !important;
        padding: 0 !important;
    }

    .flight-indicator {
        margin: 3px 0 0 0 !important;
        font-size: 11px !important;
    }

    .res-route p {
        line-height: 12px !important;
        font-size: 11px !important;
    }

    .result-show-box .res-bagage img {
        margin: 0 2px 0 0 !important;
    }

    .res-hurry-off {
        margin: -2px 0 2px 0 !important;
    }

    .result-show-box .res-price-box .res-price-text {
        float: left !important;
        margin-right: 2px !important;
    }


    .res-price-text strong {
        font-size: 12px !important;
    }
    .result-round-box .res-price-text{
        text-align:left !important;
        font-weight:500;
        font-size:11px !important;
    }

    .result-main .result-show-box {
        margin: 0px auto 8px !important;
        border: 1px solid #e9e6e6 !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px -1px, rgba(0, 0, 0, 0.06) 0px 2px 1px -1px !important;
        padding: 4px !important;
    }

    .result-round-details .res-pricing .res-price-text {
        width: 88% !important;
    }
}


@media only screen and (max-width:1366px) {
    .result-round-details .res-pricing .res-price-text {
        width: 91% !important;
    }

        .result-round-details .res-pricing .res-price-text .multicitybook {
            width: 91% !important;
        }

    .sub-text-dis {
        font-size: 11px !important;
    }

    .res-pricing p {
        font-size: 10px !important;
    }

    .result-round-details .res-pricing .com-btn {
        padding: 5px 3px !important;
        font-size: 12px !important;
        margin-right: 5px !important;
    }

    .return-airline .flight-indicator {
        font-size: 11px !important;
    }

    .result-round-box .res-flg-logo {
        width: 25px !important;
    }

    .res-route strong,
    .result-round-box .res-price-text,
    .result-round-details .result-round-box .res-price-text strong {
        font-size: 13px !important;
    }

    .res-route p {
        font-size: 11px !important;
    }

    .result-round-details .res-stop i {
        margin: 0 auto 7px !important;
    }

    .pro-icon-box .holiday-icon {
        background-position: -351px 0px !important;
    }

    .result-round-details .res-pricing .res-price-text {
        width: 95% !important;
    }

    .sub-text-dis {
        font-size: 11px !important;
    }

    .res-pricing p {
        font-size: 10px !important;
    }

    .result-round-details .res-pricing .com-btn {
        padding: 5px 4px !important;
    }

    .return-airline .flight-indicator {
        font-size: 11px !important;
    }

    .result-round-box .res-flg-logo {
        width: 25px !important;
    }

    .res-route strong,
    .result-round-box .res-price-text,
    .result-round-details .result-round-box .res-price-text strong {
        font-size: 11px !important;
    }

    .res-route p {
        font-size: 11px !important;
    }

    .result-round-details .res-stop i {
        margin: 0 auto 7px !important;
    }

    .product-list-slider .pro-icon-box {
        width: 60px !important;
        height: 60px !important;
    }
    .product-list-slider .pro-icon-box {
        background-size: 650px !important;
    }
    


    .pro-icon-box.hotel-icon {
        background-position: -47px 0px !important;
    }

    .pro-icon-box.insurance-icon {
        background-position: -284px 1px !important
    }

    .pro-icon-box.rail-icon {
        background-position: -166px 2px !important;
    }

    .pro-icon-box.sight-icon {
        background-position: -225px 0px !important;
    }

    .pro-icon-box.tmc-icon {
        background-position: -451px 1px !important;
    }

    .pro-icon-box.holiday-icon {
        background-position: -401px 0px !important;
    }

    .pro-icon-box.visa-icon {
        background-position: -342px 0px !important;
    }

    .pro-icon-box.train-icon {
        background-position: -550px 0px !important;
    }

    .pro-icon-box.bus-icon {
        background-position: -596px 0px !important;
    }

    .pro-icon-box.car-icon {
        background-position: -502px 0px !important;
    }

    .form-group label, .multiselect-selected-text {
        font-size: 11px !important;
    }

    .filter-result .fliter-click-btn {
        min-width: 60px !important;
        padding: 3px 2px !important;
        font-size: 11px !important;
    }

    .email-btn {
        padding: 2px 8px !important;
    }

    .filter-listing {
        padding-top: 5px !important;
    }

    .filter-section .filter-btn {
        font-size: 12px !important;
        margin: 7px 2px 0 2px !important;
    }

    .filter-trip {
        margin: 5px 3px 0 0 !important;
    }

    .scrollbox::-webkit-scrollbar {
        width: 4px;
    }

    .scrollbox:hover::-webkit-scrollbar {
        width: 4px;
    }

    .result-round-details .res-pricing .res-price-text {
        width: 89% !important;
    }
}


@media only screen and (max-width:1365px) {
    .return-airline .flight-indicator {
        font-size: 11px !important;
    }

    .result-round-box .res-flg-logo {
        width: 23px !important;
    }

    .res-route strong,
    .result-round-box .res-price-text,
    .result-round-details .result-round-box .res-price-text strong {
        font-size: 13px !important;
    }

    .result-round-box .res-price-text {
        line-height: 18px !important;
    }

    .res-route p {
        font-size: 11px !important;
    }

    .result-round-details .res-stop i {
        margin: 0 auto 7px !important;
    }

    .return-airline .flight-indicator {
        font-size: 11px !important;
    }

    .result-round-box .res-flg-logo {
        width: 23px !important;
    }

    .res-route strong,
    .result-round-box .res-price-text,
    .result-round-details .result-round-box .res-price-text strong {
        font-size: 13px !important;
    }

    .result-round-box .res-price-text {
        line-height: 18px !important;
    }

    .res-route p {
        font-size: 11px !important;
    }

    .result-round-details .res-stop i {
        margin: 0 auto 7px !important;
    }

    .res-route strong, .result-round-box .res-price-text, .result-round-details .result-round-box .res-price-text strong {
        font-size: 11px !important;
    }

    .result-show-box .res-stop {
        width: 104%;
        padding: 12px 0 3px 0 !important;
    }

    .result-round-box .radio label:before {
        padding: 6px !important;
        margin-right: 3px !important;
    }

    .result-round-box .radio input:checked + label:after {
        top: 5px !important;
        left: 4px !important;
        width: 5px !important;
        height: 10px !important;
    }

    .result-show-box .res-flg-logo {
        width: 18px !important;
        padding: 0 !important;
    }

    .flight-indicator {
        margin: 3px 0 0 0 !important;
        font-size: 11px !important;
    }

    .res-route p {
        line-height: 12px !important;
        font-size: 11px !important;
    }

    .result-show-box .res-bagage img {
        margin: 0 2px 0 0 !important;
    }

    .flight-indicator li.divider {
        padding: 0 !important;
    }

    .result-round-box .res-price-box .re-btn {
        padding: 2px 6px !important;
        font-size: 11px !important;
        font-weight: 500 !important;
    }

    .result-show-box .res-price-box .res-price-text {
        margin: 5px 0 0 9px !important;
        /*margin-right: 34px !important;*/
        margin-right: 10px !important;
    }

    .result-round-box .res-stop {
        font-size: 11px !important;
    }

    .flight-stop-title {
        font-size: 11px !important;
    }

    .res-route h6 {
        font-size: 13px !important;
    }

    .flight-stop-tabs .nav-link, .multi-search .nav-link {
        font-size: 12px !important;
    }
}


@media only screen and (max-width:1349px) {
    .filter-trip {
        margin: 3px 3px 0 0 !important;
        min-width: 40px !important;
        padding: 2px 2px !important;
    }

    .result-round-sort li {
        font-size: 12px !important;
    }

    .result-show-box .res-airline-title {
        display: inline !important;
    }

    .result-round-sort li .re-btn {
        padding: 3px 8px !important;
        font-size: 11px !important;
    }

    .return-airline .flight-indicator, .flight-indicator {
        font-size: 11px !important;
    }

    .result-main .result-show-box {
        margin: 0px auto 6px !important;
        border: 1px solid #f1f1f1 !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px -1px, rgba(0, 0, 0, 0.06) 0px 2px 1px -1px !important;
    }
}

@media only screen and (max-width:1333px) {
    .filter-trip {
        margin: 4px 2px 0 0 !important;
        min-width: 40px !important;
        padding: 2px 2px !important;
    }

    .result-round-box .radio {
        width: 100% !important;
    }

    .change-class, .flight-details-btn {
        font-size: 11px !important
    }

    .result-round-box .res-get-disc p, .result-round-box .res-get-disc p a {
        font-size: 11px !important;
    }

    .res-price-text strong {
        font-size: 11px !important;
    }

    .flt-details .table thead th {
        font-size: 12px !important;
    }

    .result-main .result-show-box {
        margin: 0px auto 6px !important;
        border: 1px solid #f1f1f1 !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px -1px, rgba(0, 0, 0, 0.06) 0px 2px 1px -1px !important;
    }
}


@media only screen and (max-width:1280px) {
    .sel-grp-airline .form-group label:before {
        padding: 7px !important;
    }

    .earnul li {
        font-size: 19px !important;
        margin: 0px 3px 0 0 !important;
    }

    .email-btn {
        padding: 2px 7px !important;
        font-size: 12px !important;
        line-height: 19px !important;
    }

    .filter-result .fliter-click-btn {
        min-width: 59px !important;
        padding: 3px !important;
        font-size: 9px !important;
    }

    .filter-section .filter-btn {
        font-size: 12px !important;
        margin: 6px 2px 0 0 !important;
    }

    .filter-trip {
        min-width: 43px !important;
        padding: 2px 0px !important;
        margin-right: 3px !important;
        font-size: 11px !important;
    }

    .filtercontainer .rightfilter {
        margin-top: 5px;
    }

    .filter-listing {
        padding-top: -1px !important;
    }

    .filtercontainer .rightfilter {
        padding-right: 18px !important;
    }

    .result-main .result-show-box {
        margin: 0px auto 6px !important;
        border: 1px solid #f1f1f1 !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px -1px, rgba(0, 0, 0, 0.06) 0px 2px 1px -1px !important;
    }
}

@media only screen and (max-width:1279px) {
    .flight-from:before {
        top: 41px !important;
        left: 80% !important;
    }

    .flight-from, .rec-flight {
        margin-bottom: 10px;
    }


        .rec-flight:before, .flight-from:before {
            padding: 8px 4px 30px 14px !important;
        }

        .rec-flight:before {
            top: -14px !important;
            left: 80% !important;
        }

    .flight-swipe {
        width: 100%;
        height: 20px;
        text-align: center;
        position: inherit;
        left: 40% !important;
        right: 0;
        bottom: 0;
        top: -10px !important;
        margin: auto;
        z-index: 1;
        background: url(../images/swipe-arrow-mob.png)no-repeat top center;
        position: absolute;
    }
}


@media only screen and (max-width:1264px) {
    .result-round-details .res-pricing .res-price-text {
        width: 93% !important;
        font-size: 10px !important;
    }

    .form-check label:before {
        margin-right: 4px !important;
    }

    .sub-text-dis {
        font-size: 9px !important;
        position: inherit !important;
    }

    .result-round-details .res-pricing .com-btn {
        padding: 5px 6px !important;
        font-size: 11px !important;
    }

    .result-round-details .res-pricing .res-price-text {
        width: 93% !important;
        font-size: 10px !important;
    }

    .form-check label:before {
        margin-right: 4px !important;
    }

    .sub-text-dis {
        font-size: 9px !important;
        position: inherit !important;
    }

    .result-round-details .res-pricing .com-btn {
        padding: 5px 2px !important;
        font-size: 10px !important;
    }

    .result-round-sort li {
        font-size: 13px !important;
    }

    .result-main-section {
        margin: 10px auto 50px !important;
    }

    .result-round-details .res-pricing .res-price-text {
        width: 88% !important;
    }
}


@media only screen and (max-width: 1024px) {
    .return-airline .multicity-indicator {
        margin: 0px 11px !important;
        font-size: 12px !important;
    }

    .result-show-box .res-stop {
        padding: 16px 0 0 0;
        font-size: 13px;
    }

    .client-card {
        padding: 0.75rem 0.25rem !important;
    }

    .multicity-flightdate {
        right: 9px !important;
    }

    .collapsible-link::before {
        right: 9px !important;
    }

    .tab-container .form-group {
        position: relative;
        display: inline-block;
        width: 100%;
        margin: 0;
    }

    .flight-from:before {
        top: 41px !important;
        left: 83% !important;
    }

    .flight-from, .rec-flight {
        margin-bottom: 10px;
    }

        .rec-flight:before, .flight-from:before {
            padding: 8px 4px 30px 14px !important;
        }

        .rec-flight:before {
            top: -14px !important;
            left: 83% !important;
        }

    .swapCity {
        text-align: center;
        width: 10% !important;
        display: inline-block;
        z-index: 9;
        position: absolute !important;
    }

    .flight-swipe {
        width: 100%;
        height: 20px;
        text-align: center;
        position: inherit;
        right: 0;
        bottom: 0;
        top: 38px;
        margin: auto;
        z-index: 1;
    }

    .flight-swipe {
        top: 78px !important;
        left: -270% !important;
    }

    .flight-from p, .rec-flight p {
        font-size: 11px !important;
    }

    .calendar-area {
        padding: 15px 6px 15px 9px !important;
    }

    .calendar-box.float-right {
        margin: 0 !important;
        padding: 0px 0 0 5px !important;
        border-top: none !important
    }

    .calendar-box {
        width: 50% !important;
    }

    .manage-booking-area .search-input-box {
        height: 60px !important;
    }

    .trip-navigation {
        font-size: 12px !important;
    }

    .calendar, .re-date-offer {
        background: #FFF url(../images/calendar-icon.png)no-repeat 143px 4px !important;
    }

    .filtercontainer {
        display: block !important;
    }

        .filtercontainer .rightfilter {
            width: 100% !important;
            display: block;
            max-width: 100%;
        }

        .filtercontainer .leftfilter {
            width: 100% !important;
            max-width: 100%;
            display: block;
        }

    .result-main .result-show-box {
        margin: 0px auto 6px !important;
        border: 1px solid #f1f1f1 !important;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 4px -1px, rgba(0, 0, 0, 0.06) 0px 2px 1px -1px !important;
    }

    .bookingtra-cal .calendar {
        width: 97px !important;
    }

    .pro-icon-box.tmc-icon {
        background-position: -452px -2px !important;
    }
}

@media only screen and (max-width:991px) {
    .product-list-slider .slick-track {
        width: 230% !important;
        float: left !important;
        height: 100px !important;
    }

    .calendar-area {
        padding: 15px 6px 15px 18px !important;
    }

    .widget-cus-id .form-control {
        padding: 6px 18px !important;
    }

    .ui-menu .ui-menu-item:focus,
    .ui-menu .ui-menu-item:hover {
        background: #cc2128 !important;
        color: #fff !important;
    }

    .search-input-box.rec-flight,
    .trip-content .search-input-box {
        padding: 6px 20px 10px 18px !important;
    }
}

@media only screen and (max-width:768px) {
    .multicity-flightdate {
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        top: 38px !important;
    }

    .return-airline .multicity-indicator {
        margin: 0px 4px !important;
        top: -1px !important;
    }

    .flight-menu {
        overflow-x: scroll !important;
        white-space: nowrap !important;
        height: 36px;
    }

    .tab-container {
        font-size: 13px !important;
    }

    .rec-flight:before {
        left: 83% !important;
    }

    /*.flight-from:before {
        right: -3.7px  !important;
    }*/

    .flight-swipe {
        top: 78px !important;
        left: -270% !important;
    }
}

@media only screen and (max-width:650px) {
    .product-area .product-list-slider {
        margin: -80px auto 10px !important;
    }

    .product-list-slider .slick-track {
        width: 1130px !important;
        height: 90px !important;
    }

    .slick-prev, .slick-next {
        top: 31% !important;
    }

    .product-area {
        margin: 15px auto 0 !important;
    }

    .product-list-slider .slick-next {
        right: -18px !important;
    }

    .product-list-slider .slick-prev {
        left: -28px !important;
    }

    .flight-menu li {
        margin: 0 2px !important;
    }

    .flight-from:before {
        transform: rotate( 90deg );
        bottom: -14px;
        top: inherit;
        left: 225px;
        right: 0;
        margin: auto;
    }

    .flight-from:before {
        top: 46px !important;
    }

    .rec-flight:before {
        bottom: inherit;
        top: -14px !important;
        left: 226px;
        right: 0;
        margin: auto;
        transform: rotate( 90deg );
    }

    .rec-flight {
        margin-top: 10px;
    }

    .flight-swipe {
        width: 100%;
        height: 20px;
        text-align: center;
        position: inherit;
        left: -137px;
        right: 0px;
        bottom: 0;
        top: 0;
        margin: auto;
        z-index: 1;
        /* background: url(../images/swipe-arrow-mob.png)no-repeat top center !important; */
        transform: rotate(90deg);
    }

    .flight-swipe {
        top: 83px !important;
    }
}
/*Responsive Changes input 20th march start*/

/*Changes by vaibhav*/
.filtercontainer {
    max-width: 100% !important;
    width: 100%;
}

    .filtercontainer .leftfilter {
        max-width: 40%;
        padding-left: 10px;
    }

    .filtercontainer .rightfilter {
        max-width: 60%;
        padding-right: 10px;
    }