@media (min-width:1000px) {
    .header .dropdown:hover>.dropdown-menu {
        display: block
    }
}

@media (max-width:1200px) {
    .custom-style {
        padding: 30px 0
    }

    .comman-title {
        font-size: 27px
    }

    .comman-title-box {
        margin-bottom: 48px
    }

    .comman-btn {
        font-size: 14px;
        padding: 9px 32px
    }

    .view-btn {
        font-size: 13px;
        padding: 9px
    }

    .whatsapp {
        width: 40px;
        height: 40px
    }

    .showDropdownMenu {
        display: block
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
        width: 36px;
        height: 36px
    }

    .owl-carousel .owl-nav .owl-prev i,
    .owl-carousel .owl-nav .owl-next i {
        font-size: 14px
    }

    .pagination {
        margin-top: 14px
    }

    .header .logo {
        width: 135px
    }

    .header .quick-link ul a {
        margin-left: 15px
    }

    .header form {
        display: none
    }

    .header .contact-btn {
        width: 37px;
        height: 37px
    }

    .header .navbar {
        padding: 6px 0
    }

    .header .nav-link {
        font-size: 15px
    }

    .header .mega-menu {
        width: 30%;
        padding: 15px 0
    }

    .header .menus {
        margin-bottom: 12px
    }

    .header h4 {
        font-size: 17px;
        margin-bottom: 10px
    }

    .header .mega-menu li {
        margin-bottom: 5px
    }

    .hero-panel .hero-slides {
        height: 565px
    }

    .hero-panel span {
        margin-bottom: 12px
    }

    .hero-panel h2 {
        font-size: 30px;
        margin-bottom: 15px
    }

    .hero-panel p {
        font-size: 15px;
        margin-bottom: 23px
    }

    .hero-panel .comman-btn {
        width: 145px;
        font-size: 14px
    }

    .destination-pkg-slides {
        height: 390px
    }

    .destination-pkg-slides .destination-details {
        padding: 30px 21px
    }

    .destination-pkg-slides span {
        font-size: 13px;
        padding: 7px 13px 6px
    }

    .destination-pkg-slides h3 {
        font-size: 20px;
        height: 23px;
        margin-bottom: 14px
    }

    .destination-pkg-slides p {
        font-size: 14px;
        line-height: 22px;
        height: 42px
    }

    .destination-panel .small-img-box {
        height: 108px
    }

    .destination-panel .mid-img-box {
        height: 144px
    }

    .destination-panel .large-img-box {
        height: 160px
    }

    .destination-panel figcaption {
        font-size: 13px;
        margin-top: -33px
    }

    .hero-slider.owl-carousel {
        min-height: auto;
    }

    .weekend-panel .destination-pkg-slides {
        height: 260px260px
    }

    .packages-box figure {
        height: 215px
    }

    .packages-box figcaption {
        font-size: 14px
    }

    .packages-box figcaption i {
        font-size: 13px
    }

    .packages-box h3 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 11px;
        height: 38px
    }

    .packages-box .package-details {
        padding: 10px 10px 7px
    }

    .packages-box span {
        font-size: 16px
    }

    .bottom-box .comman-btn {
        line-height: 22px
    }

    .travelers-say-panel .traveler-reviews-box {
        height: 365px
    }

    .travelers-say-panel .travelers-bottom span {
        font-size: 14px
    }

    .travelers-say-panel .play-btn {
        width: 33px;
        height: 33px
    }

    .discover-panel a {
        padding: 20px
    }

    .discover-panel .discover-slides img {
        height: 46px;
        margin-bottom: 14px
    }

    .discover-panel h3 {
        font-size: 15px
    }

    .frame-panel figure {
        height: 250px
    }

    .frame-panel h3 {
        font-size: 15px
    }

    .frame-panel figure {
        margin: 0 auto 16px
    }

    .frame-panel .frame-slider {
        padding-bottom: 69px
    }

    .frame-panel .swiper-pagination-bullet {
        width: 14px;
        height: 14px
    }

    .brand-associations-panel figure {
        height: 64px
    }

    .blog-box figure {
        height: 200px;
    }

    .blog-box span {
        font-size: 12px;
        padding: 8px 10px 6px
    }

    .blog-box i {
        margin-right: 3px
    }

    .blog-box .details-box {
        padding: 15px 15px 18px
    }

    .blog-box .details-box ul {
        margin-bottom: 10px
    }

    .blog-box .details-box li {
        font-size: 13px
    }

    .blog-box .details-box i {
        margin-right: 2px
    }

    .blog-box h3 {
        font-size: 14px;
        line-height: 21px;
        height: 40px
    }

    .footer {
        padding-top: 30px
    }

    .footer h2 {
        font-size: 22px;
        margin-bottom: 22px
    }

    .footer .input-box {
        width: 412px
    }

    .footer .input-box input {
        padding: 8px 15px
    }

    .footer .subscribe-btn {
        font-size: 14px;
        padding: 9px 15px
    }

    .footer .newsletter-box {
        margin-bottom: 44px
    }

    .footer h3 {
        font-size: 20px
    }

    .footer p {
        font-size: 14px
    }

    .footer ul li {
        margin-bottom: 8px
    }

    .footer ul li a {
        font-size: 14px
    }

    .footer .ftr-destination-box a {
        width: 64px;
        height: 64px;
        margin: 0 8px 8px 0
    }

    .footer ul li i {
        margin-right: 10px
    }

    .footer .contact-info-box a {
        width: 80%
    }

    .footer .we-accept span {
        font-size: 14px;
        margin-right: 10px
    }

    .footer .we-accept img {
        height: 35px
    }

    .footer .copyright-box {
        margin-top: 27px;
        padding: 15px 0 13px
    }

    .banner-panel {
        padding: 90px 0
    }

    .banner-panel h1 {
        font-size: 26px
    }

    .banner-panel li {
        font-size: 14px
    }

    .our-mission-panel p {
        margin-bottom: 10px
    }

    .our-mission-panel .first-img-box {
        width: 366px;
        height: 230px;
        margin-bottom: -25px
    }

    .our-mission-panel .comman-img-box {
        height: 200px
    }

    .fraud-alert-panel h2 {
        font-size: 21px;
        margin-bottom: 12px
    }

    .fraud-alert-panel p {
        line-height: 23px
    }

    .destination-list-panel .comman-title-box p {
        font-size: 15px;
        margin-top: 29px
    }

    .destination-list-panel .inner-list-box {
        height: 280px
    }

    .destination-list-panel .bottom-box {
        padding: 9px
    }

    .destination-list-panel .bottom-box span {
        font-size: 13px
    }

    .destination-list-panel span i {
        font-size: 12px;
        margin-right: 2px
    }

    .inner-trip-box figure {
        height: 200px
    }

    .tour-packages-panel figure {
        height: 195px
    }

    .tour-packages-panel h3 {
        font-size: 15px;
        margin-bottom: 11px
    }

    .tour-packages-panel .price {
        font-size: 17px
    }

    .tour-packages-panel .duration-price-box {
        margin-bottom: 14px
    }

    .tour-packages-panel .package-features {
        margin-bottom: 16px
    }

    .similar-box {
        padding: 18px 14px
    }

    .similar-box img {
        height: 42px;
        margin-bottom: 12px
    }

    .similar-box h3 {
        font-size: 15px;
        margin-bottom: 7px
    }

    .why-travel-panel .similar-box p {
        height: 77px
    }

    .explore-india-slider .packages-box h3 {
        font-size: 15px;
        height: 20px
    }

    .explore-india-slider .packages-box span {
        font-size: 14px
    }

    .enquiry-panel figure {
        height: 500px
    }

    .enquiry-panel .form-box {
        padding: 18px
    }

    .enquiry-panel h3 {
        font-size: 20px;
        margin-bottom: 18px
    }

    .faq-panel .accordion-button {
        font-size: 15px
    }

    .faq-panel .accordion-button span {
        font-size: 14px;
        padding: 12px;
        width: 42px;
        margin-right: 10px
    }

    .tour-Banner {
        height: 565px
    }

    .story-panel h6 {
        font-size: 16px;
        margin-bottom: 8px
    }

    .story-panel p {
        margin-bottom: 10px
    }

    .story-panel h3 {
        font-size: 19px;
        margin: 19px 0 10px
    }

    .story-panel ul li {
        margin-bottom: 10px
    }

    .story-panel li strong {
        font-size: 14px
    }

    .story-panel .inner-content-box {
        height: 377px
    }

    .story-panel .readmore-btn {
        font-size: 14px
    }

    .story-panel figure {
        height: 409px
    }

    .story-panel .enquiry-btn-box {
        margin-top: 32px
    }

    .zone-panel,
    .whyus-panel,
    .way-panel {
        padding-bottom: 14px !important
    }

    .zone-panel .similar-box p {
        height: 57px
    }

    .whyus-panel img {
        height: 40px;
        margin-right: 11px;
        margin-bottom: 0
    }

    .whyus-panel h3 {
        font-size: 16px;
        margin-bottom: 0
    }

    .whyus-panel p {
        height: 80px
    }

    .corporate-journey .media-box {
        height: 250px
    }

    .corporate-journey h3 {
        font-size: 19px;
        margin-bottom: 11px
    }

    .corporate-journey p {
        height: 64px;
        line-height: 21px
    }

    .corporate-journey .loc-list {
        margin-top: 16px
    }

    .corporate-journey li i {
        margin-right: 9px
    }

    .corporate-journey .journey-details h4 {
        font-size: 18px
    }

    .corporate-journey .journey-details strong {
        font-size: 13px;
        margin-bottom: 9px
    }

    .corporate-journey .journey-details p {
        margin-bottom: 8px
    }

    .way-panel .similar-box {
        padding: 18px 11px
    }

    .way-panel .similar-box p {
        height: 60px
    }

    .htspice-panel figure {
        width: 60px;
        height: 60px;
        margin-bottom: 13px
    }

    .htspice-panel img {
        height: 33px
    }

    .htspice-panel h3 {
        font-size: 16px;
        margin-bottom: 6px
    }

    .memories-panel figure {
        height: 350px
    }

    .memories-panel .small-box {
        height: 167px
    }

    .upcoming-panel .filter-widgets {
        padding: 15px 0;
        top: 114px
    }

    .upcoming-panel h4 {
        font-size: 18px;
        padding: 0 12px 12px
    }

    .upcoming-panel .input-box {
        padding: 14px 2px
    }

    .upcoming-panel .filter-widgets p {
        margin-bottom: 12px
    }

    .upcoming-panel .dropdown-toggle {
        font-size: 14px
    }

    .upcoming-panel .dropend {
        margin-bottom: 12px
    }

    .upcoming-panel .dropdown-toggle i {
        font-size: 11px
    }

    .upcoming-panel .destination {
        padding: 12px;
        left: -151px !important
    }

    .upcoming-panel .destination li {
        margin-bottom: 5px
    }

    .upcoming-panel .range-label {
        font-size: 13px
    }

    .upcoming-panel .upcoming-date-windows {
        grid-template-columns: 1fr
    }

    .upcoming-panel .upcoming-date-window span,
    .upcoming-panel .upcoming-month-chip span {
        font-size: 12px
    }

    .upcoming-panel .upcoming-month-chip-grid {
        gap: 8px
    }

    .upcoming-panel .btn-box {
        padding: 10px 12px 0
    }

    .filter-widgets .comman-btn {
        padding: 6px
    }

    .upcoming-panel h3 {
        font-size: 19px
    }

    .upcoming-panel .trips-box {
        height: 154px;
        margin-bottom: 19px
    }

    .upcoming-panel figure {
        width: 124px
    }

    .upcoming-panel h5 {
        font-size: 15px;
        height: 18px
    }

    .upcoming-panel p {
        font-size: 13px
    }

    .upcoming-panel .trips-box span {
        font-size: 14px
    }

    .callback-panel .info-box {
        padding: 25px
    }

    .callback-panel h2 {
        font-size: 22px;
        line-height: 31px;
        margin-bottom: 9px
    }

    .callback-panel p {
        margin-bottom: 25px
    }

    .package-details-panel .img-slider {
        margin-bottom: 21px
    }

    .package-details-panel .img-slider figure {
        height: 340px
    }

    .package-details-panel .img-box {
        height: 162px
    }

    .package-details-panel h2 {
        font-size: 23px;
        line-height: 31px;
        margin-bottom: 20px
    }

    .package-details-panel .list li {
        padding: 6px 12px
    }

    .package-details-panel .list i {
        font-size: 20px;
        margin-right: 10px
    }

    .package-details-panel .list span {
        font-size: 14px
    }

    .package-details-panel .list p {
        font-size: 15px
    }

    .package-details-panel .list {
        margin-bottom: 29px
    }

    .package-details-panel .navbar {
        margin-bottom: 16px
    }

    .package-details-panel .nav-link {
        font-size: 14px;
        padding: 9px 14px
    }

    .package-details-panel h3 {
        font-size: 21px
    }

    .package-details-panel .inner-box h5 {
        margin-bottom: 21px
    }

    .package-details-panel .inner-box p {
        line-height: 23px;
        margin-bottom: 10px
    }

    .package-details-panel .inner-box {
        margin-bottom: 18px
    }

    .package-details-panel .accordion-button {
        font-size: 15px;
        padding: 8px 10px
    }

    .package-details-panel .accordion-body {
        padding: 15px;
        padding-top: 10px
    }

    .package-details-panel .accordion-body p {
        margin-bottom: 8px
    }

    .package-details-panel .comman-box ul li {
        margin-bottom: 4px !important
    }

    .download-btn-box {
        margin-top: 25px
    }

    .package-details-panel .inner-box ul li {
        margin-bottom: 8px
    }

    .package-details-panel .inner-box ul img {
        height: 13px;
        margin-right: 2px
    }

    .package-details-panel .inner-box h4 {
        margin-bottom: 12px
    }

    .package-details-panel .info-box strong {
        font-size: 14px
    }

    .package-details-panel .text-spacing {
        margin-top: 8px
    }

    .side-widgets h4 {
        font-size: 20px;
        margin-bottom: 17px
    }

    .blog-wrap-panel .blog-img {
        height: 300px;
        margin-bottom: 20px
    }

    .blog-wrap-panel h2 {
        font-size: 21px;
        line-height: 30px;
        margin-bottom: 10px
    }

    .blog-wrap-panel h3 {
        font-size: 20px
    }

    .blog-wrap-panel p {
        margin-bottom: 10px
    }

    .blog-wrap-panel .title {
        margin-top: 20px
    }

    .blog-wrap-panel .notice-box {
        padding: 12px;
        margin-top: 21px
    }

    .blog-wrap-panel .notice-box p {
        font-size: 14px;
        line-height: 22px
    }

    .blog-wrap-panel .img-box {
        margin: 30px 0
    }

    .blog-wrap-panel .img-box figure {
        height: 200px
    }

    .blog-wrap-panel .img-box figure:first-child {
        margin-right: 18px
    }

    .blog-wrap-panel h5 {
        font-size: 17px;
        margin: 18px 0 9px
    }

    .blog-wrap-panel .sub-title {
        margin-bottom: 14px
    }

    .blog-wrap-panel .point-list {
        margin-bottom: 18px
    }

    .blog-wrap-panel .point-list li {
        margin-bottom: 12px
    }

    .blog-wrap-panel strong {
        font-size: 15px
    }

    .blog-wrap-panel .tags-share-box {
        margin: 20px 0 3px;
        padding: 18px 0
    }

    .blog-wrap-panel .tags-share-box strong {
        font-size: 16px
    }

    .blog-wrap-panel .tags a {
        font-size: 13px;
        padding: 6px 15px
    }

    .blog-wrap-panel .social-ico a {
        width: 32px;
        height: 32px;
        font-size: 13px
    }

    .blog-wrap-panel .post-box {
        padding: 20px;
        margin-bottom: 18px
    }

    .blog-wrap-panel .post-box li {
        align-items: center
    }

    .blog-wrap-panel .comments-box li:not(:last-child) {
        margin-bottom: 22px
    }

    .blog-wrap-panel .post-box img {
        width: 110px;
        height: 110px
    }

    .blog-wrap-panel .post-box h4 {
        font-size: 16px;
        margin-bottom: 8px
    }

    .blog-wrap-panel .comments-box h4 {
        margin-bottom: 18px
    }

    .blog-wrap-panel .post-box p {
        line-height: 22px;
        height: 64px;
        margin-bottom: 12px
    }

    .blog-wrap-panel .comments-form .input-box {
        margin-bottom: 21px
    }

    .blog-wrap-panel .form-control {
        padding: 10px 15px
    }

    .blog-wrap-panel label {
        font-size: 15px;
        vertical-align: bottom
    }

    .side-widgets .inner-widgets {
        padding: 18px;
        margin-bottom: 18px
    }

    .blog-sidebar-widgets h4 {
        font-size: 19px
    }

    .blog-sidebar-widgets button i {
        font-size: 15px
    }

    .blog-sidebar-widgets .post-list img {
        width: 72px;
        height: 72px
    }

    .blog-sidebar-widgets .post-date {
        font-size: 13px
    }

    .blog-sidebar-widgets .post-list a {
        font-size: 13px;
        height: 36px
    }

    .blog-sidebar-widgets .post-category a {
        font-size: 14px
    }

    .blog-sidebar-widgets .popular-tags a {
        font-size: 13px;
        padding: 6px 19px
    }

    .follow-btn {
        font-size: 16px
    }

    .blog-wrap-panel .form-control:not(.side-widgets .form-control) {
        padding: 11px 15px
    }

    .contact-banner-panel {
        padding-top: 48px
    }

    .contact-banner-panel .inr-content-box {
        padding-top: 0;
        height: 100%;
        align-content: center
    }

    .contact-banner-panel h1 {
        font-size: 30px;
        margin-bottom: 14px
    }

    .contact-banner-panel p {
        line-height: 22px;
        height: 64px
    }

    .contact-banner-panel .comman-btn-box {
        margin-top: 26px
    }

    .contact-banner-panel .comman-btn {
        padding: 9px 32px
    }

    .contactus-wrapper {
        margin-bottom: -105px
    }

    .contactus-wrapper form {
        padding: 15px
    }

    .contactus-wrapper h2 {
        font-size: 21px;
        padding: 13px 0
    }

    .form-control,
    .form-select {
        padding: 8px 15px
    }

    .our-partners-panel figure {
        height: 60px
    }

    .presence-panel .presence-card {
        padding: 18px 10px
    }

    .presence-panel img {
        height: 44px
    }

    .presence-panel h3 {
        font-size: 17px;
        margin-bottom: 7px
    }

    .presence-panel p {
        height: 56px
    }

    .talk-expert-panel .details-box {
        padding: 15px 30px
    }

    .talk-expert-panel h2 {
        font-size: 32px;
        line-height: 45px;
        margin-bottom: 23px
    }

    .talk-expert-panel figure {
        height: 330px
    }

    .reviews-panel h5 {
        font-size: 13px;
        margin-top: 13px
    }

    .reviews-panel p:not(.top-head p) {
        margin-top: 11px
    }

    .reviews-panel .dest-container {
        gap: 11px
    }

    .reviews-panel .dest-container .destination-box {
        width: 118px;
        height: 118px
    }

    .customer-journey-panel .video-box {
        height: 240px
    }

    .testimonial-panel .inner-box {
        margin-bottom: 20px
    }

    .testimonial-panel .inner-box .ratings-box {
        padding: 7px 17px;
        margin-right: 17px
    }

    .testimonial-panel .ratings-box figure {
        width: 37px;
        height: 37px
    }

    .testimonial-panel .content-box {
        margin-left: 21px;
        padding-left: 21px
    }

    .testimonial-panel .ratings-box span {
        font-size: 15px
    }

    .testimonial-panel .ratings-box p {
        font-size: 13px
    }

    .transaction-panel {
        padding-bottom: 14px !important
    }

    .transaction-panel .payment-card {
        margin-bottom: 24px;
        min-height: 285px
    }

    .transaction-panel .icon {
        width: 47px;
        height: 47px;
        line-height: 47px;
        font-size: 18px;
        margin-bottom: 15px
    }

    .transaction-panel .payment-card span {
        font-size: 16px;
        margin-bottom: 13px
    }

    .transaction-panel span i {
        font-size: 15px;
        margin-right: 2px
    }

    .trans-policy-panel h3 {
        font-size: 20px;
        margin-bottom: 17px
    }

    .trans-policy-panel th {
        padding: 12px;
        font-size: 15px
    }

    .trans-policy-panel td {
        font-size: 15px
    }

    .trans-policy-panel .note-box {
        margin-top: 20px
    }

    .trans-policy-panel p {
        font-size: 14px
    }

    .comman-style {
        padding: 25px
    }

    .comman-style .comman-title {
        margin-bottom: 38px
    }

    .comman-style p {
        line-height: 23px;
        margin-bottom: 10px
    }

    .comman-style h3 {
        font-size: 18px;
        margin: 21px 0 11px
    }

    .comman-style .sub-title {
        font-size: 14px;
        margin-bottom: 12px
    }

    .sitemap-panel {
        padding: 30px 19px
    }

    .sitemap-panel .sitemap-wrapper {
        text-align: left;
        padding: 20px;
        border-radius: 15px;
        box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0
    }

    .sitemap-panel ul ul::after,
    .sitemap-panel li::before,
    .sitemap-panel li::after {
        display: none
    }

    .sitemap-panel ul {
        padding: 0;
        margin-bottom: 6px
    }

    .sitemap-panel li {
        display: block;
        padding: 0
    }

    .sitemap-panel li a {
        color: var(--secondarycolor);
        background-color: #fff0;
        font-size: 14px;
        padding: 0;
        margin-bottom: 5px
    }

    .sitemap-panel .root {
        padding: 5px 13px;
        margin-bottom: 10px
    }

    .sitemap-panel ul ul {
        padding-left: 17px
    }

    .sitemap-panel ul ul ul {
        padding-left: 22px
    }

    .sitemap-panel ul li a {
        color: var(--darkcolor)
    }

    .sitemap-panel ul ul a {
        color: var(--secondarycolor)
    }

    .modal-title {
        font-size: 17px
    }

    .share-popup .modal-icons {
        margin-bottom: 24px
    }

    .share-popup .modal-icons a {
        width: 45px;
        height: 45px;
        margin-right: 6px
    }

    .share-popup .modal-body {
        padding: 10px
    }

    .custom-modal .modal-xl {
        max-width: 830px
    }

    .custom-modal .offer-box {
        margin-bottom: 10px
    }

    .promo-box h4 {
        font-size: 22px;
        margin-bottom: 17px
    }

    .promo-box h6 {
        font-size: 14px;
        margin-bottom: 18px
    }

    .promo-box p {
        font-size: 15px
    }

    .promo-box figure {
        height: 264px;
        margin: 14px 0
    }

    .custom-modal h3 {
        font-size: 24px;
        margin-bottom: 19px
    }
}

