@media (max-width:980px) {
    h1 {
        font-size: 26px;
        line-height: 32px
    }

    h2, .editor-content h2, .review-area h2 {
        font-size: 23px;
        line-height: 30px
    }

    h3, .editor-content h3 {
        font-size: 20px
    }

    h4, .editor-content h4 {
        font-size: 18px
    }

    .editor-content ul {
        padding: 0 0 15px 25px
    }


    p, .editor-content P, .table th, .table td, .editor-content div {
        font-size: 15px;
        line-height: 22px;
    }

    .half-width, .fact-holder ul li, .currency-search-form .button {
        width: 100%
    }

    .content-sec {
        margin: 35px 0
    }

    #header {
        height: 58px
    }

    .header-row {
        justify-content: space-between
    }

    .main-nav {
        position: fixed;
        top: 0;
        left: -100%;
        height: 100vh;
        padding: 20px;
        width: 90%;
        background: #002b81;
        z-index: 111;
        padding-top: 70px;
        transition: .3s ease-in-out;
        opacity: 0;
        pointer-events: none
    }

    .inquiry-form .button-row .button, .inquiry-fom .button {
        padding: 11px 22px;
    }

    .loader, .loader:after {
        width: 6em;
        height: 6em
    }

    .main-nav.active {
        left: 0;
        opacity: 1;
        pointer-events: auto
    }

    ul.new-menu {
        flex-direction: column
    }

    ul.new-menu li>a {
        color: #fff;
        padding: 8px 0;
        font-size: 16px;
        border-bottom: 1px solid rgb(255 255 255 / .2)
    }

    ul.new-menu li>a::before, ul.new-menu li::after {
        display: none
    }

    ul.new-menu li.has-dropdown>a::after {
        background: url(https://www.trips.pk/main-root/images/icons/a-plus.webp) no-repeat center / contain;
        right: 0;
        filter: brightness(0) invert(1)
    }

    ul.new-menu li ul {
        position: static;
        width: 100%;
        padding: 0 0 0 20px;
        background: #fff0;
        border: none;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease
    }

    ul.new-menu li.dropdown-open>ul {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        max-height: 500px;
        padding-bottom: 10px
    }

    ul.new-menu li.has-dropdown:hover>a::after {
        filter: brightness(0) saturate(100%) invert(68%) sepia(74%) saturate(1200%) hue-rotate(345deg) brightness(102%) contrast(101%)
    }

    ul.new-menu li ul li a {
        font-size: 15px
    }

    ul.new-menu li.dropdown-open>a::after {
        transform: rotate(180deg)
    }

    ul.new-menu li:hover>a, ul.new-menu li ul li a:hover, ul.new-menu li.active>a {
        color: #FF9924
    }

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

    .login-header ul li>a {
        font-size: 13px;
        padding: 6px
    }

    .logo a {
        display: inline-block;
        width: 70px;
        margin-top: 5px
    }

    .logo img {
        width: 100%;
        max-width: 150px
    }

    .menu-icon {
        display: block
    }

    .menu-icon.active {
        z-index: 9999
    }

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

    ul.trips-menu-cards .img-holder img {
        max-width: 60px;
        max-height: 40px
    }

    .back-top-btn, a.whatsapp-btn {
        width: 50px !important;
        height: 50px;
        border-radius: 8px 0 0 8px
    }

    a.whatsapp-btn img {
        width: 30px !important
    }

    .back-top-btn img {
        width: 15px;
    }

    .faq-question h3 {
        font-size: 18px !important
    }

    .getOffers {
        width: 50px;
        height: 50px;
        font-size: 13px;
        padding: 5px;
        border-radius: 8px 0 0 8px
    }

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

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

    ul.insurance-opt li .icon-box .img-holder img {
        max-height: 80px
    }

    ul.media-links li img {
        min-width: 30px;
        min-height: 27px
    }

    ul.footer-contacts li a img {
        width: 18px;
        min-height: 17px
    }

    ul.visa-service-list li a img {
        width: 64px;
        height: 42px
    }

    .listgroup-holder .list-icon a img {
        width: 74px;
        max-height: 50px
    }

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

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

    .hero-banner, .fligth-slider, .fligth-slider .slides, .hero-banner .hero-banner.bg {
        height: 370px
    }

    .hero-banner.tour-hero, .hero-banner.tour-hero .fligth-slider, .hero-banner.tour-hero .fligth-slider .slides, .hero-banner.tour-hero .hero-image {
        height: 370px
    }

    .main-slider {
        padding: 0
    }

    .slide-item {
        height: 380px
    }

    ul.main-slider li.slide-item figcaption {
        right: 15px;
        bottom: 30px
    }

    ul.main-slider li.slide-item figcaption h4 {
        font-size: 19px
    }

    ul.main-slider li.slide-item figcaption strong {
        font-size: 16px
    }

    ul.main-slider li.slide-item figcaption a.slider-btn {
        padding: 7px 20px;
        font-size: 14px
    }

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

    .listgroup-holder ul:first-child, .listgroup-holder ul:nth-child(2), .listgroup-holder ul:nth-child(3), .umrah-list-holder, .list-w-icon ul li {
        width: 100%
    }

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

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

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

    .fligth-icon-heading {
        width: 100%
    }

    .fligth-icon-heading::after {
        transform: translateX(0)
    }

    .hotel-booking-row {
        margin-top: 10px
    }

    .list-w-icon {
        padding: 0
    }

    ul.visa-service-list li a {
        padding: 10px 5px;
        min-height: 110px
    }

    ul.visa-service-list li {
        padding: 0 10px;
        width: 33% !important
    }

    ul.visa-service-list li a span {
        font-size: 14px;
        font-weight: 400
    }

    .trips-slide-unit {
        width: 100%;
        padding: 0
    }

    .half-width:has(.list-hotel-icon):first-child {
        padding: 0;
        padding-bottom: 20px
    }

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

    .footer {
        padding-top: 30px
    }

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

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

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

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

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

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

    .hero-banner.bg {
        height: 280px;
        padding-top: 20px;
        align-items: start
    }

    .airline-logo {
        margin-bottom: 5px
    }

    .new-year-banner {
        width: 75px;
        height: 90px
    }

    .hero-banner.hotel-hero .new-year-banner, .hero-banner.tour-hero.tour-country .new-year-banner, .hero-banner.visa-hero .new-year-banner {
        width: 85px;
        height: 95px
    }

    .new-year-banner strong {
        font-size: 20px
    }

    .new-year-banner span {
        font-size: 11px
    }

    ul.recent-route-list {
        margin-top: 20px
    }

    ul.recent-route-list li {
        width: 100%
    }

    ul.recent-route-list .wrpper-bbx {
        flex: 1;
        padding: 0;
        min-width: 100px
    }

    ul.recent-route-list img {
        max-width: 55px
    }

    .flight-options {
        margin: 0
    }

    .flight-select-trigger, .flight-airline input {
        padding: 6px 8px
    }

    .flight-airline input {
        padding-left: 34px
    }

    .flight-select-trigger img {
        width: 13px;
        height: 13px
    }

    .flight-passengers .flight-select {
        width: 100%
    }

    .flight-trip-type, .flight-class {
        width: 35%;
        flex: 1
    }

    .flight-passengers {
        flex: 1 1 50%
    }

    .flight-dates {
        flex-wrap: wrap
    }

    .flight-input-group {
        min-width: 250px
    }

    .flight-return-date {
        border-top: 1px solid #d7d7d7
    }

    .flight-search-btn {
        width: 100%;
        padding: 10px 35px
    }

    .search-section {
        margin-top: -75px;
        min-height: 200px
    }

    .fligth-slider .text-holder-bg {
        width: 100%;
        background-position: left 10px top, right 10px top 0, left 40% bottom -5px, right top 80px
    }

    ul.top-flights li, ul.top-flights.rot-6 li {
        width: calc(50% - 10px)
    }

    .destination-item {
        width: 48% !important
    }

    .destination-card {
        height: 210px
    }

    .flight-tabs-container .tab-content .tab-pane {
        display: none !important
    }

    .flight-tabs-container .desktop-tabs {
        flex-direction: column;
        background: #fff0;
        padding: 0;
        gap: 10px;
        border: none
    }

    .flight-tabs-container .tab-btn {
        width: 100%;
        border-radius: 10px;
        position: relative
    }

    .flight-tabs-container .tab-btn::after {
        content: '';
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 16px;
        height: 16px;
        background: url(https://www.trips.pk/main-root/images/icons/arrow-down.webp) no-repeat center;
        background-size: contain;
        transition: transform 0.3s ease;
        opacity: .6
    }

    .flight-tabs-container .tab-btn.active::after {
        transform: translateY(-50%) rotate(180deg)
    }

    .flight-tabs-container .tab-pane {
        margin-top: 0;
        margin-bottom: 20px
    }

    .flight-tabs-container .destinations-row {
        gap: 10px;
        margin: 0
    }

    .hero-banner .text-holder {
        margin-bottom: 90px
    }

    .flight-tabs-container .destination-link {
        font-size: 16px;
        width: calc(50% - 5px)
    }

    .destination-info {
        padding: 15px
    }

    span.day-name, span.flig-time, span.flig-name {
        padding: 10px 12px
    }

    .add-destination-btn, .remove-destination-btn {
        width: 100%;
        margin: 10px 0
    }

    .multicity-row {
        flex-direction: column
    }

    ul.umh-city-list li {
        min-width: 30%;
        margin-bottom: 12px
    }

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

    .list-items-link {
        gap: 10px
    }

    .list-items-link>li, .list-items-link>a, .insurance-map .list-items-link a {
        font-size: 16px;
        width: calc(50% - 5px)
    }

    .insurance-map .list-items-link, .insurance-map .center-text {
        margin-top: 0
    }

    .registration-form {
        margin: 15px 0
    }

    .popup-box {
        padding: 20px
    }

    .feild-holder {
        width: 100%
    }

    .trips-slide-unit {
        width: 100%
    }

    .airline-details div.doted-diveder {
        min-width: 65px
    }

    .airline-details .fir-row img {
        width: 70px;
        margin-left: 10px
    }

    .registration-form .feild-holder {
        width: 100%;
        flex: 1
    }

    .pop-row .pop-toogle-btn {
        width: 49%;
        font-size: 16px;
        padding-right: 0
    }

    .chart-container .bar:nth-child(even) {
        display: none
    }

    ul.recent-route-list.recent-insurance .flight-holder {
        padding-left: 10px
    }

    .list-items-link.insurance-links>a {
        width: 100%
    }

    .flight-input-group:has(.extra-top) {
        margin-top: 25px
    }

    .hotel-input-group.my-dropdown {
        width: auto;
        flex: 1
    }

    .flight-search-main .button {
        order: 99;
        flex: 1
    }

    .flight-search-bottom {
        margin: 5px 0
    }

    ul.recent-route-list.hotel-deals li {
        min-width: 150px;
        width: 48%;
        flex: 1
    }

    ul.recent-route-list .hotel-image-holder, ul.recent-route-list .hotel-image-holder .hotel-img-wrap {
        width: 100%;
        height: 120px
    }

    ul.recent-route-list .hotel-image-holder::after {
        display: none
    }

    ul.recent-route-list.hotel-deals li .holder-first {
        min-width: 140px;
        padding: 0 10px
    }

    ul.recent-route-list.hotel-deals li .holder-first h4 {
        font-size: 16px;
        line-height: 1.3
    }

    ul.recent-route-list.hotel-deals li .holder-first .star-rating img {
        width: 15px
    }

    ul.recent-route-list.hotel-deals li .holder-end {
        border-top: 1px solid lightgray;
        padding: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .umrah-search .flight-input-group::after, .flight-search-main.hotel-feilds .flight-input-group::after {
        right: 8px
    }

    .flight-input-group input {
        padding-right: 25px
    }

    .row.hotels-detail-wrap .pesnger-left, .row.hotels-detail-wrap .pesnger-right, .hotel-image {
        width: 100%
    }

    .hotel-image img, .hotel-image {
        width: 100%;
        height: 210px;
        border-radius: 10px 10px
    }

    .hotel-details-holder {
        flex-wrap: wrap;
        border: none
    }

    .hotel-price-holder {
        border-top: 1px solid lightgray;
        padding: 10px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        margin-top: 15px
    }

    .hotel-lists:last-child {
        margin-bottom: 0
    }

    .hero-banner .tour-text-holder::before {
        display: none;
    }

    .full-width.search-results-number .show-map-btn {
        gap: 5px;
        padding: 7px
    }

    .full-width.search-results-number>h3 {
        font-size: 18px
    }

    .flight-search-main.hotel-feilds {
        margin-top: 10px
    }

    .insurance-boxes {
        width: 100%;
        flex: 1;
        margin-bottom: 20px
    }

    .insurance-boxes:last-child {
        margin-bottom: 0
    }

    .country-insurance h4 {
        font-size: 20px;
        margin-bottom: 10px
    }

    .flight-search-boxes p span {
        display: block
    }

    .flight-results-wraper .flight-results {
        padding: 10px
    }

    .flight-results-wraper .lefts-holder {
        min-width: 100px;
        flex: 1
    }

    .flight-inner-row {
        flex-wrap: wrap
    }

    .flight-results-wraper .filt-line-icon {
        min-width: 120px;
        flex: 1;
        padding: 0 10px
    }

    .flight-results-wraper .flight-inner-row h4 {
        font-size: 16px
    }

    .flight-results-wraper .flt-text-holder p {
        font-size: 10px;
        line-height: 1.2
    }

    .flight-results-wraper .filt-line-icon strong {
        font-size: 12px
    }

    .flight-results-wraper .flt-text-holder {
        padding: 0;
        min-width: 100px;
        flex: 1;
        text-align: center
    }

    .flight-results-wraper span.flt-plane-ico img {
        width: 25px;
        height: 25px;
        padding: 3px
    }

    .flight-inner-row .rights-holder {
        flex: 1;
        font-size: 15px
    }

    .middles-holder .icon-text-holder, .flight-results-wraper .last-hold {
        min-width: 100px;
        flex: 1;
        padding: 0;
        padding-top: 8px;
        border: none
    }

    .flight-results-wraper .last-hold {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .middles-holder .last-hold strong {
        font-size: 16px;
        padding: 5px;
        flex-grow: 1
    }

    .middles-holder .last-hold a.button {
        padding: 3px 8px;
        font-size: 12px;
        flex-shrink: 1;
        min-width: 30px;
        margin: 0
    }

    .middles-holder .icon-text-holder h4 {
        line-height: 1
    }

    .hero-section.search-hotel {
        padding-bottom: 50px
    }

    .hotel-popup-img, .tour-lightbox-img {
        width: 90%;
        height: 250px
    }

    .hotel-popup-arrow, .tour-prev, .tour-next {
        font-size: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 40px;
        height: 40px
    }

    .hotel-prev, .tour-prev {
        left: 7px
    }

    .hotel-next, .tour-next {
        right: 7px
    }

    .hotel-gallery-wrapper {
        height: auto
    }

    .hotel-main-img, .hotel-gallery-list {
        height: 250px
    }

    .hotel-gallery-list li:nth-child(n+3) {
        border-radius: 5px 5px 0 0
    }

    .more-about-hotel, .half-width:has(.hotel-question-box), .more-about-hotel:has(ul) {
        padding: 0
    }

    .more-about-hotel:has(ul) {
        padding: 15px 0
    }

    .more-about-hotel .hotel-benefits {
        margin-top: 20px
    }

    .flight-details-popup .flight-info-holdr div {
        flex: 1
    }

    .flight-details-popup .flight-dt-right {
        flex: 1;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin: 0
    }

    .flight-details-popup ul.recent-route-list .holder-first>p, .flight-details-popup ul.recent-route-list .text-holder>p {
        font-size: 13px
    }

    .flight-details-popup h3 {
        font-size: 20px
    }

    .flight-details-popup ul.recent-route-list img {
        max-width: 40px
    }

    .hotel-room-table .table thead {
        display: none
    }

    .hotel-room-table .table tr {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        border-radius: 10px;
        border: 1px solid #e0e0e0;
        margin: 10px 0
    }

    .hotel-room-table .table tr td:nth-last-child(-n+3) {
        background: #e0e0e0;
        min-width: 100px;
        flex: 1
    }

    .hotel-room-table .table tr:first-child td:first-child {
        flex: 1;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        padding: 10px 0
    }

    .hotel-room-table .table {
        padding-top: 60px;
        position: relative;
        display: block
    }

    .hotel-room-table .table tr td:nth-last-child(3) {
        border-radius: 0 0 0 10px
    }

    .hotel-room-table .table tr td:nth-last-child(1) {
        border-radius: 0 0 10px 0
    }

    .hotel-room-table .table td {
        border: none;
        min-width: 150px
    }

    .tooltip-box {
        transform: translate(-70%, 10px);
        top: 15px
    }

    .tooltip-box::after {
        left: 70%
    }

    .flight-search-main .flight-locations:has(.flight-swap) .flight-input-group:last-child input {
        padding: 17px 10px 0 13px
    }

    .flight-search-main .flight-locations:has(.flight-swap) .flight-input-group:last-child label {
        left: 15px
    }

    .icon-boxes-wraper {
        gap: 15px
    }

    .icon-boxes-wraper .icon-boxes {
        min-width: 140px;
        width: calc(50% - 10px)
    }

    .icon-boxes-wraper .icon-boxes .text-holder {
        padding: 0;
        flex: 1
    }

    .icon-boxes-wraper .icon-boxes h4 {
        font-size: 15px
    }

    .icon-boxes-wraper .icon-boxes img {
        width: 40px;
        height: 40px
    }

    .editor-content p img, .editor-content figure img {
        height: auto !important;
    }

    .tour-text-holder {
        justify-content: end;
        height: fit-content;
        flex-wrap: wrap;
        align-self: flex-end;
        padding-bottom: 0;
    }


    .tour-text-holder h1 {
        color: #001848;
        font-weight: 600;
        line-height: 1.2;
        margin-bottom: 36px;
    }

    .tour-inner-bx img {
        width: 100%;
        max-width: 100%;
        border-radius: 0;
        height: 200px
    }

    .tour-inner-bx .txt-holder {
        width: 100%;
        padding: 0 12px 20px
    }

    .tour-inner-bx {
        gap: 8px
    }

    .tour-inner-bx:last-child {
        padding: 15px 12px
    }

    .tour-inner-bx .text-holder {
        padding: 0;
        flex: 1 1 47%;
        min-width: 47%
    }

    .tour-inner-bx .ico-bx {
        padding: 10px 0;
        width: 100%
    }

    .tour-pkg-wraper .tour-pkg-box, .tour-facts li {
        width: 100%
    }

    .tour-facts li {
        text-align: center;
        padding: 0 20px
    }

    .tour-slider-wrapper {
        gap: 3px;
    }

    .tour-slider-wrapper .img-slide-tour {
        width: calc(33% - 1px);
        min-width: 80px;
        height: 80px;
    }

    .tour-slider-wrapper .img-slide-tour:nth-child(6)::after {
        background-size: 23px;
        background-position: center top 25%;
        font-size: 12px;
        line-height: 1.2;
        padding: 15px;
        padding-top: 36%;
    }

    .hotel-gallery-list li:nth-child(4)::after {
        content: "See All "attr(data-more) " Images";
        position: absolute;
        inset: 0;
        background-color: rgb(0 0 0 / .6);
        color: #fff;
        background-image: url(/assets/images/image-icon.webp);
        background-size: 40px;
        background-repeat: no-repeat;
        background-position: center top 38%;
        padding-top: 48%;
        text-align: center;
        pointer-events: none
    }

    .g-tour-details.light-bg {
        padding-top: 80px;
        gap: 20px
    }

    .g-tour-details .grp-tour-left {
        padding: 0
    }

    .light-bg .grp-tour-left .inner-left {
        padding: 0 15px 0 0;
        min-width: 130px
    }

    .g-tour-details .grp-tour-right .lable-imge-box {
        width: 80px;
        height: 77px;
        top: -10px;
        right: 30px;
        font-size: 14px
    }

    .g-tour-details .grp-tour-right .icon-box {
        width: 100%
    }

    .tour-pkg-box {
        margin: 55px 0
    }

    .tour-pkg-box .image-holder .image-box, .tour-pkg-wraper.only-left .image-holder .image-box, .tour-pkg-wraper.tour-right .tour-pkg-box:nth-child(even) .image-holder .image-box {
        height: 240px;
        border-radius: 15px 15px 0 0
    }

    .tour-pkg-box .text-holder .inline-btns:last-child {
        margin: 0
    }

    .tour-pkg-box .text-holder {
        gap: 15px
    }

    .tour-pkg-box .text-holder h2 {
        margin-bottom: 0 !important
    }

    .tour-pkg-wraper.tour-right .tour-pkg-box:nth-child(even) .text-holder {
        align-items: start;
        text-align: left
    }

    .tour-pkg-wraper.tour-right .tour-pkg-box:nth-child(even) .image-holder {
        order: 0
    }

    .tour-pkg-wraper.tour-right .tour-pkg-box:nth-child(even) .text-holder .inline-btns span.boxes {
        padding: 5px 15px 5px 45px;
        background-position: 12px
    }

    .tour-pkg-box .text-holder .check-list {
        margin: 0 0 0 8px;
        min-width: 100%;
        gap: 5px 20px
    }

    .tour-pkg-box .text-holder .check-list li {
        width: calc(33% - 13px);
        min-width: 80px
    }

    span.tour-slider-btns {
        padding: 8px 13px;
        font-size: 22px
    }

    .g-tour-details.tour-inlude-wrap ul.inner-left {
        width: 100%;
        border: none;
        border-left: 5px solid #f7890f
    }

    .g-tour-details.tour-inlude-wrap .grp-tour-left .inner-right {
        display: none
    }

    .g-tour-details.tour-inlude-wrap ul.inner-left li {
        border-radius: 0 12px 12px 0;
        position: relative
    }

    .g-tour-details.tour-inlude-wrap ul.inner-left li::after {
        content: '';
        width: 15px;
        height: 15px;
        background: url(/assets/images/arrow-down-white.webp) center no-repeat;
        background-size: cover;
        position: absolute;
        transform: translateY(-50%);
        top: 50%;
        right: 20px
    }

    .hotel-popup-close, .tour-close {
        right: 20px
    }

    .g-tour-details.tour-inlude-wrap .grp-tour-left .text-holder {
        padding: 5px 20px 15px 20px
    }

    .g-tour-details.tour-inlude-wrap .grp-tour-right.icon-boxes-wraper {
        width: 100%;
        margin-top: 30px
    }

    .g-tour-details.tour-inlude-wrap .grp-tour-right.icon-boxes-wraper .icon-boxes {
        flex-wrap: nowrap;
        width: 100%
    }

    .g-tour-details.tour-inlude-wrap .icon-boxes .text-holder {
        text-align: left;
        padding-left: 10px;
        padding-right: 40px
    }

    .editor-content .images-holder figure {
        min-width: 120px;
        flex: 1
    }

    .bg-light-cyan.flight-map .flight-map-img {
        width: 115%;
        position: relative;
        margin-left: -15%;
        height: 300px;
        margin-top: 20px
    }

    .bg-light-cyan.flight-map {
        height: auto;
        padding-bottom: 0
    }

    .tour-table .table {
        display: block;
        position: relative;
        padding-top: 80px
    }

    .tour-table .table tbody tr {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap
    }

    .tour-table .table td {
        padding: 10px 8px;
        min-width: 80px;
        font-size: 15px;
        line-height: 1.3;
        flex: 1;
        align-content: center
    }

    .tour-table .ico-bx {
        gap: 6px
    }

    .tour-table .btn-blue {
        padding: 3px 10px
    }

    .tour-table .ico-bx img, .tour-table .ico-bx a {
        width: 35px !important;
        height: 35px
    }

    .tour-table .table tbody tr:first-child td:first-child {
        position: relative;
        max-width: 100%;
        border: none;
        padding: 12px;
        min-width: 100%;
        margin-top: -84px
    }

    .table th, .table td {
        padding: 10px 8px
    }

    .tour-table .table td:has(.ico-bx) {
        min-width: 100
    }

    .tour-table .table tbody p {
        margin: 0
    }

    .inquiry-form .bottom-form {
        gap: 30px
    }

    .inquiry-form h2 {
        margin-top: 45px
    }

    .inquiry-form .lable-holder {
        top: -39px;
        width: 85px;
        height: 82px;
        line-height: 1.3;
        font-size: 16px;
    }

    .inquiry-form .bottom-form {
        margin: 25px 0 10px
    }

    .pessenger-detail-tours .passenger-row {
        padding: 0;
        display: flex;
        align-items: flex-end;
        gap: 20px
    }

    .pessenger-detail-tours .passenger-row .form-holder {
        flex-wrap: wrap;
        flex: 1
    }

    .pessenger-detail-tours .remove-passenger {
        position: relative;
        right: 0
    }

    .currency-wrapper .currency-cards {
        width: 100%
    }

    .activiy-inner-boxes .tour-image-holder .f-caption {
        left: 10px;
        top: 30px;
        width: 80%
    }

    .activiy-inner-boxes .tour-image-holder {
        height: 280px !important
    }

    .tour-type-boxes {
        gap: 15px
    }

    .activiy-inner-boxes:first-child .tour-image-holder:first-child {
        margin-bottom: 15px
    }

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

    .activity-box.right-img .img-holder {
        order: 0
    }

    .activity-box .img-holder {
        margin-bottom: 20px
    }

    .activity-box {
        margin-bottom: 20px
    }

    .new-banner-rounded .badget-text {
        width: 90px;
        padding: 15px 8px 25px 10px;
        left: 20px;
        font-size: 11px
    }

    .new-banner-rounded .innner-box {
        padding: 80px 20px 30px
    }

    .new-banner-rounded .badget-text strong {
        font-size: 17px
    }

    .new-banner-rounded .inquiry-fom {
        margin: 20px 0 20px;
        gap: 10px
    }

    .umh-city-list .city-box {
        width: calc(33% - 4px);
        min-width: 100px;
        margin-bottom: 10px
    }

    .umh-city-list .city-box p a {
        font-size: 15px
    }

    .umh-city-list .city-box img {
        height: 38px
    }

    .umh-duration-list ul {
        margin: 0 0 20px 0;
        justify-content: space-around;
        padding: 0
    }

    .umh-duration-list ul li {
        padding: 0;
        width: 105px;
        margin-bottom: 12px
    }

    .tour-pkg-box .lable-holder, .tour-main-img .lable-icon {
        width: 81px;
        height: 80px;
        font-size: 15px;
        top: -10px;
        padding: 10px 12px 20px 12px;
    }

    .tour-text-holder .lables-row span.sale-lable, .tour-text-holder .lables-row span {
        font-size: 12px;
        padding: 3px 22px;
        white-space: nowrap;
    }

    .tour-text-holder .price-box h3 {
        font-size: 14px;
    }

    .tour-text-holder .price-box h2 {
        font-size: 15px;
        margin-bottom: 0;
        font-weight: 500;
    }

    .tour-text-holder .price-box {
        padding: 10px;
        width: auto;
        margin: 0;
        border-radius: 8px;
        display: flex;
        justify-content: space-between;
        gap: 10px;
        white-space: nowrap;
        min-width: 150px;
        flex-grow: 1;
        align-items: center;
    }

    .tour-text-holder .buttons-row {
        gap: 5px;
        min-width: auto;
        width: auto;
        margin: 0;
    }

    .tour-text-holder .right-side {
        min-width: 145px;
        display: flex;
        gap: 10px;
        width: 100%;
        align-items: center;
        position: relative;
    }

    .tour-text-holder .buttons-row .whtsapp-btn {
        width: 44px;
        height: auto;
    }

    .tour-text-holder .buttons-row .button {
        flex: 1;
        padding: 10px 14px;
    }

    .lables-row {
        display: flex;
        position: absolute;
        gap: 10px;
        top: -17px;
        left: 20px;
        align-items: center;
    }

    .tour-text-holder .lables-row #tour-time-lable {
        padding: 3px 27px;
    }

    .umrah-tabs-btns li, .general-tabs-btns li {
        flex: 100%;
        min-width: 250px;
    }

    .umrah-tabs-wraper .table.active {
        display: block !important;
        width: 100%;
    }

    .umrah-tabs-btns, .general-tabs-btns,
    .umrah-tabs-wraper .table tr {
        flex-wrap: wrap;
        gap: 8px;
        padding: 0;
        border: none;
    }

    .umrah-tabs-wraper .table thead,
    .umrah-tabs-wraper .table tbody,
    .umrah-tabs-wraper .table tfoot {
        display: block;
    }

    .umrah-tabs-wraper .table tr {
        border: 1px solid #e0e0e0;
        border-radius: 10px;
        overflow: hidden;
        margin-bottom: 14px;
        border-bottom: 3px solid #0890fa;
        gap: 0;
        background: #fff;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.07);
    }

    .umrah-tabs-wraper .table td {
        display: block;
        width: 100%;
        padding: 6px 8px;
        border: none;
        font-size: 13px;
    }

    /* Package type - full width label at top */
    .umrah-tabs-wraper .table td:first-child {
        width: 100%;
        max-width: 100%;
        order: -1;
        background: #f5f5f5;
        padding: 10px 10px 5px;
        font-size: 17px;
        flex: 100%;
    }

    /* Includes text */
    .umrah-tabs-wraper .table td:nth-child(4) {
        color: #666;
        flex: 100%;
        order: -1;
        background: #f5f5f5;
        padding: 0px 10px 10px;
        max-width: 100%;
        font-size: 12px;
    }

    .umrah-tabs-wraper .table td:nth-child(2) {
        padding-right: 0 !important;
    }

    /* Makkah & Madinah icons - side by side */
    .umrah-tabs-wraper .table td.umrah-iconbx {
        width: calc(50% - 6px);
        flex: 1;
        gap: 6px;
        min-width: 150px;
        padding: 10px;
        padding: 15px 10px 8px;
    }

    .umrah-tabs-wraper .table td.umrah-iconbx img {
        width: 28px;
        height: 28px;
        flex-shrink: 0;
    }

    .umrah-tabs-wraper .table td.umrah-iconbx .um-content h4 {
        font-size: 13px;
        margin: 0 0 2px;
    }

    .umrah-tabs-wraper .table td.umrah-iconbx .um-content p {
        font-size: 11px;
        line-height: 1.3;
        margin: 0;
        color: #666;
    }

    /* WhatsApp */
    .umrah-tabs-wraper .table td.whatsapp-icon {
        width: auto;
        min-width: 130px;
        flex: 1;
        font-size: 13px;
        padding: 0 10px 12px;
        justify-content: left;
        align-items: center;
    }

    .umrah-tabs-wraper .table td.whatsapp-icon img {
        width: 22px;
    }

    /* Price + button */
    .umrah-tabs-wraper .table td:last-child {
        padding: 0 10px 12px;
        flex: 1;
        max-width: 100%;
        min-width: 140px;
    }

    .umrah-tabs-wraper .button-box {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    a.outline-btns {
        padding: 3px 12px;
        margin-bottom: 0;
    }

    .umrah-tabs-wraper .table td:last-child .button-box span {
        font-size: 13px;
    }

    .umrah-tabs-wraper .table td:last-child .button-box .outline-btns {
        font-size: 10px;
    }

    .umrah-tabs-wraper .table tr:last-child td {
        font-size: 10px;
        padding: 0;
        line-height: 1.4;
        width: 100%;
    }

    .umrah-tabs-wraper .table tr:last-child .icon-pdf {
        font-size: 13px;
        margin-top: 10px;
    }

    .popup-wrapper .hotel-wrap {
        flex-wrap: wrap;
    }

    .popup-wrapper .pop-row h3 {
        font-size: 20px;
        flex: 1;
        width: 100%;
    }

    .popup-wrapper .price-boxs {
        width: 100%;
        margin-top: 12px;
    }

    .popup-wrapper .price-boxs h3 {
        font-size: 16px;
    }

    .popup-wrapper .price-boxs span, .popup-wrapper .locations {
        font-size: 13px;
    }

    .popup-wrapper .images-holder {
        height: 160px;
    }

    .popup-wrapper .images-holder>img {
        min-width: 210px;
    }

    .popup-wrapper .hotel-wrap>.text-holder {
        padding: 0;
    }

    .inclusions-inner li {
        flex: 100%;
        justify-content: space-between;
    }

    .inclusions-inner li .icon-text {
        font-size: 15px;
        gap: 6px;
    }

    .inclusions-inner li .icon-text img {
        width: 23px;
    }

    .inclusions-inner li p {
        font-size: 15px;
    }

    p.text-row {
        font-size: 10px;
    }

    .bottom-row-um .voucer-btns {
        width: 100%;
        gap: 10px;
    }


    .bottom-row-um .voucer-btns a.icon-boxes {
        padding: 8px 0 8px 8px;
    }

    .voucer-btns a.icon-boxes {
        min-width: 145px;
        flex: 1;
        gap: 8px;
    }

    .voucer-btns a.icon-boxes img, .popup-wrapper .whats-buttons img {
        width: 25px;
    }

    .popup-wrapper a.icon-boxes h4 {
        font-size: 14px;
    }

    .popup-wrapper a.icon-boxes p {
        font-size: 11px;
    }

    .popup-wrapper .whats-buttons a {
        padding: 10px;
        font-size: 14px;
    }

    .review-box {
        width: calc(50% - 10px);
        margin-bottom: 20px;
    }

    .new-btn a {
        padding: 8px;
    }

    .review-box {
        margin-bottom: 20px;
    }

    .flt-slider-wraper {
        gap: 10px;
    }

    .news-listing .destination-info {
        height: auto;
        padding: 12px;
        min-height: 60%;
    }

    .news-listing .destination-info h4 {
        font-size: 15px;
        margin: 0;
    }

    .flt-slider-wraperye.news-listing h2 {
        margin-bottom: 15px;
    }

    .visa-images-wraper {
        gap: 10px;
    }

    .visa-images-wraper figure.image {
        width: calc(50% - 10px);
    }

    .g-tour-details .inner-left .title-bx {
        border: none;
        border-bottom: 3px solid #f7890f;
        padding: 0 20px;
    }

    .g-tour-details .inner-left {
        border: none;
    }

    .g-tour-details .inner-right {
        padding: 0 20px;
    }

    .g-tour-details .inner-right .text-holder {
        margin-bottom: 10px;
        min-width: 100px;
    }

    .butn-swap {
        position: absolute;
        right: 40px;
        top: 108px;
        margin: 0;
    }

    .trend-info {
        padding: 15px;
    }

    /* Have To Not Repalce  */

    .whats-buttons a {
        padding: 10px;
        font-size: 15px;
        gap: 8px;
    }

    .whats-buttons {
        gap: 15px;
    }

    ul.umh-city-list li {
        font-size: 15px;
    }

    ul.umh-city-list a img {
        height: 35px;
    }

}