@media screen and (max-width: 1170px) {
    [class*="col-lg"], [class*="col-md"], [class*="col-sm"] {
        float: none;
    }
}

@media screen and (max-width: 980px) {
    #header {
        height: 58px;
    }

    .inner-header [class*="col-lg"] {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .login-header {
        padding: 9px 0 0 0;
        width: 65%;
        margin-right: -10px;
    }

        .login-header .dropdown button {
            font-size: 12px;
            padding: 10px 0px 10px 8px;
        }

            .login-header .dropdown button:after {
                width: 10px;
                height: 10px;
                background: url(../images/icons/arrow-next.webp) no-repeat 0 0 / 100%;
                right: -11px;
                top: 19px;
            }

            .login-header .dropdown button span.flag-icon {
                margin-right: 2px;
            }

        .login-header ul li > a {
            font-size: 12px;
            padding: 10px 0;
        }

    ul.new-menu {
        display: none;
    }

    ul.new-menu {
        display: none;
    }

    .slicknav_menu {
        display: inline-block;
        vertical-align: top;
        margin: 6px 0 0 0;
    }

        .slicknav_menu ul {
            display: inherit !important;
            left: 0;
        }

            .slicknav_menu ul ul.slicknav_hidden {
                display: none !important;
            }

    .logo {
        width: 160px;
        display: inline-block;
    }

        .logo a img {
            width: 100%;
        }

    .main-menu {
        width: 50%;
        padding: 0 0 0;
    }

    .search-area {
        padding: 100px 0 0 0;
    }

        .search-area img.bg-img {
            object-fit: cover;
        }

    .top-search .fieldset {
        width: 100%;
        margin-bottom: 5px;
    }

        .top-search .fieldset.field-1 {
            width: 100%;
            border-radius: 10px 10px 0 0;
            margin-bottom: 5px;
        }

        .top-search .fieldset.field-2, .top-search .calendar-fields.field-3 {
            width: 100%;
        }

    button.btn-change {
        left: auto;
        right: 20px;
        top: -22px;
    }

    .top-search .fieldset.field-4 {
        width: 100%;
        border-radius: 0 0 10px 10px;
    }

    .top-search .fieldset.field-5 {
        width: 100%;
        margin: 10px 0 0 0;
    }

    button.btn-search {
        height: 44px;
        line-height: 44px;
    }

    .check-flight, ul.dis-list li, ul.dis-list li figure img, .passenger-holder .info-box .btm-row.lead-box .fieldset, .content-section img {
        width: 100%;
    }

    .modal-header h4 {
        font-size: 20px;
        line-height: 36px;
    }

    .modal-header .m-price {
        right: 15px;
        top: 10px;
    }

        .modal-header .m-price span {
            font-size: 11px;
            line-height: 24px;
        }

        .modal-header .m-price strong {
            font-size: 16px;
            line-height: 14px;
        }

            .modal-header .m-price strong em {
                font-size: 12px;
            }

    .modal-lg {
        width: auto !important;
    }

    .single-view-modal .modal-lg {
        width: auto !important;
    }

    .top-search {
        z-index: 5;
    }

    .fligut-route-singledetail .holder {
        overflow: hidden;
        padding: 0;
        width: 36%;
    }

    .single-view-modal .fligut-route-singledetail .holder-m {
        width: 30%;
        margin-top: 45px;
    }

    .single-view-modal .fligut-route-singledetail .holder-end {
        width: 34%;
        margin-top: 45px;
    }

    button.btn-change img {
        transform: rotate(90deg);
    }

    .modal-body {
        padding: 0 10px;
    }

        .modal-body .box-holder .detail-box {
            width: 100%;
        }

    .modal-header {
        padding: 15px 10px 10px;
        border: 0;
    }

    .inner-banner {
        padding: 25px 0 0;
        margin: -30px 0 70px;
    }

    ul.dis-list li {
        margin-bottom: 30px;
    }

    ul.route-detail-list {
        margin-bottom: 30px;
        border: 0;
    }

        ul.route-detail-list li {
            margin: 0 0 8px 0;
            border: 1px solid #ced4da;
            border-radius: 7px;
        }

            ul.route-detail-list li .holder-box {
                padding: 7px;
            }

                ul.route-detail-list li .holder-box .flight-holder {
                    padding: 0;
                    width: 100%;
                }

    .fligut-route {
        width: 100%;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .fligut-route .holder {
            padding: 0;
            width: 33%;
        }

        .fligut-route .holder-m {
            width: 30%;
            margin: 0;
        }

            .fligut-route .holder-m span {
                display: block;
            }

        .fligut-route .holder-end {
            padding: 0;
            width: 37%;
        }

    ul.route-detail-list li .holder-box .detail-icon {
        padding: 10px 0 3px;
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
        margin-top: 10px;
        border: 0;
        border-top: 1px solid #dfdfdf;
        border-bottom: 1px solid #dfdfdf;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    ul.route-detail-list li .holder-box .price-holder {
        padding: 0;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .return .modal-lg {
        width: 95%;
    }

    .flight-box-holder .flight-box {
        width: 100%;
    }

    .user-login ul li.with-login {
        padding: 0;
    }

        .user-login ul li.with-login a {
            padding: 0;
        }

    a.slicknav_btn {
        width: 36px;
        height: 36px;
        margin: 0px 7px 0 0;
    }

    .get-offer {
        right: 0;
        bottom: 50px;
        z-index: 9999;
    }

    .top-btn {
        margin: 0 0 5px 0;
        background: #66d34a;
        width: 50px;
        position: relative;
        padding: 0;
        border-radius: 10px 0 0 10px;
        height: 50px;
        border: 0;
        border-right: 0;
    }

        .top-btn:hover {
            background: #27a905;
        }

        .top-btn img {
            display: none;
        }

        .top-btn:after {
            content: '';
            position: absolute;
            left: 10px;
            top: 10px;
            background: url(/main-root/images/icons/whatsapp.webp) no-repeat 0 0/100%;
            width: 30px;
            height: 30px;
        }

    .offer {
        right: 0;
        box-shadow: none;
        position: initial;
        border-radius: 10px 0 0 10px;
        border: 0;
        border-right: 0;
        background: none;
    }

        .offer:after, .offer:before {
            display: none;
        }

        .offer a {
            width: 30px;
            height: auto;
            border-radius: 0;
            color: #fff;
            display: block;
            padding: 0;
            background-color: #ff8500;
            text-align: left;
            font-weight: normal;
            font-size: 16px;
            line-height: 20px;
        }

        .offer:hover {
            background: #0890fa;
        }

    .banner-sec {
        padding: 20px 0;
        min-height: auto !important;
    }

    .wrapper .container {
        position: initial;
    }

    .main-search, .flight-holder .main-search {
        position: relative;
        left: 0;
        top: auto;
        padding: 15px 0 0 0;
    }

        .main-search.detailSearch {
            margin-top: 0px;
        }

    .search-bar, .flight-holder .search-bar {
        margin: 0 0;
    }

    .trip-option .select-box {
        width: 40%;
    }

    .main-search .trip-option select {
        width: 100%;
        font-size: 14px;
        background-position: 88% center;
        background-size: 10px;
        padding: 0 0 0 10px;
        background-color: transparent;
    }

    .main-search .trip-option input[type="text"] {
        font-size: 14px;
    }

    .main-search .search-holder .left-search, .main-search .search-holder .right-search, .main-search.insurance-search .search-holder .left-search, .main-search.insurance-search .search-holder .right-search {
        width: 100%;
    }

        .main-search .search-holder .left-search .fieldset, .main-search.insurance-search .search-holder .left-search .fieldset {
            width: 100%;
            margin-bottom: 15px;
        }

            .main-search .search-holder .left-search .fieldset:after {
                display: none;
            }

    .text-sec, .flight-holder .text-sec {
        padding: 0px 0 20px;
    }

    .text-center {
        margin: 0;
        text-align: left;
    }

    .hotel-city-sec h2, h2 {
        font-size: 24px;
        line-height: 32px;
        margin: 0 0 10px 0;
        font-weight: 400;
    }

        h2 b {
            font-weight: 600;
        }

    .hotel-city-sec ul li {
        padding: 0 0 0 0;
        width: 48%;
    }

        .hotel-city-sec ul li a {
            font-weight: 500;
            height: auto;
        }

    ul.insurance-package li a p {
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
    }

    .hotel-city-sec {
        padding: 30px 0 0;
    }

    .faq-sec {
        padding: 0;
    }

        .faq-sec h2 {
            margin: 0 0 10px 0;
            font-weight: 500;
            font-size: 24px;
            line-height: 32px;
        }

    .panel-group .panel a {
        padding: 5px 0 5px 30px;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
    }

        .panel-group .panel a:after {
            left: 0;
            top: 7px;
        }

    .panel-body p:after {
        left: 0;
    }

    .panel-body p {
        padding-left: 20px;
        font-size: 14px;
        line-height: 22px;
        letter-spacing: 0;
    }

    .num-1 {
        width: 11%;
    }

    .icon-heading {
        z-index: 11;
    }

    .btm-form {
        margin: 0 15px 0;
    }

        .btm-form:after {
            left: -15px;
            top: -204px;
            background: url(/main-root/images/common-images/inquiry-img.gif) no-repeat 0 0/100%;
            width: 160px;
            height: 100px;
            display: none;
        }

    ul.f-nav {
        margin: 0 0;
    }

        ul.f-nav li a {
            padding: 5px 0;
        }

    ul.autocomplete-items {
        z-index: 3;
    }

    ul.hotel-list li .list-box {
        display: block;
        padding: 20px 0 5px;
    }

        ul.hotel-list li .list-box .img-holder .image-1 {
            width: 100%;
            height: 200px;
            border-radius: 10px 10px 0 0;
        }

            ul.hotel-list li .list-box .img-holder .image-1 img {
                width: 100%;
            }

        ul.hotel-list li .list-box .text-holder {
            width: 100%;
            padding: 15px;
        }

        ul.hotel-list li .list-box .img-holder .image-2 figure span {
            padding: 35px 0 0 0;
        }

    .img-center {
        width: 100%;
    }

    .btn-more-hotel {
        padding: 20px 0 20px 0;
    }

    .banner-sec .detial-heading {
        position: relative;
    }

        .banner-sec .detial-heading .text-right span.s-offer {
            padding: 2px 9px;
            margin: 0;
        }

        .banner-sec .detial-heading .text-left p {
            line-height: 22px;
        }

        .banner-sec .detial-heading .text-right .price-holder {
            padding: 0 0 0;
            width: auto;
            justify-content: end;
        }

            .banner-sec .detial-heading .text-right .price-holder span.price {
                font-size: 22px;
                display: inline-block;
                margin: 0px 0 0 0;
            }

        .banner-sec .detial-heading button {
            margin: 0 0 0 20px;
        }

    .tour-cards .item {
        width: 100%;
    }

    ul.download-opt li a {
        padding: 0 15px 0 20px;
    }

    .banner-sec .detial-heading .text-right a.book-hotel {
        margin: 0 30px 0 10px;
    }

    .gallery-holder {
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .gallery-holder .box-1 {
            padding: 0 0 2px 0;
            width: 100%;
        }

        .gallery-holder .box-2 {
            padding: 0 0 2px 0;
            width: 100%;
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .gallery-holder .box-1 figure {
            border-radius: 0;
            width: 100%;
            height: 200px;
        }

            .gallery-holder .box-1 figure img {
                height: 200px !important;
                width: 100%;
                object-fit: fill;
            }

        .gallery-holder .box-2 figure {
            overflow: hidden;
            position: relative;
            margin: 0 0 0 0;
            width: 49.5%;
            height: auto;
        }

            .gallery-holder .box-2 figure img {
                width: 100%;
                height: 130px;
                object-fit: fill;
            }

    ul.check-list li {
        width: 48%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .step-box ul li:after {
        display: none;
    }

    .step-box ul {
        margin: 0 0 -30px 0;
    }

        .step-box ul li {
            width: 25%;
            margin: 0 -4px 30px 0;
        }

            .step-box ul li span {
                font-size: 12px;
                padding: 0px 0 0 0;
            }

            .step-box ul li .step {
                width: 20px;
                height: 20px;
            }

            .step-box ul li.current .step {
                transform: scale(1.2);
            }

            .step-box ul li.current span {
                padding-top: 5px;
                font-size: 14px;
            }

    .passenger-sec {
        padding: 0 0 0 0;
    }

        .passenger-sec .passenger-info h3 {
            font-size: 20px;
            line-height: 1;
            margin-bottom: 10px;
        }

        .passenger-sec .passenger-info h4 {
            font-size: 16px;
        }

    .banner-sec.with-side-img .text-holder, .banner-sec.with-side-img .img-holder {
        width: 100%;
    }

    .banner-sec .text-holder h1, .flight-holder .banner-sec .text-holder h1, .banner-sec .detial-heading h1 {
        font-size: 26px;
        line-height: 32px;
        margin: 0 !important;
    }

    .banner-sec .text-holder p {
        font-size: 15px;
        line-height: 23px;
    }

    .umh-heading h2, .um-content-sec h2, .sec-heading h2 {
        font-size: 24px;
        line-height: 34px;
        margin: 0 0 10px 0;
        font-weight: 400;
    }

    .um-content-sec h3, .um-more-package h3 {
        font-size: 22px;
        font-weight: 400;
    }

    ul.umh-duration-list li {
        width: 33.3%;
        padding: 0 6px 10px;
    }

    ul.um-package-list li a {
        padding: 0 0 5px 0;
        margin: 0 0 10px 0;
    }

    .right-bar {
        padding: 12px 0 0 0;
    }

        .right-bar ul li {
            margin: 0 0 0 5px;
        }

            .right-bar ul li a {
                width: 34px;
                height: 34px;
                padding: 4px 0 0 0;
            }

    ul.umh-city-list a figure {
        padding: 0 10px;
    }

        ul.umh-city-list a figure img {
            width: 100%;
            height: 40px;
            object-fit: contain;
        }

    ul.umh-city-list a strong {
        font-size: 14px;
        line-height: 18px;
    }

    .banner-sec.with-side-img .img-holder {
        padding: 0;
        display: inline-block;
    }

        .banner-sec.with-side-img .img-holder figure {
            margin: 0;
            text-align: center;
        }

            .banner-sec.with-side-img .img-holder figure img {
                height: auto !important;
                display: inline-block;
            }

    .banner-sec .text-holder h2 {
        font-size: 27px;
        line-height: 38px;
    }

    .content-sec h3 {
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
    }

    .content-sec p {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .main-search.insurance-search {
        top: auto;
    }

    .content-sec .top-insurance ul li {
        width: 50%;
    }

        .content-sec .top-insurance ul li a img {
            width: 100%;
        }

    ul.results-holder {
        margin-bottom: 30px;
    }

        ul.results-holder li .box-first {
            width: 100%;
            margin: 0 0 10px 0;
        }

        ul.results-holder li .box-mid {
            width: 100%;
            padding: 0 0 10px 0;
        }

        ul.results-holder li .box-last {
            width: 100%;
            justify-content: space-evenly;
        }

        ul.results-holder li .modal-body ul li .box-right .inner-box {
            width: 100%;
        }

        ul.results-holder li .modal-dialog {
            margin: 100px 15px;
        }

        ul.results-holder li .company-detail {
            display: flex;
            width: 100%;
            align-items: center;
            margin: 0 0 15px 0;
        }

        ul.results-holder li .modal-body ul {
            height: 300px;
            overflow-x: scroll;
        }

    .info-btn-holder {
        margin: 0 0 30px 0;
        text-align: center !important;
    }

    .top-insurance {
        padding: 0 0 10px;
    }

        .top-insurance h2 {
            font-size: 26px;
            line-height: 34px;
        }

    ul.insurance-city {
        margin: 0;
        justify-content: space-between;
    }

    .login-header ul li {
        vertical-align: middle;
    }

        .login-header ul li a.login-btn {
            padding: 0;
            border: 1px solid #d2edeb;
            background: #f1f9f9 url(/main-root/images/icons/login-icon.webp) no-repeat 8px 7px;
            font-size: 0;
            line-height: 0;
            width: 34px;
            height: 34px;
        }

            .login-header ul li a.login-btn.login-after {
                background-image: none;
                padding: 1px 60px 5px 5px;
            }

                .login-header ul li a.login-btn.login-after img {
                    width: 30px;
                    height: 30px;
                    border-radius: 50%;
                }

                .login-header ul li a.login-btn.login-after:after {
                    top: 11px;
                }

    .hotel-city-sec ul {
        justify-content: space-between;
    }

    ul.top-flights {
        padding: 0 20px 0 15px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        ul.top-flights li {
            margin: 0 -4px 20px 0;
            list-style: none;
            width: 50%;
            padding: 0 10px;
        }

    ul.local-routes {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        ul.local-routes li {
            width: 50%;
        }

    .traveller-opt {
        left: auto;
        right: 0;
        padding: 10px 6px;
    }

    .payment .box .holder:first-child {
        width: 100%;
    }

    .payment .box .holder span {
        width: 50%;
    }

    .insurance-results {
        padding-top: 0;
    }

    .payment .box .holder {
        vertical-align: top;
    }

    .step-box ul li.active .step img {
        border-radius: 100%;
        width: 100%;
        vertical-align: top;
    }

    .step-box ul li.current .step img {
        opacity: 1;
        width: 100%;
        vertical-align: top;
    }

    ul.tab-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        ul.tab-list li {
            width: 50%;
        }

            ul.tab-list li a {
                padding: 2px 0;
                margin-bottom: 5px;
            }

                ul.tab-list li a strong {
                    font-size: 14px;
                    line-height: 30px;
                }

    .responsive-tabs dl {
        margin: 0 0 5px 0;
    }

    .flight-tabs-sec {
        padding: 30px 0 20px;
    }

    .content-sec ol {
        margin-left: 15px;
    }

    ul.det-list {
        margin: -10px 0 0;
    }

    ul.hotel-list li .list-box .text-holder ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        ul.hotel-list li .list-box .text-holder ul li {
            width: 50%;
        }

    ul.insurance-opt li {
        width: 100% !important;
    }

        ul.insurance-opt li .icon-box {
            border: 0;
        }

            ul.insurance-opt li .icon-box .text-holder {
                padding: 0;
            }

    p.uic-info span {
        width: 100%;
    }

    ul.insurance-offer {
        margin-bottom: 20px !important;
    }

        ul.insurance-offer li {
            width: 100%;
            margin: 0 !important;
        }

    .banner-sec.umrah-banner .text-holder h1, ul.um-pack-opt {
        width: 100%;
    }

    .banner-sec.umrah-banner .text-holder h1 {
        font-size: 26px;
    }

    ul.um-pack-opt {
        display: flex;
        flex-wrap: wrap;
    }

    .banner-sec.umrah-banner .text-holder ul.um-pack-opt li {
        width: 50%;
        margin: 0 0 10px 0;
    }

    .banner-sec.is-sticky .text-holder ul.um-pack-opt {
        width: 100%;
        display: flex;
        padding: 0 0 0 0;
    }

        .banner-sec.is-sticky .text-holder ul.um-pack-opt li {
            display: inline-block;
            width: 30%;
            margin: 0 0 10px 0;
        }

    .banner-sec.is-sticky ul.um-pack-opt li .fieldset {
        padding-left: 20px;
    }

    .banner-sec.is-sticky .checkbox + label {
        position: relative;
        padding-left: 0;
        font-size: 12px;
        line-height: 20px;
        cursor: pointer;
    }

    .banner-sec.is-sticky ul.um-pack-opt .checkbox + label::before {
        width: 16px;
        height: 16px;
        left: -20px;
        top: 0px;
    }

    .um-hotel-select {
        margin: 0 0;
    }

    #footer.main-footer .inner-footer .footer-logo {
        margin: 0;
        width: 100%;
        text-align: center;
    }

    ul.f-nav-left {
        width: 100%;
        padding: 15px 0 0;
    }

    ul.f-nav-right {
        width: 100%;
        padding: 15px 0 0 0;
    }

    .new-footer .copyright {
        width: 100%;
        padding: 0;
        text-align: center;
    }

    .top-footer .footer-box:first-child, .top-footer .footer-box, .top-footer .footer-box:last-child, .top-footer .footer-box:nth-child(3) {
        width: 100%;
        margin-bottom: 20px;
    }

    .footer-box.f-app img {
        display: block;
        margin: 0 auto;
        width: 50% !important;
    }

    .top-footer .footer-box ul li {
        width: 47%;
        display: inline-block;
    }

    .top-footer .footer-box ul.media-links li {
        width: auto;
    }

    .footer-logo {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
    }

    ul.sponcer-link {
        margin: 0;
        width: 100%;
        text-align: center;
        padding: 15px 0;
    }

    ul.social-link {
        width: 100%;
        text-align: center;
        margin: 0;
    }

    .um-content-sec p img {
        width: 100% !important;
        height: 100% !important;
    }

    .banner-sec.with-side-img .text-holder ul.umh-duration-list, .banner-sec.with-side-img .text-holder ul.umh-duration-list.umh-city-list {
        width: 100%;
    }

    ul.umh-city-list {
        justify-content: flex-start;
    }

    .um-package-detail {
        margin-bottom: 30px;
    }

    .umh-days-package {
        padding: 0;
    }

    .um-holel-gallery {
        margin-bottom: 30px;
    }

    .btm-section .left-box .fieldset {
        width: 50%;
        margin: 0 0 10px 0;
    }

        .btm-section .left-box .fieldset:nth-child(1), .btm-section .left-box .fieldset:nth-child(3) {
            width: 40%;
        }

        .btm-section .left-box .fieldset:nth-child(2), .btm-section .left-box .fieldset:nth-child(4) {
            width: 56%;
            margin-left: 10px;
        }

            .btm-section .left-box .fieldset:nth-child(3) label, .btm-section .left-box .fieldset:nth-child(4) label {
                display: none;
            }

    .btm-section .box-holder select {
        height: 30px;
        line-height: 30px;
        font-weight: 500;
        font-size: 13px;
    }

    .btm-section .box-holder input[type="text"] {
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }

    .btm-section .left-box .fieldset span {
        display: block;
        font-size: 14px;
        line-height: 28px;
        font-weight: 500;
    }

    .btm-section .right-box {
        justify-content: center;
        width: 100%;
    }

    .btm-section .box-holder {
        margin: 0;
    }

    .btm-section .right-box .blue-btn {
        width: 50%;
        margin: 0 0 10px;
        padding: 7px 20px;
        display: inline-block;
    }

    .btm-section .left-box {
        width: 100%;
    }

    ul.imgnotfound {
        height: 180px;
        width: 100%;
        background: url(/main-root/images/um-home-images/hotel-photo.webp) no-repeat 0 0 /contain;
    }

    .btm-opt .select-holder .fieldset {
        padding: 0 3px 0 0;
    }

    .back-top {
        width: 50px;
        height: 50px;
        border-radius: 10px 0 0 10px;
        border: 0;
        border-right: 0;
        margin-bottom: 5px;
    }

        .back-top img {
            width: 40%;
        }

    ul.um-room-opt li {
        width: 25%;
    }

    .btm-section {
        z-index: 99;
    }

    .um-more-package {
        padding: 10px 0 30px 0;
        margin: 0;
    }

        .um-more-package ol {
            margin: 0 0 0 15px;
        }

    .offer button {
        border-radius: 10px 0 0 10px;
        height: 50px;
        width: 50px;
    }

    ul.sponcer-link li {
        margin: 0;
    }

        ul.sponcer-link li img {
            width: 60%;
        }

    .footer-holder .copyright p {
        font-size: 12px;
    }

    .umh-duration-sec {
        padding: 30px 0 0;
    }

    .inner-custom-content {
        margin: 0;
    }

    .world-tour .package-tab ul li {
        width: 50%;
    }

    ul.download-opt li {
        padding: 0 0 0 30px;
    }

    .tour-gallery .item .img-holder figure {
        height: 220px;
    }

    .tour-gallery.activties .item .img-holder figure {
        height: 220px;
    }

        .tour-gallery.activties .item .img-holder figure img {
            width: 100%;
            object-fit: cover;
            height: 100%;
        }

    ul.booking-list li:first-child {
        display: none;
    }

    ul.booking-list li {
        border: 1px solid #ddd;
        border-radius: 10px;
        position: relative;
        padding: 10px;
        margin: 0 0 10px 0;
        overflow: hidden;
    }

        ul.booking-list li:hover {
            background: #fdf3e9;
        }

    .tour-packages.world-tour .package-tab.pack-new {
        min-height: auto;
    }

    ul.booking-list li .booking-opt {
        border: 0;
    }

        ul.booking-list li .booking-opt .left-box {
            width: 100%;
            display: flex;
            flex-wrap: wrap;
        }

            ul.booking-list li .booking-opt .left-box span, ul.booking-list li .booking-opt .right-box span {
                padding: 0;
            }

                ul.booking-list li .booking-opt .left-box span.date-opt {
                    width: 100%;
                    line-height: 20px;
                    font-size: 16px;
                }

                ul.booking-list li .booking-opt .left-box span.note-opt {
                    width: 100%;
                    line-height: 20px;
                }

        ul.booking-list li .booking-opt .right-box {
            width: 110%;
            background: #f0f9ff;
            margin: 10px -10px -10px -10px;
            align-items: center;
            padding: 8px 10px;
        }

            ul.booking-list li .booking-opt .right-box span.price-opt {
                width: 100%;
                text-align: left;
                line-height: 20px;
            }

            ul.booking-list li .booking-opt .right-box button.btn-booking {
                background: #0890fa;
                color: #fff;
                margin: 0;
            }

    a.new-more {
        margin-bottom: 15px;
    }

    .package-tab.pack-new h2 {
        margin: 0;
    }

    .latest-tour ul {
        margin: 0 -15px;
    }

        .latest-tour ul li {
            padding: 0 15px;
            width: 50%;
        }

    .tour-gallery.activties .item .text-holder h3 {
        font-size: 19px;
        line-height: 24px;
    }

    .tour-gallery.activties .item .text-holder .top-box strong {
        font-size: 16px;
    }

        .tour-gallery.activties .item .text-holder .top-box strong em {
            font-size: 16px;
            vertical-align: top;
        }

        .tour-gallery.activties .item .text-holder .top-box strong span.old-price {
            font-size: 16px;
        }

    .tour-gallery.activties .item .text-holder .top-box span.onsale {
        font-size: 13px;
        padding: 0 15px;
    }

    .tour-gallery.activties .item .text-holder .top-box span.hour {
        font-size: 13px;
    }

    .key-facts ul li {
        padding: 0 0 0 0;
        margin: 0 0 20px 0;
        width: 100%;
        text-align: center;
    }

    .tour-gallery .item .img-holder figure figcaption {
        padding: 20px 10px;
    }

    ul.booking-list li .booking-opt .right-box span.price-opt em {
        color: #787878;
        margin: 0 5px 0 0;
        text-decoration: line-through;
        font-size: 12px;
        font-style: normal;
        display: inline-block;
        font-weight: normal;
    }

    ul.booking-list li .booking-opt .right-box button.btn-booking:hover {
        background: none;
        border: 0;
    }

    .main-search.visa-search {
        top: 0;
    }

        .main-search.visa-search .search-bar {
            margin: 0;
        }

        .main-search.visa-search .search-holder .left-search, .main-search.visa-search .search-holder .right-search {
            width: 100%;
        }

    ul.visa-card-list li {
        width: 50%;
    }

        ul.visa-card-list li a {
            display: block;
        }

    .v-card .img-holder figure {
        width: 100%;
        height: auto;
    }

        .v-card .img-holder figure img {
            object-fit: cover;
            height: auto;
            width: 100%;
        }

    .visa-countries h3 {
        margin: 0 0 15px 0;
    }

    .package-tab.pack-new ul li {
        width: 50%;
    }

    .table-responsive {
        border: 0;
    }

    .table-holder {
        margin: 0;
    }

    .box {
        width: 100%;
    }

    #main.galleryListing {
        padding-top: 50px;
    }

    .tour-gallery .item .text-holder .total-cast p a.priceBreak {
        background-position: 0 18px;
        padding: 15px 0 15px 20px;
    }

    ul.trips-menu-cards {
        padding: 30px 0 0 0;
    }

        ul.trips-menu-cards li {
            width: 33.3%;
        }

            ul.trips-menu-cards li a {
                height: 100px;
            }

                ul.trips-menu-cards li a .img-holder {
                    height: 70%;
                }

    .main-slider {
        height: auto;
    }

    ul.main-slides li figure figcaption {
        right: 20px;
    }

    .dis-flag {
        background-size: 100%;
        width: 150px;
    }

    ul.review-slide {
        margin: 0;
    }

    .box-img .text-holder {
        width: 100%;
        padding: 0 0 20px 0;
    }

    .box-img .img-holder, .fact-holder ul li, .box-img.contact .text-holder {
        width: 100%;
    }

    .box-img.contact .img-holder {
        width: 100%;
        display: block;
    }

        .box-img.contact .img-holder figure {
            width: 100%;
            margin: 0 0 20px 0;
        }

    .text-left {
        width: 100%;
    }

    .table-holder ul.booking-list {
        margin: 0 25px;
    }

    .text-right {
        text-align: left;
        width: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    ul.trips-menu-cards li:first-child figure img {
        transform: scaleX(-1);
    }

    .filepond--list-scroller {
        overflow-x: auto;
    }

    .passenger-sec .passenger-info .lst-box button.remove {
        margin: 10px 0 20px 10px;
    }

    ul.news-card-list li {
        width: 100%;
    }

    .main-search .search-holder .btm-opt .fieldset {
        width: 49%;
        margin: 0;
    }

        .main-search .search-holder .btm-opt .fieldset select {
            width: 88%;
        }

    .hotel-list-sec .container .row {
        display: flex;
        flex-wrap: wrap;
    }

        .hotel-list-sec .container .row .col-lg-9.col-md-9.col-sm-12 {
            order: 2;
            width: 100%;
        }

        .hotel-list-sec .container .row .col-lg-3.col-md-3.col-sm-12 {
            order: 1;
            width: 100%;
        }

    #sidebar {
        width: 100% !important;
        height: auto !important;
        position: relative !important;
        top: auto !important;
    }

    .hotel-list-sec .container .row .col-lg-12 {
        width: 100%;
    }

    .hotel-list-sec .container .row .col-lg-6.col-md-6.col-sm-12 {
        width: 100%;
    }

    .facli-box {
        margin-bottom: 30px;
    }

    .paragraphData {
        white-space: normal !important;
    }

    .lab-modal-body {
        margin: 50px auto 0;
        padding: 20px;
        max-width: 90%;
    }

    .descountDetail h4 {
        margin: -20px -20px 10px;
        padding: 10px 0;
        font-size: 16px;
        line-height: 22px;
    }

    .descountDetail .booking-box {
        margin: 0 -10px;
    }

    .descountDetail .img-holder {
        width: 100%;
        text-align: center;
        margin-bottom: 15px;
    }

    .descountDetail .text-holder {
        width: 100%;
    }

        .descountDetail .text-holder h5 {
            font-size: 16px;
            margin: 0 0 10px 0;
        }

    .lab-modal-body p {
        margin: 0 0 7px 0;
        line-height: 18px;
        font-size: 12px;
        color: #000;
    }

        .lab-modal-body p img {
            float: right;
            width: 100%;
        }

    .descountDetail button.close {
        margin: 0;
        width: 20px;
        height: 20px;
        position: absolute;
        top: -10px;
        right: -10px;
        background: red;
        border-radius: 50%;
        opacity: 1;
        color: #fff;
        font-weight: normal;
    }

    .user-login p span {
        display: block;
    }

    ul.final-booking-list li:first-child {
        display: none;
    }

    ul.final-booking-list li .booking-opt {
        border-radius: 10px;
        border: 1px solid #9b9b9b;
        margin-bottom: 10px;
        padding: 5px;
        overflow: hidden;
    }

        ul.final-booking-list li .booking-opt .left-box {
            width: 100%;
            padding: 6px 0;
        }

            ul.final-booking-list li .booking-opt .left-box span.type {
                width: 100%;
                font-size: 17px;
                line-height: 24px;
            }

            ul.final-booking-list li .booking-opt .left-box span.basis {
                width: auto;
                font-size: 15px;
                line-height: 26px;
            }

            ul.final-booking-list li .booking-opt .left-box .b-condi {
                width: auto;
            }

                ul.final-booking-list li .booking-opt .left-box .b-condi span.booking-condi-btn {
                    font-size: 15px;
                    line-height: 26px;
                }

        ul.final-booking-list li .booking-opt .right-box {
            width: 106%;
            padding: 0;
            position: relative;
            background: #f8f8f8;
            display: flex;
            align-items: center;
            margin: 0 -5px -5px;
        }

    ul.final-booking-list li .right-box span.occupancy {
        display: none;
    }

    ul.final-booking-list li .right-box .price-box {
        width: 70%;
        display: flex;
        position: relative;
        align-items: center;
        margin: 0;
    }

        ul.final-booking-list li .right-box .price-box span.price {
            order: 2;
            font-size: 15px;
            margin: 0 0 0;
        }

        ul.final-booking-list li .right-box .price-box button.save-price {
            order: 1;
            font-size: 13px;
            padding: 0 13px 0 30px;
        }

        ul.final-booking-list li .right-box .price-box span.price-tax {
            margin-bottom: 0;
            position: absolute;
            left: 52%;
            font-size: 8px;
            bottom: -11px;
        }

    ul.final-booking-list li .right-box .form-row {
        width: 25%;
        height: 25px;
        margin: 10px 10px 10px 0;
        border: 0;
        background: none;
    }

    ul.final-booking-list li .right-box .form-label {
        line-height: 26px;
        color: #000;
        margin: 0 0 0 0px;
        font-weight: 500;
    }

    ul.final-booking-list li .right-box .form-input::after {
        height: 20px;
        top: 48%;
        transform: translate(0, -48%);
        width: 20px;
        left: 1px;
        top: 11px;
    }

    #footer {
        padding-top: 30px;
    }

    ul.final-booking-list li .booking-opt .left-box .b-condi span:first-child {
        display: none;
    }

    ul.hotel-list li:after {
        left: -4px;
        top: 15px;
    }

    .h-side-box .text-holder .cost-box button.save-price {
        margin: 0 0 0 0;
        padding: 0 18px 0 30px;
        height: 24px;
    }

    a.btn-whatsapp {
        width: 42px;
        height: 30px;
        padding: 4px 6px 4px 6px;
        margin: 0 6px 0 -12px;
    }

    a.btn-visainfo {
        width: 47px;
        height: 30px;
        margin: 0px 20px 0 0;
        border: 1px solid #999;
        padding-top: 2px;
    }

    ul.booking-list li .company-detail {
        width: 100%;
    }

    ul.booking-list li .price-side {
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
        padding: 10px 0 0 0;
    }

        ul.booking-list li .price-side span em {
            display: inline-block;
        }

    .detail-content .box-holder ul.inner-images {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

        .detail-content .box-holder ul.inner-images li {
            width: 31%;
        }

    .whatsapp-offer {
        padding: 10px;
    }

        .whatsapp-offer h3 {
            font-size: 17px;
        }

        .whatsapp-offer table thead tr th {
            font-size: 12px;
            line-height: 22px;
            padding: 2px 10px;
            white-space: nowrap;
        }

        .whatsapp-offer table tbody tr td {
            font-size: 12px;
            line-height: 22px;
            padding: 2px 10px;
        }

        .whatsapp-offer table > tbody > tr > td a {
            font-size: 0;
            line-height: 24px;
            width: 24px;
            height: 24px;
        }

    ul.visa-service-list li {
        width: 50%;
    }

        ul.visa-service-list li a {
            padding: 20px 10px;
        }

    .list-w-icon {
        margin-bottom: 20px;
    }

        .list-w-icon ul li {
            width: 100%;
        }

    .listgroup-holder ul:nth-child(1) {
        width: 100%;
    }

    .listgroup-holder ul:nth-child(2) {
        width: 100%;
        padding: 15px 10px;
        border: 0;
        border-top: 1px solid #b1b5b7;
        border-bottom: 1px solid #b1b5b7;
    }

    .listgroup-holder ul:nth-child(3) {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 15px 10px;
    }

        .listgroup-holder ul:nth-child(3) li {
            width: 50%;
        }

    a.loadmoreroutes {
        margin-top: 15px;
    }

    ul.route-detail-list.single-view .fligut-route .holder figure {
        width: 100px;
    }

    .flight-holder .fligut-route .holder figure {
        width: 70px;
        height: 70px;
    }

        .flight-holder .fligut-route .holder figure img {
            width: 100%;
        }

    .flight-holder .fligut-route .holder-m span:last-child {
        display: none;
    }

    .flight-holder .fligut-route .holder .text-box h5, .flight-holder .fligut-route .holder-end h5 {
        font-size: 15px;
    }

    .flight-holder .fligut-route .holder .text-box p, .flight-holder .fligut-route .holder-end p {
        font-size: 12px;
    }

    .flight-holder ul.route-detail-list li .holder-box .price-holder {
        padding: 10px 7px 0;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        text-align: left;
        width: 100%;
    }

        .flight-holder ul.route-detail-list li .holder-box .price-holder:after {
            display: none;
        }

        .flight-holder ul.route-detail-list li .holder-box .price-holder .price, .flight-holder ul.route-detail-list li .holder-box .price-holder .btn-box {
            width: 50%;
        }

        .flight-holder ul.route-detail-list li .holder-box .price-holder .btn-box {
            text-align: right;
        }

    .same-hight {
        flex-wrap: wrap;
    }

        .same-hight .col-lg-9 {
            flex: auto;
        }

        .same-hight .col-lg-3 {
            margin-top: 20px;
        }

    ul.new-air-list li {
        width: 100%;
    }

    .content-sec .destination-box ul {
        margin: 0;
    }

        .content-sec .destination-box ul li {
            width: 50%;
            padding: 0;
        }

    .return .modal-lg {
        width: auto;
    }

    .modal-lg .flight-box-holder .flight-box {
        width: 100%;
        padding: 10px 5px;
    }

    .baggage-added {
        font-size: 12px;
        line-height: 18px;
    }

    .passenger-holder .info-box .top-row, .passenger-holder .info-box .btm-row {
        flex-wrap: wrap;
    }

        .passenger-holder .info-box .top-row .fieldset, .passenger-holder .info-box .btm-row .fieldset, .week-view ul.days li.show ul li:first-child {
            width: 100%;
        }

        .passenger-holder .info-box .btm-row .fieldset {
            margin: 0 0 10px 30px;
        }

    .sidebar .side-box .inner-box ul.btm-list li .btm .box {
        width: auto;
    }

    .week-view ul.weekdays {
        display: none;
    }

    .week-view ul.days li.show ul li:first-child {
        text-align: center;
    }

    .week-view ul.days li.show ul li {
        width: 50%;
        margin: 0 0 10px 0;
    }

    .um-content-sec figure.image, .content-sec figure.image {
        width: 100% !important;
        margin: 0 0 30px 0;
    }

        .um-content-sec figure.image img, .content-sec figure.image img {
            width: 100% !important;
            padding: 0;
        }

    .ndc-flight-details .fligut-route .holder {
        overflow: hidden;
        padding: 0;
        width: 30%;
    }

        .ndc-flight-details .fligut-route .holder figure {
            padding: 0;
            width: 70px;
            height: 70px;
            position: absolute;
            top: 0;
        }

    ul.route-detail-list.ndc-flight-details li .fligut-route .holder figure img {
        height: 60px;
        width: 60px;
    }

    .ndc-flight-details .fligut-route .holder-m span {
        font-size: 12px;
    }

    .ndc-flight-details .fligut-route {
        align-items: flex-start;
        position: relative;
        padding: 50px 0 15px 0;
    }

    .ndc-table {
        overflow: hidden;
    }

        .ndc-table .table {
            overflow-y: scroll;
        }

    .ndc-fare-details {
        width: 1200px !important;
    }

    .um-content-sec figure.table table tr td {
        white-space: nowrap;
    }

    .new-booking-holder .new-booking-box .box-left {
        width: 100%;
        padding: 15px 15px !important;
    }

    .new-booking-holder .new-booking-box .box-right {
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .new-booking-holder .new-booking-box .box-right ul li span:first-child {
            width: 100%;
        }

        .new-booking-holder .new-booking-box .box-right ul li span {
            width: auto;
        }

            .new-booking-holder .new-booking-box .box-right ul li span em {
                display: inline-block;
            }

    .activity-box .img-holder {
        width: 100%;
        margin-bottom: 15px;
    }

    .activity-box .text-holder {
        width: 100%;
        margin-bottom: 20px;
    }

    .activity-box {
        margin-bottom: 0px;
    }

    .honeymoon-box .img-holder figure img {
        height: 280px !important;
    }

    .honeymoon-box .img-holder.right-img {
        margin-top: 15px;
    }

    .honeymoon-box .img-holder figure figcaption {
        left: 10px;
        top: 30px;
        width: 80%;
        background: rgba(255, 255, 255, 0.8);
    }

    ul.review-slide li {
        padding: 0;
    }

    .top-search.multi-search .calendar-fields.field-3 {
        width: 100%;
    }

        .top-search.multi-search .calendar-fields.field-3 .fieldset {
            border-radius: 0 0 10px 10px;
            width: 100%;
        }

    .top-search.multi-search {
        padding-top: 30px;
    }

    .search-wrap .passenger-select {
        width: 200px;
        top: -22px;
        right: 0;
        left: auto;
    }

    .select-holder .right-btn {
        width: 100%;
        margin: 10px 20px 0 0;
    }

        .select-holder .right-btn button.btn-search, .news-share img {
            width: 100%;
        }

    .box-img .inner-holder .img-holder, .box-img .inner-holder .text-holder {
        width: 100%;
    }

    ul.route-detail-list.single-view .fligut-route .holder {
        width: 100%;
        margin-bottom: 10px;
    }

    ul.route-detail-list.single-view .fligut-route .holder-m {
        width: 100%;
        padding: 0;
    }

        ul.route-detail-list.single-view .fligut-route .holder-m span:nth-child(2) {
            width: 34%;
        }

    ul.route-detail-list.single-view .flight-row-holder .flight-row {
        border-top: 1px solid #ddd;
        position: relative;
        padding: 5px 0 0 0;
    }

    ul.route-detail-list.single-view .fligut-route .holder-end {
        width: 100%;
        text-align: left;
        padding: 0 0 0 0;
    }

    ul.route-detail-list.single-view .flight-row-holder .flight-row .box-first {
        width: auto;
        padding: 5px 0;
        border: 0;
        margin-bottom: 0;
        position: absolute;
        top: -9px;
        left: -10px;
        transform: translate(10px, 10px);
    }

    ul.route-detail-list.single-view .flight-row-holder .flight-row .box-last .left-box img {
        margin: 0 5px 0 0;
    }

    ul.route-detail-list.single-view .flight-row-holder .flight-row .box-last {
        width: 100%;
        padding-bottom: 5px;
    }

        ul.route-detail-list.single-view .flight-row-holder .flight-row .box-last .left-box {
            width: 50%;
            padding: 25px 0 0 0;
        }

        ul.route-detail-list.single-view .flight-row-holder .flight-row .box-last .right-box {
            padding: 5px 0 0 10px;
            width: 50%;
            text-align: right;
        }

            ul.route-detail-list.single-view .flight-row-holder .flight-row .box-last .right-box span {
                font-weight: 500 !important;
                padding-bottom: 1px;
                display: block;
            }

    ul.route-detail-list.single-view .fligut-route.selected-route .locked-flight {
        width: 100%;
    }

    .payment-method .radio-box {
        width: 100% !important;
    }

    ul.route-detail-list.single-view .fligut-route.selected-route .locked-flight .inner-holder .holder-m {
        width: 100%;
    }

    .step-sec ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .step-sec ul:after {
            display: none;
        }

        .step-sec ul li {
            padding: 0 0;
            width: 50%;
        }

            .step-sec ul li.active:after {
                display: none;
            }

    .step-sec {
        margin-bottom: -80px;
    }

    .heading-option .bx-2 {
        padding: 10px 0 0 0;
    }

        .heading-option .bx-2:after {
            display: none;
        }

    .step-sec ul li span {
        padding: 0 0 0 25px;
        margin: 0;
        text-align: left;
    }

        .step-sec ul li span::after {
            left: 0;
            bottom: 7px;
            width: 18px;
            height: 18px;
            border: 4px solid #fff;
            margin-left: 0;
        }

    #tabs-content {
        max-height: 500px;
        overflow: hidden;
    }

    ul.airline-list li, .airline-list ul li {
        width: 100%;
    }

    .detial-modal .modal-header {
        margin-bottom: -5px;
    }

    ul.route-detail-list li .single-view-modal button.close {
        background: #fc850a;
        padding: 4px;
        width: 25px;
        height: 25px;
        top: -10px;
        right: -10px;
    }

    .detial-modal button.close img {
        width: 10px;
        margin: 3px 0 0 0;
    }

    .fligut-route-singledetail .holder figure {
        margin-bottom: 8px;
    }

    ul.route-detail-list.single-view .fligut-route .holder-m span:nth-child(1), ul.route-detail-list.single-view .fligut-route .holder-m span:nth-child(3) {
        text-align: left;
    }

    ul.passenger-tab-list li span {
        display: inline-block;
        width: 100% !important;
        font-weight: 600;
    }

    .booking-details-sec .detial-modal .modal-body .fligut-route .holder-m {
        width: 35%;
        margin: 40px 0 0 0;
    }

        .booking-details-sec .detial-modal .modal-body .fligut-route .holder-m span {
            display: inline-block;
        }

    .booking-details-sec .detial-modal .modal-body .fligut-route .holder figure img {
        width: 100%;
        margin-bottom: 5px;
    }

    .booking-details-sec .detial-modal .modal-body .flight-box .left-flight-box .fligut-route .holder .text-box {
        padding: 0 0 0 1px;
    }

    .booking-details-sec .detial-modal .modal-body .flight-box-holder .flight-box {
        width: 100%;
        padding: 15px 10px;
    }

        .booking-details-sec .detial-modal .modal-body .flight-box-holder .flight-box .left-flight-box {
            padding: 5px;
            border-left: 4px solid #b4b4b4;
        }

    .booking-details-sec .detial-modal .modal-body .flight-box .left-flight-box .fligut-route .holder-end {
        margin-top: 40px;
    }

    .flight-holder.full-trip .fligut-route {
        align-items: flex-start;
    }

        .flight-holder.full-trip .fligut-route .holder {
            padding: 0;
            width: 48%;
        }

            .flight-holder.full-trip .fligut-route .holder figure {
                width: 70px;
                height: auto;
            }

        .flight-holder.full-trip .fligut-route .holder-m {
            width: 20%;
            margin: 0;
        }

        .flight-holder.full-trip .fligut-route .holder-end {
            padding: 0;
            width: 31%;
        }

    .back-top, .top-btn {
        height: 50px;
        width: 50px;
    }

        .top-btn img {
            display: inline-block;
            width: 32px !important;
        }

    #countdown-timer {
        bottom: 190px;
        width: 50px;
        padding: 5px;
    }

    #timer {
        color: #fff !important;
    }

    button.m-filters {
        display: block;
    }

    .side-filters {
        position: fixed;
        left: 0;
        top: 100%;
        border-radius: 0;
        width: 100%;
        z-index: 999;
        transition: all 0.3s ease-in-out;
        height: 100vh;
        overflow-y: scroll;
        padding-bottom: 50px;
    }

        .side-filters.show {
            top: 0;
        }

    body:has(#list-side) .filteropenbtn {
        display: block !important;
        width: 50px;
        height: 50px;
        border: none;
        margin: 0 0 10px;
        padding: 0;
        background: none;
    }
        body:has(#list-side) .filteropenbtn img{
            width: 100%;
            height:100%;
            object-fit: cover;
        }
    body:has(#list-side.show) .col-lg-9 {
        z-index: -1;
    }
    body:has(#list-side.show) .search-results {
        position: relative;
        z-index: 11;
    }
    }
        .side-close {
            display: block;
        }

    .top-search .fieldset.field-2 label {
        left: 15px;
    }

    .top-search .fieldset.field-2 input {
        padding-left: 15px;
    }
}

@media screen and (max-width: 768px) {
}

@media screen and (max-width: 480px) {
}

@media screen and (max-width: 360px) {
}

@media screen and (max-width: 320px) {
}