@media (max-width:992px) {
    .comman-title-box {
        margin-bottom: 46px
    }

    .custom-title-box {
        margin-bottom: 36px
    }

    .comman-title {
        font-size: 25px
    }

    .comman-btn {
        font-size: 13px
    }

    .view-btn {
        padding: 9px
    }

    .scroll-btn {
        width: 40px;
        height: 40px
    }

    .error-page-card,
    .empty-state-card {
        padding: 36px 28px
    }

    .error-page-card h1,
    .empty-state-title {
        font-size: 31px
    }

    .owl-carousel .owl-nav .owl-prev,
    .owl-carousel .owl-nav .owl-next {
        width: 33px;
        height: 33px
    }

    .owl-carousel .owl-nav .owl-prev i,
    .owl-carousel .owl-nav .owl-next i {
        font-size: 13px
    }

    .owl-carousel .owl-nav .owl-prev {
        left: -20px
    }

    .owl-carousel .owl-nav .owl-next {
        right: -20px
    }

    .pagination .page-link {
        padding: 5px 14px
    }

    .blog-pagination .page-link.prev,
    .blog-pagination .page-link.next {
        min-width: 108px
    }

    .header .top-header {
        display: none
    }

    .header .header-bottom {
        background-color: inherit
    }

    .header .navbar {
        padding: 12px 0
    }

    .header .navbar-brand {
        display: block;
        padding: 0
    }

    .header .ht-logo {
        height: 33px;
        object-fit: contain
    }

    .header .navbar-collapse {
        width: 40%;
        height: 100vh;
        background-color: var(--lightcolor);
        overflow-x: auto;
        scrollbar-width: thin;
        position: fixed;
        top: 0;
        left: -100%;
        z-index: 9999999999;
        transition: all 0.5s linear
    }

    .header .mega-menu {
        width: 100%;
        border-top: 2px solid var(--primarycolor)
    }

    .header .mega-menu a {
        font-size: 14px
    }

    .header .nav-header {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .header .navbar-toggler {
        color: var(--primarycolor);
        font-size: 24px;
        border: none;
        outline: none;
        padding: 0
    }

    .header .navbar-toggler:focus {
        box-shadow: none
    }

    .header .navshow {
        left: 0%
    }

    .header .navbar-nav {
        padding: 10px 0
    }

    .header .nav-item {
        margin: 0;
        border-bottom: 1px solid #a7a7a730
    }

    .header .nav-link {
        color: var(--darkcolor);
        padding: 11px 10px !important;
        justify-content: space-between
    }

    .header .nav-link i {
        color: var(--primarycolor)
    }

    .header .nav-bottom {
        display: block
    }

    .header h3 {
        color: var(--darkcolor);
        font-size: 17px;
        font-weight: 600;
        text-transform: capitalize;
        padding: 12px 10px 10px
    }

    .header h3 i {
        font-size: 17px;
        margin-right: 1px;
        color: var(--primarycolor);
        animation: rotate 2s linear infinite
    }

    .hero-panel .hero-slides {
        height: 622px
    }

    .hero-panel span {
        font-size: 14px;
        margin-bottom: 11px
    }

    .hero-panel h2 {
        font-size: 28px;
        margin-bottom: 14px
    }

    .hero-panel .comman-btn {
        font-size: 13px
    }

    .destination-pkg-slides {
        height: 320px
    }

    .destination-pkg-slides .destination-details {
        padding: 20px
    }

    .destination-pkg-slides span {
        margin-bottom: 30px
    }

    .destination-pkg-slides h3 {
        font-size: 19px
    }

    .destination-panel .small-img-box {
        height: 93px
    }

    .destination-panel .mid-img-box {
        height: 117px
    }

    .destination-panel .large-img-box {
        height: 132px
    }

    .destination-panel .img-box {
        margin-bottom: 8px
    }

    .weekend-panel .destination-pkg-slider {
        margin-bottom: 24px
    }

    .weekend-panel .destination-pkg-slides {
        height: 315px
    }

    .packages-box figure {
        height: 190px
    }

    .packages-box figcaption {
        font-size: 13px
    }

    .packages-box figcaption i {
        font-size: 12px
    }

    .packages-box .package-details {
        padding: 9px 9px 8px
    }

    .bottom-box {
        padding: 9px
    }

    .packages-box h3 {
        font-size: 13px
    }

    .packages-box span {
        font-size: 15px
    }

    .travelers-say-panel .traveler-reviews-box {
        height: 420px
    }

    .discover-panel a {
        padding: 18px
    }

    .discover-panel .discover-slides img {
        height: 44px
    }

    .discover-panel .discover-slides span {
        font-size: 13px
    }

    .frame-panel {
        padding-bottom: 22px
    }

    .frame-panel .frame-slider {
        padding-bottom: 58px
    }

    .brand-associations-panel figure {
        height: 55px
    }

    .blog-panel {
        padding-bottom: 14px !important
    }

    .blog-box {
        margin-bottom: 24px
    }

    .footer h2 {
        font-size: 20px
    }

    .footer .input-box {
        width: 365px
    }

    .footer .ftr-box {
        margin-bottom: 23px
    }

    .footer h3 {
        font-size: 16px
    }

    .footer .resource-list {
        columns: 2
    }

    .footer p {
        line-height: 22px
    }

    .footer .ftr-destination-box a {
        width: 57px;
        height: 57px
    }

    .footer .contact-info-box a {
        width: 84%
    }

    .footer .social-icons a {
        font-size: 16px;
        margin: 0 9px
    }

    .footer .we-accept {
        margin-top: 12px
    }

    .footer .we-accept img {
        height: 33px
    }

    .footer .copyright-box {
        padding: 13px 0 11px
    }

    .banner-panel {
        padding: 85px 0
    }

    .banner-panel h1 {
        font-size: 24px
    }

    .our-mission-panel .first-img-box {
        width: 100%;
        height: 290px;
        margin-bottom: 24px
    }

    .our-mission-panel .comman-img-box {
        display: none
    }

    .our-mission-panel p {
        margin-bottom: 8px
    }

    .fraud-alert-panel .alert-box {
        text-align: center
    }

    .fraud-alert-panel .message-box {
        flex-wrap: wrap;
        width: 100%;
        justify-content: center
    }

    .fraud-alert-panel h2 {
        font-size: 20px
    }

    .fraud-alert-panel p {
        width: 100%;
        height: auto;
        margin-bottom: 19px
    }

    .destination-list-panel .inner-list-box {
        height: 260px
    }

    .destination-list-panel .bottom-box {
        padding: 9px 8px
    }

    .inner-trip-box p {
        font-size: 13px;
        height: 39px
    }

    .tour-packages-panel figure {
        height: 215px
    }

    .tour-packages-panel h3 {
        font-size: 15px
    }

    .tour-packages-panel .package-features i {
        width: 45px;
        height: 45px;
        line-height: 45px
    }

    .why-travel-panel {
        padding-bottom: 7px
    }

    .similar-box {
        padding: 18px
    }

    .why-travel-panel .similar-box p {
        height: 40px
    }

    .why-travel-panel .similar-box {
        margin-bottom: 24px
    }

    .explore-india-slider .packages-box h3 {
        height: 18px;
        margin-bottom: 9px
    }

    .explore-india-slider .packages-box span {
        font-size: 13px;
        height: 38px
    }

    .enquiry-panel .form-box {
        padding: 15px
    }

    .enquiry-panel h3 {
        font-size: 18px
    }

    .enquiry-panel figure {
        height: 467px
    }

    .faq-panel .accordion-body {
        padding: 13px
    }

    .faq-panel .accordion-button {
        padding-right: 2px
    }

    .accordion-button::after,
    .accordion-button:not(.collapsed)::after {
        font-size: 20px
    }

    .tour-Banner {
        height: 621px
    }

    .story-panel figure {
        height: 294px;
        margin-bottom: 20px
    }

    .story-panel p {
        margin-bottom: 8px
    }

    .story-panel h3 {
        font-size: 18px;
        margin: 17px 0 10px
    }

    .enquiry-btn-box {
        display: none
    }

    .zone-panel .similar-box p {
        height: 58px
    }

    .way-panel .similar-box {
        padding: 18px
    }

    .whyus-panel img {
        height: 38px
    }

    .whyus-panel p {
        height: 78px
    }

    .corporate-journey .media-box {
        height: 220px
    }

    .corporate-journey h3 {
        font-size: 18px
    }

    .corporate-journey p {
        line-height: 20px
    }

    .corporate-journey .journey-details h4 {
        font-size: 17px
    }

    .way-panel .similar-box p {
        height: 40px
    }

    .memories-panel {
        padding-bottom: 14px
    }

    .memories-panel figure {
        height: 300px
    }

    .memories-panel .small-box {
        height: 142px
    }

    .upcoming-panel .filter-widgets {
        top: 58px
    }

    .upcoming-panel h5 {
        margin-bottom: 10px
    }

    .upcoming-panel .trips-details p {
        margin-bottom: 6px
    }

    .filter-widgets .comman-btn {
        padding: 8px
    }

    .destination-about-panel p {
        line-height: 23px
    }

    .callback-panel h2 {
        font-size: 20px;
        line-height: 28px
    }

    .callback-panel p {
        font-size: 15px
    }

    .package-details-panel .img-slider {
        margin-bottom: 19px
    }

    .package-details-panel .img-box {
        display: none
    }

    .package-details-panel .img-slider figure {
        height: 300px
    }

    .package-details-panel h2 {
        margin-bottom: 18px
    }

    .package-details-panel .list {
        margin-bottom: 25px
    }

    .package-details-panel .navbar {
        top: 57px
    }

    .package-details-panel h3 {
        font-size: 20px;
        margin-bottom: 35px
    }

    .package-details-panel .inner-box h4 {
        font-size: 13px;
        margin-bottom: 11px
    }

    .package-details-panel .info-box ul:not(:last-child) {
        margin-bottom: 13px
    }

    .blog-wrap-panel .blog-details {
        padding: 15px;
        margin-bottom: 18px
    }

    .blog-wrap-panel .blog-img {
        height: 280px
    }

    .blog-wrap-panel h2 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 8px
    }

    .blog-wrap-panel p {
        margin-bottom: 8px
    }

    .blog-wrap-panel h3 {
        font-size: 18px;
        margin-bottom: 10px
    }

    .blog-wrap-panel .notice-box {
        margin-top: 20px
    }

    .blog-wrap-panel .img-box {
        margin: 27px 0
    }

    .blog-wrap-panel h5 {
        font-size: 16px;
        margin: 16px 0 8px
    }

    .blog-wrap-panel .sub-title {
        font-size: 14px;
        margin-bottom: 12px
    }

    .blog-wrap-panel .point-list li {
        margin-bottom: 10px
    }

    .blog-wrap-panel .post-box {
        padding: 18px;
        margin-bottom: 16px
    }

    .blog-wrap-panel .post-box img {
        margin-right: 15px
    }

    .blog-wrap-panel .comments-form h3 {
        padding: 9px 0 6px
    }

    .side-widgets .inner-widgets {
        padding: 15px
    }

    .blog-sidebar-widgets h4 {
        font-size: 17px
    }

    .blog-sidebar-widgets .post-list li {
        margin-bottom: 12px
    }

    .blog-sidebar-widgets .post-list img {
        width: 65px;
        height: 65px;
        margin-right: 11px
    }

    .blog-sidebar-widgets .post-date {
        margin-bottom: 5px
    }

    .blog-sidebar-widgets .post-list a {
        font-size: 14px;
        height: 18px
    }

    .contact-banner-panel {
        padding: 30px 0
    }

    .contactus-wrapper {
        margin: 0;
        z-index: 1
    }

    .contactus-wrapper h2 {
        font-size: 19px;
        padding: 12px 0
    }

    .contact-banner-panel h1 {
        font-size: 28px;
        margin-bottom: 13px
    }

    .contact-banner-panel p br {
        display: none
    }

    .contact-banner-panel p {
        font-size: 14px;
        line-height: 21px;
        height: 62px
    }

    .input-box {
        margin-bottom: 19px
    }

    .our-partners-panel figure {
        height: 72px
    }

    .presence-panel {
        padding-bottom: 10px !important
    }

    .presence-panel .presence-card {
        padding: 18px;
        margin-bottom: 24px
    }

    .presence-panel p {
        height: 37px
    }

    .talk-expert-panel figure {
        height: 250px;
        border-radius: 15px 15px 0 0
    }

    .talk-expert-panel .details-box {
        text-align: center;
        padding: 20px 82px
    }

    .talk-expert-panel h2 {
        font-size: 24px;
        line-height: 37px;
        margin-bottom: 21px
    }

    .reviews-panel .review-box {
        padding: 15px
    }

    .reviews-panel .inner-box img {
        margin-right: 8px
    }

    .reviews-panel .inner-box h6 {
        font-size: 14px;
        margin-bottom: 3px
    }

    .reviews-panel p:not(.top-head p) {
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px;
        height: 65px
    }

    .reviews-panel p a {
        font-size: 13px
    }

    .reviews-panel .dest-container .destination-box {
        width: 85px;
        height: 85px
    }

    .reviews-panel .dest-container .overlay i {
        width: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 15px
    }

    .reviews-panel .load-btn-box {
        margin-top: 32px
    }

    .customer-journey-panel .video-box {
        height: 250px
    }

    .transaction-panel .icon {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 17px
    }

    .trans-policy-panel h3 {
        font-size: 18px;
        margin-bottom: 15px
    }

    .comman-style {
        padding: 20px
    }

    .comman-style .comman-title {
        margin-bottom: 36px
    }

    .comman-style h3 {
        margin: 20px 0 10px
    }

    .sitemap-panel {
        padding: 30px 28px
    }

    .sitemap-panel li a {
        margin-bottom: 4px
    }

    .share-popup .modal-content {
        padding: 15px
    }

    .share-popup .modal-body {
        padding: 0
    }

    .share-popup h6 {
        margin-bottom: 15px
    }

    .share-popup .modal-icons {
        margin-bottom: 23px
    }

    .share-popup .modal-icons a {
        width: 40px;
        height: 40px;
        margin-right: 4px
    }

    .share-popup .url-box a {
        font-size: 12px;
        padding: 6px 16px
    }

    .share-popup .url-box p {
        max-width: 381px
    }

    .custom-modal .modal-xl {
        max-width: 730px
    }

    .custom-modal .promo-box {
        padding: 15px 20px
    }

    .custom-modal .offer-box {
        margin-bottom: 8px
    }

    .custom-modal .offer-box p {
        font-size: 13px
    }

    .custom-modal h3 {
        font-size: 22px;
        margin-bottom: 18px
    }
}

@media (max-width:768px) {
    .custom-style {
        padding: 25px 0
    }

    .comman-title-box {
        margin-bottom: 45px
    }

    .custom-title-box {
        margin-bottom: 34px
    }

    .comman-title {
        font-size: 23px;
        line-height: 29px
    }

    .comman-title::after {
        height: 4px;
        bottom: -12px
    }

    .comman-btn {
        padding: 9px 30px
    }

    .view-btn {
        padding: 9px
    }

    .scroll-btn,
    .whatsapp {
        width: 35px;
        height: 35px;
        font-size: 14px;
        bottom: 12px
    }

    .floating-cta-bar {
        width: calc(100% - 20px);
        border-radius: 14px;
        padding: 6px;
        gap: 6px;
        bottom: 56px
    }

    .floating-cta {
        flex: 1;
        justify-content: center;
        font-size: 12px;
        padding: 10px
    }

    .floating-cta-call small {
        display: none
    }

    .error-page-card,
    .empty-state-card {
        padding: 28px 18px;
        border-radius: 16px
    }

    .error-code {
        font-size: 33px;
        padding: 8px 18px
    }

    .error-page-card h1,
    .empty-state-title {
        font-size: 25px
    }

    .error-page-card p,
    .empty-state-text {
        font-size: 14px;
        line-height: 1.6
    }

    .error-search-box .search-form,
    .empty-state-search .search-form {
        flex-direction: column
    }

    .error-search-box .search-submit,
    .empty-state-search .search-submit {
        width: 100%
    }

    .error-action-links,
    .empty-state-actions {
        flex-direction: column
    }

    .error-action-links a,
    .empty-state-actions a {
        width: 100%
    }

    .pagination .page-link {
        font-size: 14px;
        margin: 0 9px
    }

    .blog-pagination .page-link.prev,
    .blog-pagination .page-link.next {
        min-width: 98px
    }

    .owl-dots {
        margin-top: 18px !important
    }

    .header .navbar-collapse {
        width: 100%
    }

    .header .navbar-toggler {
        font-size: 22px
    }

    .header .navbar {
        padding: 11px 0
    }

    .header .nav-link {
        font-size: 14px
    }

    .header h4 {
        font-size: 16px
    }

    .header h3 {
        font-size: 16px
    }

    .header h3 i {
        font-size: 15px
    }

    .hero-panel .hero-slides {
        height: 630px
    }

    .hero-panel h2 {
        font-size: 22px
    }

    .hero-panel .custom-slide h2 {
        margin-bottom: 25px
    }

    .hero-panel p {
        margin-bottom: 21px
    }

    .hero-panel .comman-btn {
        font-size: 13px;
        width: 136px
    }

    .destination-pkg-slider {
        margin-bottom: 16px
    }

    .destination-pkg-slides {
        height: 280px
    }

    .destination-pkg-slides h3 {
        font-size: 18px;
        height: 22px
    }

    .destination-pkg-slides p {
        font-size: 14px;
        line-height: 21px;
        height: 40px
    }

    .destination-panel .small-img-box {
        height: 91px
    }

    .destination-panel .large-img-box {
        height: 130px
    }

    .weekend-panel .destination-pkg-slides {
        height: 280px;
        margin-bottom: 16px
    }

    .weekend-panel .destination-pkg-slider {
        margin-bottom: 16px
    }

    .weekend-panel .destination-pkg-slider .destination-pkg-slides {
        margin-bottom: 0
    }

    .packages-box figure {
        height: 230px;
    }

    .packages-box h3 {
        margin-top: 0;
        margin-bottom: 9px
    }

    .bottom-box .contact-btn {
        padding: 8px 12px
    }

    .bottom-box .comman-btn {
        padding: 7px
    }

    .travelers-say-panel .traveler-reviews-box {
        height: 460px
    }

    .discover-panel a {
        padding: 15px 10px
    }

    .discover-panel .discover-slides img {
        height: 40px
    }

    .discover-panel h3 {
        font-size: 14px;
        margin-bottom: 0
    }

    .frame-panel {
        padding-bottom: 15px
    }

    .frame-panel figure {
        width: 100%
    }

    .frame-panel .frame-slider {
        padding-bottom: 45px
    }

    .frame-panel .swiper-pagination-bullet {
        width: 11px;
        height: 11px
    }

    .brand-associations-panel figure {
        height: 48px
    }

    .blog-box {
        margin-bottom: 16px
    }

    .blog-box figure {
        height: 195px
    }

    .blog-list-panel .blog-box {
        margin-bottom: 16px
    }

    .footer {
        padding-top: 25px
    }

    .footer h2 {
        font-size: 18px;
        margin-bottom: 15px;
        text-align: left
    }

    .footer .input-box {
        width: 100%
    }

    .footer .subscribe-btn {
        font-size: 13px
    }

    .footer .newsletter-box {
        margin-bottom: 29px
    }

    .footer h3 {
        margin-bottom: 14px
    }

    .footer .ftr-box {
        margin-bottom: 20px
    }

    .footer ul li {
        margin-bottom: 7px
    }

    .footer .ftr-destination-box a {
        width: 59px;
        height: 59px
    }

    .footer ul li i {
        width: 30px;
        height: 30px;
        line-height: 30px
    }

    .footer .contact-info-box li {
        margin-bottom: 13px
    }

    .footer ul li i {
        margin-right: 9px
    }

    .footer .contact-info-box a {
        width: 87%
    }

    .footer .we-accept {
        margin-top: 10px
    }

    .footer .we-accept img {
        height: 30px
    }

    .footer .copyright-box {
        margin-top: 22px
    }

    .footer .copyright-box {
        flex-direction: column-reverse;
        padding: 13px 0
    }

    .footer .copyright-box ul {
        margin-bottom: 11px
    }

    .footer .copyright-box p {
        font-size: 13px;
        text-align: center
    }

    .banner-panel {
        padding: 63px 0
    }

    .banner-panel h1 {
        font-size: 23px;
        margin-bottom: 9px
    }

    .banner-panel li {
        font-size: 13px
    }

    .our-mission-panel .first-img-box {
        height: 205px;
        margin-bottom: 22px
    }

    .our-mission-panel p {
        font-weight: 400;
        line-height: 23px
    }

    .fraud-alert-panel .alert-box {
        padding: 18px 10px
    }

    .fraud-alert-panel h2 {
        font-size: 17px
    }

    .fraud-alert-panel p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 17px
    }

    .destination-list-panel .comman-title-box p {
        font-size: 14px
    }

    .destination-list-panel .inner-list-box {
        height: 225px;
        margin-bottom: 16px
    }

    .inner-trip-box figure {
        height: 190px
    }

    .tour-packages-panel .packages-box {
        margin-bottom: 16px
    }

    .tour-packages-panel .package-features i {
        width: 42px;
        height: 42px;
        line-height: 42px;
        font-size: 14px
    }

    .tour-packages-panel .duration-price-box {
        margin-bottom: 12px
    }

    .tour-packages-panel .bottom-box .contact-btn {
        padding: 9px 12px
    }

    .tour-packages-panel .bottom-box .comman-btn {
        padding: 8px
    }

    .why-travel-panel {
        padding-bottom: 14px
    }

    .why-travel-panel .similar-box {
        margin-bottom: 16px
    }

    .similar-box img {
        height: 39px;
        margin-bottom: 15px
    }

    .similar-box h3 {
        margin-bottom: 9px
    }

    .enquiry-panel .image-box {
        display: none
    }

    .faq-panel .accordion-item {
        margin-bottom: 16px
    }

    .faq-panel .accordion-button {
        font-size: 13px;
        padding: 5px 4px;
        padding-right: 0
    }

    .faq-panel .accordion-button span {
        font-size: 13px;
        padding: 12px;
        width: 33px;
        margin-right: 7px
    }

    .faq-panel .load-btn-box {
        margin-top: 24px
    }

    .faq-panel .load-btn-box {
        margin-top: 27px
    }

    .tour-Banner {
        height: 630px
    }

    .story-panel figure {
        height: 200px
    }

    .story-panel .inner-content-box {
        height: 380px
    }

    .story-panel h3 {
        font-size: 17px
    }

    .zone-panel .similar-box p,
    .whyus-panel p {
        height: auto
    }

    .whyus-panel img {
        height: 35px;
        margin-bottom: 0
    }

    .whyus-panel h3 {
        margin-bottom: 0
    }

    .similar-box {
        margin-bottom: 16px
    }

    .corporate-journey .media-box {
        height: 214px
    }

    .corporate-journey h3 {
        font-size: 17px
    }

    .corporate-journey .loc-list li {
        width: 50%
    }

    .corporate-journey li i {
        font-size: 18px
    }

    .way-panel .similar-box p {
        height: auto
    }

    .htspice-panel figure {
        width: 58px;
        height: 58px
    }

    .memories-panel {
        padding-bottom: 21px !important
    }

    .memories-panel figure {
        height: 166px
    }

    .memories-panel .small-box {
        height: 78px;
        margin-bottom: 9px
    }

    .upcoming-panel .comman-title-box {
        margin-bottom: 38px
    }

    .upcoming-panel .filter-widgets {
        position: static;
        background-color: #fff0;
        box-shadow: none;
        border-radius: 0;
        padding: 0
    }

    .upcoming-panel .filter-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px
    }

    .upcoming-panel .filter-header span {
        display: inline-block
    }

    .upcoming-panel .filter-title {
        pointer-events: painted;
        display: inline-block;
        color: var(--lightcolor);
        background-color: var(--primarycolor);
        font-size: 13px;
        padding: 9px 17px;
        border-radius: 4px
    }

    .upcoming-panel .filter-title i {
        color: var(--lightcolor)
    }

    .upcoming-panel .filter-title::after {
        display: none
    }

    .filter-inr-widgets.collapse {
        display: none
    }

    .filter-inr-widgets.collapse.show {
        display: block
    }

    .upcoming-panel .filter-inr-widgets {
        background-color: var(--lightcolor);
        padding: 20px 0;
        border-radius: 15px;
        box-shadow: rgb(100 100 111 / .2) 0 7px 29px 0;
        margin: 6px 0 24px
    }

    .upcoming-panel .filter-box {
        max-height: none
    }

    .upcoming-panel .upcoming-date-windows {
        grid-template-columns: 1fr
    }

    .upcoming-panel .upcoming-date-window span,
    .upcoming-panel .upcoming-date-input {
        min-height: 44px
    }

    .upcoming-panel .upcoming-month-chip-grid {
        gap: 8px
    }

    .upcoming-panel h3 {
        display: none
    }

    .upcoming-panel .trips-box {
        height: 152px;
        margin-bottom: 16px
    }

    .upcoming-panel figure {
        width: 118px
    }

    .upcoming-panel .trips-details p,
    .upcoming-panel .trips-box span {
        font-weight: 500
    }

    .upcoming-panel h5 {
        margin-bottom: 9px
    }

    .callback-panel .info-box {
        padding: 15px
    }

    .callback-panel h2 {
        font-size: 17px;
        line-height: 25px
    }

    .callback-panel h2 br {
        display: none
    }

    .callback-panel p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 20px
    }

    .banner-panel .btn-box {
        margin-top: 20px
    }

    .banner-panel .comman-btn {
        padding: 9px 13px
    }

    .banner-panel .share-btn {
        font-size: 15px;
        margin-left: 5px
    }

    .package-details-panel .img-slider figure {
        height: 230px
    }

    .package-details-panel .img-slider {
        margin-bottom: 17px
    }

    .package-details-panel h2 {
        font-size: 17px;
        line-height: 23px;
        margin-bottom: 16px
    }

    .package-details-panel .list {
        margin-bottom: 23px
    }

    .package-details-panel .list li {
        width: 50%
    }

    .package-details-panel .list p {
        font-size: 14px
    }

    .package-details-panel .list i {
        font-size: 17px;
        margin-right: 9px
    }

    .package-details-panel .navbar {
        top: 55px
    }

    .side-widgets span {
        margin-bottom: 10px
    }

    .side-widgets h4 {
        font-size: 18px
    }

    .package-details-panel .navbar {
        flex-wrap: nowrap;
        overflow-x: scroll;
        scrollbar-width: thin;
        margin-bottom: 25px
    }

    .package-details-panel .nav {
        flex-wrap: nowrap;
        justify-content: flex-start;
        gap: 5px
    }

    .package-details-panel .nav .nav-link {
        width: 166px;
        padding: 9px;
        text-align: center;
        font-size: 14px
    }

    .package-details-panel .inner-box {
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 17px
    }

    .package-details-panel h3 {
        font-size: 18px
    }

    .package-details-panel .inner-box h5 {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 15px
    }

    .package-details-panel .inner-box p {
        line-height: 22px;
        margin-bottom: 8px
    }

    .package-details-panel .accordion-button {
        font-size: 14px;
        padding: 7px 0 7px 7px
    }

    .package-details-panel .accordion-button span {
        font-size: 13px;
        padding: 4px 9px;
        margin-right: 7px
    }

    .package-details-panel .notice-box {
        background-color: var(--bgcolor);
        padding: 12px;
        border-radius: 15px;
        margin: 26px 0 18px
    }

    .package-details-panel .notice-box p {
        font-size: 14px;
        line-height: 21px;
        margin-bottom: 10px
    }

    .package-details-panel .notice-box strong {
        font-size: 14px
    }

    .package-details-panel .inner-box ul li {
        font-size: 14px;
        margin-bottom: 9px
    }

    .package-details-panel .inner-box ul img {
        height: 11px;
        margin-right: 1px
    }

    .blog-wrap-panel .blog-details {
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 27px
    }

    .blog-wrap-panel .blog-img {
        height: 200px;
        border-radius: 15px;
        margin-bottom: 18px
    }

    .blog-wrap-panel h2 {
        font-size: 17px;
        line-height: 25px
    }

    .blog-wrap-panel h3 {
        font-size: 17px
    }

    .blog-wrap-panel .title,
    .blog-wrap-panel .notice-box {
        margin-top: 18px
    }

    .blog-wrap-panel .img-box figure:first-child {
        margin-right: 0
    }

    .blog-wrap-panel .img-box {
        width: 100%;
        margin: 20px 0 22px
    }

    .blog-wrap-panel .img-box figure {
        width: 100%
    }

    .blog-wrap-panel .hidden {
        display: none
    }

    .blog-wrap-panel h5 {
        font-size: 15px;
        margin: 15px 0 8px
    }

    .blog-wrap-panel .point-list {
        margin-bottom: 17px
    }

    .blog-wrap-panel .sub-title {
        line-height: 22px
    }

    .blog-wrap-panel .point-list li {
        font-size: 14px
    }

    .blog-wrap-panel strong {
        font-size: 14px
    }

    .blog-wrap-panel .form-control,
    .blog-sidebar-widgets input {
        padding: 8px 15px
    }

    .blog-wrap-panel .comments-form .input-box {
        margin-bottom: 17px
    }

    .blog-wrap-panel .comman-btn {
        font-size: 13px
    }

    .blog-wrap-panel .post-box,
    .blog-wrap-panel .tags-share-box {
        display: none
    }

    .blog-wrap-panel .comments-form {
        margin-top: 15px
    }

    .side-widgets .inner-widgets {
        margin-bottom: 16px
    }

    .blog-sidebar-widgets h4 {
        font-size: 16px;
        margin-bottom: 17px
    }

    .blog-sidebar-widgets .post-list img {
        width: 62px;
        height: 62px
    }

    .blog-sidebar-widgets .post-date {
        font-size: 12px;
        margin-bottom: 3px
    }

    .blog-sidebar-widgets .post-list a {
        font-size: 13px;
        height: 38px
    }

    .blog-sidebar-widgets .post-category li {
        margin-bottom: 5px
    }

    .blog-sidebar-widgets .post-category a {
        font-size: 13px
    }

    .blog-sidebar-widgets .post-category span {
        width: 19px;
        height: 19px;
        line-height: 19px
    }

    .blog-sidebar-widgets .popular-tags a {
        padding: 6px 16px
    }

    .contact-banner-panel {
        padding: 25px 0
    }

    .contact-banner-panel .inr-content-box {
        text-align: center;
        height: auto;
        margin-bottom: 25px
    }

    .contact-banner-panel h1 {
        font-size: 25px;
        margin-bottom: 12px
    }

    .contact-banner-panel .comman-btn-box {
        margin-top: 24px
    }

    .contact-banner-panel .comman-btn {
        padding: 9px 30px
    }

    .our-partners-panel figure {
        height: 60px
    }

    .presence-panel .presence-card {
        padding: 18px 33px;
        margin-bottom: 16px
    }

    .presence-panel img {
        height: 42px
    }

    .presence-panel p {
        height: auto
    }

    .talk-expert-panel figure {
        height: 200px
    }

    .talk-expert-panel .details-box {
        padding: 15px
    }

    .talk-expert-panel h2 {
        font-size: 19px;
        line-height: 29px
    }

    .reviews-panel .review-box {
        margin-bottom: 16px
    }

    .reviews-panel h5 {
        line-height: 19px
    }

    .reviews-panel p:not(.top-head p) {
        line-height: 21px;
        height: 123px
    }

    .reviews-panel .dest-container {
        gap: 8px
    }

    .reviews-panel .dest-container .destination-box {
        width: 70px;
        height: 70px
    }

    .reviews-panel .load-btn-box {
        margin-top: 25px
    }

    .customer-journey-panel .video-box {
        height: 230px;
        margin-bottom: 16px
    }

    .customer-journey-panel .load-btn-box {
        margin-top: 10px
    }

    .testimonial-panel .inner-box {
        justify-content: center
    }

    .testimonial-panel .inner-box .ratings-box {
        padding: 5px 19px;
        margin-right: 9px;
        margin-bottom: 15px
    }

    .testimonial-panel .ratings-box figure {
        width: 35px;
        height: 35px
    }

    .testimonial-panel .content-box {
        margin-left: 14px;
        padding-left: 14px
    }

    .testimonial-panel .ratings-box span {
        font-size: 14px
    }

    .transaction-panel .payment-card {
        padding: 15px;
        margin-bottom: 16px;
        min-height: auto
    }

    .transaction-panel .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        margin-bottom: 13px
    }

    .transaction-panel p {
        font-size: 14px;
        margin-bottom: 9px
    }

    .transaction-panel .notice-card p {
        font-size: 15px
    }

    .transaction-panel a {
        margin-top: 8px
    }

    .trans-policy-panel {
        padding-bottom: 4px
    }

    .trans-policy-panel .transpolicy-box {
        margin-bottom: 25px
    }

    .trans-policy-panel h3 {
        font-size: 17px;
        margin-bottom: 13px
    }

    .trans-policy-panel td,
    .trans-policy-panel th {
        font-size: 14px
    }

    .trans-policy-panel .note-box {
        margin-top: 18px
    }

    .comman-style {
        padding: 0;
        box-shadow: none;
        border-radius: 0
    }

    .comman-style .comman-title {
        margin-bottom: 34px
    }

    .comman-style p {
        margin-bottom: 8px
    }

    .comman-style ul li {
        margin-bottom: 7px
    }

    .sitemap-panel .sitemap-wrapper {
        padding: 15px
    }

    .modal-title {
        font-size: 16px
    }

    .b2b-form .modal-title {
        line-height: 20px
    }

    .share-popup .modal-lg {
        width: auto
    }

    .share-popup h6 {
        font-size: 14px;
        margin-bottom: 12px
    }

    .share-popup .modal-icons {
        margin-bottom: 21px
    }

    .share-popup .modal-icons a {
        width: 36px;
        height: 36px
    }

    .share-popup .url-box i {
        font-size: 12px
    }

    .share-popup .url-box p {
        max-width: 235px;
        font-size: 14px
    }

    .custom-modal .modal-xl {
        max-width: 100%
    }

    .custom-modal .left-box,
    .custom-modal .right-box {
        width: 100%
    }

    .custom-modal .left-box {
        display: none
    }

    .custom-modal .right-box {
        padding: 15px
    }

    .custom-modal h3 {
        font-size: 21px;
        margin-bottom: 20px
    }
}

@media (max-width:992px) {
    .header .navbar-collapse {
        width: min(84vw, 360px);
        max-width: 360px;
        min-height: 100vh;
        padding-bottom: 24px;
        overflow-y: auto;
        overflow-x: hidden;
        background: linear-gradient(180deg, #ffffff 0%, #f7f9fd 100%);
        border-right: 1px solid #e7edf7;
        box-shadow: 22px 0 48px rgb(12 22 38 / .24);
        border-radius: 0 20px 20px 0;
        opacity: 1
    }

    .header .nav-header {
        padding: 18px 16px 16px;
        position: sticky;
        top: 0;
        background-color: #fff;
        z-index: 2;
        box-shadow: 0 10px 20px rgb(12 22 38 / .06);
        border-bottom: 1px solid #edf2f8
    }

    .header .nav-header .ht-logo {
        height: 34px;
        object-fit: contain
    }

    .header .nav-header .xmark-icon {
        width: 30px;
        height: 30px;
        line-height: 30px;
        border-radius: 10px;
        box-shadow: 0 10px 18px rgb(244 124 32 / .18)
    }

    .header .navbar-nav {
        display: block;
        padding: 14px 12px 8px
    }

    .header .navbar-nav>.nav-item {
        display: block;
        width: 100%;
        margin: 0 0 12px;
        border: 1px solid #e8eef5;
        border-radius: 18px;
        background-color: #fff;
        box-shadow: 0 10px 22px rgb(17 38 67 / .04);
        overflow: hidden
    }

    .header .nav-link {
        padding: 16px 18px !important;
        font-size: 15px;
        font-weight: 600;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        color: #13233b
    }

    .header .nav-link:hover {
        color: var(--secondarycolor)
    }

    .header .down-arrow {
        margin-left: auto;
        color: var(--primarycolor);
        transition: transform 0.25s ease
    }

    .header .nav-item.dropdown.menu-item-open {
        border-color: rgb(244 124 32 / .3);
        box-shadow: 0 14px 28px rgb(244 124 32 / .08)
    }

    .header .nav-item.dropdown.menu-item-open>.nav-link {
        color: var(--secondarycolor);
        background: linear-gradient(180deg, rgb(244 124 32 / .08), rgb(244 124 32 / .03))
    }

    .header .dropdown-menu.mega-menu {
        position: static;
        left: auto;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transform: none;
        display: none;
        margin-top: 0;
        padding: 0 18px 18px;
        background: linear-gradient(180deg, #fcfdff 0%, #f7fbff 100%);
        box-shadow: none;
        border-top: 1px solid #edf2f8;
        border-radius: 0
    }

    .header .dropdown-menu.mega-menu.showDropdownMenu {
        display: block
    }

    .header .nav-item.dropdown.menu-item-open>.dropdown-menu.mega-menu {
        display: block
    }

    .header .nav-item.dropdown.menu-item-open>.nav-link .down-arrow {
        transform: rotate(180deg)
    }

    .header .mega-menu::before {
        display: none
    }

    .header .mega-menu .row {
        display: block;
        margin: 0
    }

    .header .mega-menu .col-xl-6 {
        width: 100%;
        padding: 0
    }

    .header .mega-menu .menus {
        margin-bottom: 12px;
        padding: 14px 14px 10px;
        border: 1px solid #e7eef9;
        border-radius: 14px;
        background-color: #fff;
        box-shadow: 0 8px 20px rgb(17 38 67 / .03)
    }

    .header .mega-menu .menus:first-child {
        border-top: 1px solid #e7eef9
    }

    .header .mega-menu h4 {
        font-size: 14px;
        font-weight: 700;
        margin-bottom: 10px;
        color: #13233b
    }

    .header .mega-menu ul {
        columns: 1
    }

    .header .mega-menu ul li {
        margin-bottom: 4px
    }

    .header .mega-menu a {
        display: block;
        padding: 6px 0;
        font-size: 14px;
        color: #31415c
    }

    .header .mega-menu a:hover {
        color: var(--secondarycolor);
        transform: none
    }

    .header .nav-bottom {
        display: block;
        padding-top: 14px;
        margin: 4px 12px 0;
        border-top: 1px solid #edf1f6
    }

    .header .nav-bottom h3 {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 0 4px 12px;
        font-size: 15px
    }

    .header .nav-bottom ul {
        padding: 0 4px
    }

    .header .nav-bottom li {
        margin-bottom: 10px
    }

    .header .nav-bottom li a {
        display: block;
        color: #31415c;
        font-size: 14px;
        padding: 0
    }

    .floating-cta-bar {
        width: min(calc(100% - 24px), 360px);
        bottom: calc(12px + env(safe-area-inset-bottom));
        padding: 8px;
        gap: 10px;
        border-radius: 24px
    }

    .floating-cta {
        flex: 1 1 0%;
        justify-content: center;
        min-height: 52px;
        padding: 13px 14px;
        font-size: 14px
    }

    .floating-cta i {
        font-size: 15px
    }

    .floating-cta-call small {
        display: none
    }

    .whatsapp,
    .scroll-btn {
        bottom: calc(86px + env(safe-area-inset-bottom))
    }

    .whatsapp {
        left: 14px;
        width: 46px;
        height: 46px
    }

    .scroll-btn {
        right: 14px;
        width: 38px;
        height: 38px
    }

    .footer-main-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px 24px
    }

    .footer-brand-row {
        flex-direction: column;
        align-items: flex-start
    }

    .footer-brand-row p {
        text-align: left
    }

    .footer-seo-tabs .nav-link {
        font-size: 15px;
        margin-right: 18px
    }
}

@media (max-width:768px) {
    .header .navbar-collapse {
        width: min(86vw, 330px);
        max-width: 330px;
        border-radius: 0 18px 18px 0;
        background: #ffffff !important
    }

    .header .nav-header {
        padding: 16px 14px 14px
    }

    .header .navbar-nav {
        padding: 12px 10px 8px
    }

    .header .nav-link {
        padding: 15px 16px !important;
        font-size: 14px
    }

    .header .dropdown-menu.mega-menu {
        padding: 0 16px 16px
    }

    .header .navbar-nav>.nav-item {
        border-radius: 16px;
        margin-bottom: 10px
    }

    .header .mega-menu .menus {
        padding: 12px 12px 8px;
        border-radius: 12px
    }

    .header .nav-bottom h3 {
        font-size: 16px;
        padding: 0 4px 10px
    }

    .header .nav-bottom ul {
        padding: 0 4px
    }

    .footer {
        padding: 26px 0 calc(116px + env(safe-area-inset-bottom))
    }

    .footer-seo-desktop {
        display: none
    }

    .footer-seo-mobile {
        display: block
    }

    .footer-seo-accordion {
        padding-bottom: 18px;
        margin-bottom: 22px
    }

    .footer-seo-accordion .accordion-button {
        padding: 15px 0;
        font-size: 17px
    }

    .footer-seo-accordion .accordion-body {
        padding-bottom: 14px
    }

    .footer-seo-accordion .seo-links-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px 12px
    }

    .footer-seo-accordion .seo-links-grid a {
        font-size: 13px
    }

    .footer-main-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 22px 24px;
        padding-bottom: 22px;
        align-items: start
    }

    .footer-column {
        padding: 0;
        border: none;
        border-radius: 0;
        background: #fff0;
        box-shadow: none
    }

    .footer h3 {
        font-size: 15px;
        margin-bottom: 10px
    }

    .footer-summary,
    .footer p {
        font-size: 13px;
        line-height: 1.65
    }

    .footer-summary {
        display: none
    }

    .footer-link-list a,
    .footer-contact-list a,
    .footer-social-list a {
        font-size: 13px;
        gap: 8px;
        line-height: 1.5
    }

    .footer-link-list li,
    .footer-contact-list li,
    .footer-social-list li {
        margin-bottom: 9px
    }

    .footer-contact-list a i,
    .footer-social-list a i {
        width: 15px;
        font-size: 13px;
        margin-top: 3px
    }

    .footer-brand-row {
        padding-top: 18px;
        align-items: center;
        border-top: 1px solid rgb(255 255 255 / .1)
    }

    .footer-brand img {
        width: 136px
    }

    .footer-brand-row p {
        font-size: 13px;
        width: 100%;
        text-align: center
    }

    .footer-brand {
        margin: 0 auto
    }

    .floating-cta-bar {
        width: calc(100% - 32px);
        max-width: none;
        left: 16px;
        right: 16px;
        transform: none;
        bottom: calc(8px + env(safe-area-inset-bottom));
        padding: 5px;
        border-radius: 16px;
        gap: 6px;
        box-shadow: 0 10px 22px rgb(9 20 36 / .18)
    }

    .floating-cta {
        min-height: 40px;
        padding: 9px 8px;
        font-size: 12px;
        letter-spacing: .01em
    }

    .floating-cta i {
        font-size: 12px
    }

    .floating-cta span {
        white-space: nowrap
    }

    .custom-modal .modal-dialog {
        margin: .75rem
    }

    .custom-modal .modal-content {
        border-radius: 18px;
        overflow: hidden
    }

    .custom-modal .btn-close {
        right: 12px;
        top: 12px;
        border-radius: 50%
    }

    .custom-modal h3 {
        font-size: 20px;
        margin: 10px 0 18px
    }

    .custom-modal .right-box {
        padding: 22px 16px 16px
    }

    .custom-modal .right-box .form-control,
    .custom-modal .right-box .form-select {
        min-height: 50px;
        border-radius: 10px
    }

    .custom-modal .right-box textarea.form-control {
        min-height: 140px
    }
}

@media (max-width:480px) {
    .header .navbar-collapse {
        width: min(86vw, 320px);
        max-width: 320px;
        background: #ffffff !important
    }

    .frame-panel figure {
        height: clamp(340px, 88vw, 430px)
    }

    .footer {
        padding-bottom: calc(122px + env(safe-area-inset-bottom))
    }

    .footer-main-grid {
        gap: 20px 18px
    }

    .footer-column {
        padding: 0
    }

    .footer-link-list a,
    .footer-contact-list a,
    .footer-social-list a {
        font-size: 13px
    }

    .floating-cta-bar {
        width: calc(100% - 34px);
        left: 17px;
        right: 17px;
        padding: 4px;
        gap: 5px
    }

    .floating-cta {
        min-height: 38px;
        padding: 8px 6px;
        font-size: 11px
    }

    .floating-cta i {
        font-size: 11px
    }

    .whatsapp,
    .scroll-btn {
        bottom: calc(64px + env(safe-area-inset-bottom))
    }

    .whatsapp {
        width: 40px;
        height: 40px
    }

    .scroll-btn {
        width: 34px;
        height: 34px
    }
}

@media (max-width:1199.98px) {
    .package-details-panel .navbar {
        padding: 10px;
        margin-bottom: 18px
    }

    .package-details-panel .package-scroll-section {
        scroll-margin-top: 190px
    }

    .package-details-panel .nav-link {
        padding: 10px 16px
    }

    .side-widgets .package-price-card__amount {
        font-size: 28px
    }

    .package-form-card__title {
        font-size: 25px
    }

    .destination-panel .destination-pkg-slider.owl-carousel {
        min-height: auto;
    }
}

@media (max-width:991.98px) {
    .package-details-panel .navbar {
        top: 58px
    }

    .package-details-panel .package-scroll-section {
        padding: 22px;
        scroll-margin-top: 170px
    }

    .side-widgets {
        position: static
    }

    #package-enquiry {
        scroll-margin-top: 110px
    }

    .destination-panel .destination-pkg-slider.owl-carousel {
        min-height: auto;
    }

    .destination-panel .destination-pkg-slides {
        height: 372px;
    }
}

@media (max-width:767.98px) {
    .frame-panel figure {
        width: 100%;
        height: clamp(320px, 78vw, 400px)
    }

    .package-details-panel .navbar {
        top: 55px;
        flex-wrap: nowrap;
        overflow-x: auto;
        padding: 8px;
        border-radius: 16px
    }

    .package-details-panel .nav {
        flex-wrap: nowrap;
        gap: 8px
    }

    .package-details-panel .nav .nav-link {
        width: auto;
        min-width: 152px;
        padding: 10px 14px
    }

    .package-details-panel .package-scroll-section {
        padding: 18px 16px;
        margin-bottom: 16px;
        border-radius: 18px;
        box-shadow: 0 10px 24px rgb(13 47 86 / .1);
        scroll-margin-top: 145px
    }

    .package-download-cta__card {
        padding: 22px 16px;
        border-radius: 20px
    }

    .package-download-cta__title {
        font-size: 23px
    }

    .package-download-cta__text {
        font-size: 14px;
        margin-bottom: 18px
    }

    .package-download-cta .comman-btn {
        width: 100%;
        min-width: 0
    }

    .package-feature-list ul {
        gap: 10px
    }

    .package-feature-list ul li {
        padding: 12px 12px 12px 50px;
        border-radius: 14px;
        font-size: 14px
    }

    .package-feature-list ul li::before {
        top: 12px;
        left: 12px;
        width: 24px;
        height: 24px;
        font-size: 11px
    }

    .package-details-panel .accordion-button {
        padding: 14px 12px
    }

    .package-details-panel .accordion-body {
        padding: 0 12px 14px
    }

    .side-widgets {
        gap: 16px
    }

    .side-widgets .inner-widgets {
        padding: 20px 18px
    }

    .side-widgets .package-price-card__amount {
        font-size: 25px
    }

    .side-widgets .package-form-card__eyebrow {
        margin-bottom: 12px
    }

    .package-form-card__title {
        font-size: 23px
    }

    .package-form-card__text {
        font-size: 14px
    }

    .package-form-shell span {
        margin-bottom: 0
    }

    .package-form-shell input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
    .package-form-shell select,
    .package-form-shell textarea {
        min-height: 54px;
        border-radius: 14px;
        padding: 13px 15px
    }

    .package-form-shell textarea {
        min-height: 132px
    }

    #DownloadAccess-form .modal-dialog {
        margin: 12px
    }

    #DownloadAccess-form .modal-header {
        padding: 20px 18px 16px
    }

    #DownloadAccess-form .modal-title {
        font-size: 24px
    }

    #DownloadAccess-form .modal-body {
        padding: 18px
    }

    .download-modal-intro {
        padding: 16px;
        border-radius: 16px
    }

    .home-faq-panel .faq-panel-intro {
        margin-top: 22px;
        font-size: 14px
    }
}