@media (min-width: 1366px) {
    .container {
        max-width: 1200px;
    }

    .container_xl {
        max-width: 1300px !important;
    }

    .container_lg {
        max-width: 1080px;
    }

    .container_md {
        max-width: 1030px;
    }
}

@media (max-width: 1699px) {
    .mfp-image-holder .mfp-content {
        width: 130rem;
    }
}

@media (max-width: 1499px) {
    .mfp-image-holder .mfp-content {
        width: 100rem;
    }

    img.mfp-img {
        height: 60rem;
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }

    .container_lg {
        max-width: 1080px;
    }

    .container_md {
        max-width: 1030px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    html {
        font-size: 50%;
    }
}

@media (min-width: 992px) {
    .routes_gellay_box .col-7 {
        width: 57.8%;
    }

    .routes_gellay_box .col-5 {
        width: 42.2%;
    }

    .d3_box p {
        width: 15rem;
        overflow: hidden;
        white-space: nowrap;
    }

    .order_header .hero_wave1 {
        top: auto;
        transform: translateY(-2rem);
    }
}

/* ------ Medium devices (tablets, 991px and down) -----*/
@media (max-width: 991px) {
    html {
        font-size: 62.5%;
    }

    .route_inner_box .rt_top {
        min-height: unset;
    }

    .routes_gellay_box .item img {
        width: 100%;
        object-fit: cover;
        max-height: 188px;
        min-height: 188px;
    }

    .routes_gellay_box .col-5 .item img {
        max-height: 90px;
        min-height: 90px;
    }

    .footer-copy {
        flex-direction: column;
    }

    br {
        display: none;
    }

    .hero_section .dropdown_toggle,
    .hero_section .menu_on_scroll .hero_icon_box {
        justify-content: start;
        align-items: start;
        flex-direction: row;
    }

    .hero_section .hero_icon_box::before {
        display: none;
    }

    .mfp-image-holder .mfp-content {
        width: 60rem;
    }

    img.mfp-img {
        height: 50rem;
    }

    .back-to-top {
        width: 4.5rem;
        height: 4.5rem;
    }

    /* ================= Route Section =============== */
    .route_cont {
        grid-template-columns: 1fr;
        gap: 2rem;
        width: 100%;
    }

    .route_box h2 {
        font-size: 1.8rem;
        line-height: 2.2rem;
    }

    .route_box h2 br {
        display: block;
    }

    .route_box h4 {
        font-size: 1.3rem;
    }

    .route_box,
    .route_right .route_box {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 4rem 2rem !important;
        height: auto;
    }

    .route_left .route_box h4 {
        padding-top: 0.7rem;
        padding-bottom: 1.3rem;
    }

    /* ================= Service section ================= */
    .service_section {
        margin-left: 0;
        margin-right: 0;
    }

    .sevice_boxes {
        grid-template-columns: 0fr 0fr;
    }

    /* ================= Service section two ================= */
    .service_two {
        margin-left: 0;
        margin-right: 0;
    }

    /* ================= Footer Section ================ */
    .footer_cont {
        align-items: center;
        gap: 2.6rem;
        flex-direction: column;
    }

    .footer_box1 {
        text-align: center;
    }

    .footer_box2,
    iframe {
        width: 100%;
    }

    /* ================= Hero Section =============== */
    .hero_section {
        background: url(../img/hero_img_sm.png) no-repeat scroll top left /
            cover;
        padding: 4.7rem 0 4rem;
    }

    .hero_section .hero_cont {
        flex-direction: column;
        place-items: flex-start;
        padding: 3rem 3rem 4.3rem 2.6rem;
        border-radius: 2.3rem;
    }

    .hero_section .hero_icon_box {
        justify-content: flex-start;
        width: 100%;
        padding: 1.4rem 0;
        border-right: 0;
        border-bottom: 0.2rem solid #3e42465e;
    }

    .hero_section .hero_icon_box .text_14 {
        font-size: 2rem;
    }
    .hero_section .hero_icon_box.selected .text_14 {
        font-size: 1.3rem;
    }

    .hero_section .hero_icon_box.selected .display_date_text,
    .hero_section .hero_icon_box.selected .count_text,
    .hero_section .hero_icon_box.selected .type_text {
        font-size: 1.7rem;
        font-weight: 600;
    }
    .hero_section .hero_cont a p br {
        display: block;
    }

    .hero_section .hero_cont a p .text_18 {
        font-weight: 700;
        font-size: 1.4rem;
        line-height: 1.2rem;
        font-family: "Open Sans", sans-serif;
    }

    .hero_section .hero_cont a p {
        line-height: 1.5rem;
        padding-left: 1.4rem;
    }

    .hero_section .hero_cont a p .text_14 {
        font-size: 1.2rem;
        font-family: "Nunito", sans-serif !important;
    }

    .hero_section .hero_icon_box > img {
        width: 2.4rem;
    }

    .hero_section .hero_icon_box:nth-last-child(2) {
        border-bottom: none !important;
        padding-bottom: 2.3rem;
    }

    .hero_section .hero_icon_box:nth-child(1) {
        padding-top: 0;
    }

    .hero_section .hero_cont a.button {
        width: 100%;
        justify-content: center;
        font-size: 1.7rem !important;
        font-weight: 600 !important;
        font-family: "Open Sans", sans-serif !important;
    }

    .hero_section .title_30 {
        text-align: center;
        padding: 0;
        padding-bottom: 2rem;
    }
    /* ================== menu_on_scroll_hero ============== */
    .menu_on_scroll_hero .hero_cont {
        grid-template-columns: 1fr;
        justify-content: flex-start !important;
    }

    .menu_on_scroll_hero .hero_icon_box:before {
        display: none;
    }

    .menu_on_scroll_hero .hero_cont {
        padding: 3rem 3rem 4.3rem 2.6rem;
        border-radius: 6rem;
        background: #ffffffc2 !important;
    }

    .menu_on_scroll_hero .dropdown_two {
        justify-content: start;
        flex-direction: row;
        margin-right: auto;
    }

    .menu_on_scroll_hero .dropdown_two p {
        width: auto !important;
        text-align: left;
    }

    .menu_on_scroll_hero .dropdown_two p br {
        display: block !important;
    }

    .menu_on_scroll_hero .hero_icon_box img {
        width: 2.2rem;
        margin-right: 1rem;
        height: auto !important;
    }

    .menu_on_scroll_hero .hero_icon_box1 {
        flex-direction: row !important;
        justify-content: flex-start !important;
    }

    .menu_on_scroll_hero .hero_icon_box1 p {
        width: auto !important;
    }

    .menu_on_scroll_hero span.count_text {
        font-weight: 800;
    }

    .menu_on_scroll_hero .hero_icon_box p br {
        display: block;
        text-align: left !important;
    }

    .menu_on_scroll_hero .hero_icon_box p {
        text-align: left;
    }

    .menu_on_scroll_hero .date_text {
        font-weight: 800;
    }

    .menu_on_scroll_hero .calendar {
        position: absolute;
        left: 0rem !important;
    }

    .menu_on_scroll_hero .dropdown_wrap {
        top: 5rem !important;
        position: absolute;
        width: 30rem;
        left: 50%;
        transform: translateX(-50%);
    }

    /* =========== Scrolled Menu =========== */

    .menu_on_scroll .hero_icon_box p,
    .hero_cont1 .hero_icon_box p {
        line-height: normal;
        font-size: 1.1rem;
    }

    .menu_on_scroll .hero_icon_box .dropdown_toggle p,
    .menu_on_scroll .hero_icon_box:nth-child(1) p {
        width: 9rem;
        overflow: hidden;
        padding: 0;
    }

    .menu_on_scroll .hero_icon_box img {
        width: 2rem;
        height: 1.8rem;
    }

    .menu_on_scroll .hero_icon_box {
        padding: 1rem 0;
        flex-direction: column;
        gap: 1rem;
        text-align: center;
        justify-content: center;
    }
    .hero_cont.bg-white {
        align-items: stretch;
    }
    .menu_on_scroll .search_btn img {
        width: 2rem;
    }

    .menu_on_scroll .search_btn {
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        place-self: center;
        place-items: center;
        background: var(--green);
        justify-content: center;
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0;
        border-radius: 0 !important;
    }

    .menu_on_scroll .search_btn p {
        padding: 0;
        color: #fff;
        white-space: nowrap;
    }

    .menu_on_scroll .search_btn img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
            saturate(16%) hue-rotate(286deg) brightness(104%) contrast(105%);
    }

    .menu_on_scroll .container {
        padding: 0;
    }

    .menu_on_scroll .hero_icon_box:nth-child(3) {
        border-right: none;
    }

    .Menu_Sm + .menu_on_scroll .hero_cont ~ .hero_icon_box,
    .Menu_Sm + .menu_on_scroll .hero_cont ~ button {
        flex: 1 !important;
    }
    /* ================== Service Box Two =================== */
    .service2_box .title_19 {
        padding-top: 2.7rem;
    }

    .service2_box .title_19 br {
        display: block;
    }

    .service2_box {
        padding: 2.5rem;
        display: flex;
        align-items: center;
        height: auto;
    }

    .service2_box h2 {
        padding-top: 0 !important;
        height: fit-content;
    }
    .service2_box img {
        height: 5rem;
        width: auto;
        margin-right: 2rem;
    }

    .sevice2_boxes {
        gap: 2.5rem;
    }

    .service_two .title_40.f_500 {
        font-weight: 700 !important;
        padding-bottom: 1.3rem;
        text-transform: uppercase;
    }

    /* ================== Mobile Menu =================== */
    .menu_sm_main .container {
        padding: 0;
    }

    .mobile_menu a img {
        width: 3.5rem;
    }

    .menu_sm_main {
        padding: 5.5rem 5.4rem 10rem 5.4rem;
        position: absolute;
        width: 100%;
        background: var(--green);
        height: 0;
        overflow: hidden;
        transition: 0.4s ease;
        opacity: 0;
        pointer-events: none;
    }

    .Menu_Sm.active .menu_sm_main {
        height: 100svh;
        opacity: 1;
        pointer-events: auto;
    }

    .circled_icon {
        display: flex;
        width: 4rem;
        height: 4rem;
        justify-content: center;
        align-items: center;
        border: 0.1rem solid var(--green);
        border-radius: 10rem;
    }

    .circled_icon img {
        width: 2rem;
    }

    .mobile_menu a {
        height: 4.4rem;
        background: #fff;
        border-radius: 0.6rem;
        padding-left: 1.5rem;
    }

    .mobile_menu {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .mobile_menu a p {
        font-size: 1.3rem;
    }

    .menu_sm_mid {
        padding: 2.3rem 0;
        margin: 2.3rem 0;
        border-top: 0.1rem dashed #fff;
        border-bottom: 0.1rem dashed #fff;
    }

    .menu_sm_mid a {
        font-size: 1.4rem !important;
        color: #fff;
        font-family: "Montserrat", sans-serif;
    }

    .menu_sm_mid {
        gap: 1.5rem;
        display: flex;
        flex-direction: column;
    }

    .menu_sm_main .social_icons {
        margin: 0 auto;
        width: fit-content;
    }

    .menu_sticky_top {
        padding: 3.4rem 0 0.86rem;
    }

    /* Hamburger */
    .hamburger_btn.active .hambuger_icon {
        display: none !important;
    }

    .hamburger_btn.active .cross_icon {
        display: block !important;
    }

    .hamburger_btn .cross_icon {
        width: 2rem;
    }

    .mobile_menu a.active,
    .mobile_menu a:hover {
        background: #006c3e;
        color: #fff;
    }

    .mobile_menu a.active img,
    .mobile_menu a:hover img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%)
            saturate(2%) hue-rotate(269deg) brightness(102%) contrast(101%);
    }

    /* =================================== Seo, Contact, Router styles starts here Page ===================================== */

    /* =================================== Seo Page ============================= */
    .seo_cta {
        padding: 3.2rem 0 4rem;
    }

    .seo_cta .title_26 {
        font-size: 1.8rem;
        padding-bottom: 1.5rem;
    }

    .seo_contents .text_30 {
        padding-top: 1.5rem;
    }

    .seo_hero {
        padding-top: 2.5rem;
        padding-bottom: 3.5rem;
    }

    .seo_contents p:not(.text_12) {
        font-size: 1.4rem;
    }

    .seo_contents .title_30 {
        line-height: 2.5rem;
    }

    .seo_services .title_30 {
        font-size: 2rem;
        line-height: 2.8rem;
        font-weight: 700 !important;
    }

    .seo_services .row {
        gap: 2rem;
    }

    .seo_service3 > img {
        width: 6rem;
    }

    .seo_service {
        height: 19.6rem;
        padding: 3.5rem 3.5rem 2.1rem 2.4rem;
    }

    .seo_service_bottom .text_22 {
        font-size: 1.9rem;
    }

    .seo_service_bottom .text_22 br {
        display: block;
    }

    .seo_cta .button span {
        gap: 1.2rem;
    }

    .seo_cta .button {
        background: #13749b;
        color: #fff;
        padding: 0.7rem 2.8rem;
    }

    .seo_cta .button img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(100%)
            saturate(0%) hue-rotate(132deg) brightness(103%) contrast(103%);
    }

    .seo_cta .button:hover {
        opacity: 0.8;
    }

    /* =================================== Contact Page ============================= */
    .contact_cont {
        width: 100%;
    }

    .sussis_boxes {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .sussis_box {
        padding: 0;
        border-right: none !important;
        width: 100%;
    }

    .sussis .title_22 {
        display: none;
    }

    .sussis_box:first-child {
        padding-bottom: 1.3rem;
        margin-bottom: 1.5rem;
        border-bottom: 0.1rem solid #e0e0e0;
    }

    .sussis {
        padding-bottom: 2rem;
    }

    .contact_map iframe {
        height: 21.2rem;
    }

    .contact_cont .title_30 {
        text-transform: uppercase;
    }

    .contact_cont .title_22 {
        font-size: 1.9rem;
        padding-bottom: 2rem;
    }

    .form_groups {
        flex-direction: column;
        gap: 1.3rem;
    }

    .form_group.w-50 {
        width: 100% !important;
    }

    .form_bottom {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 2.5rem;
    }

    .form_bottom .button {
        width: calc(100% - 3rem);
        font-weight: 700;
        justify-content: center;
    }

    .contact_section {
        padding-bottom: 5rem;
        padding-top: 2.5rem;
    }

    /* =============== Router page ================ */
    .rt_top .title_26 {
        font-size: 1.8rem;
        line-height: 2.5rem;
    }

    .rt_img .rtt_text {
        height: 2.8rem;
        display: flex;
        width: 20rem;
        align-items: center;
        justify-content: center;
        background: #00b96ae3;
        left: 0;
        top: 0;
        transform: rotate(-45deg) translate(-6rem, -3rem);
        font-size: 1.4rem;
    }

    /* ================================ Travel Offer Page ================================== */
    .travel_left,
    .travel_right {
        width: 100%;
    }

    .price_img {
        margin: 0 auto;
        margin-top: 2rem;
    }

    .travel_right {
        margin-top: 0;
    }

    .ac_price_box p {
        white-space: normal;
        font-size: 1.5rem;
    }

    .ac_price_boxes {
        gap: 2rem;
    }

    .hero_wave1 {
        top: 0;
    }

    .routes_hero_section {
        padding-top: 2rem;
    }

    .routes_hero_section .section_top {
        padding-top: 1.5rem;
        padding-bottom: 1rem;
    }

    .routes_hero_title {
        padding: 1rem 0 1.6rem;
    }

    .routes_hero_title .title_30 {
        padding: 1rem 0 1rem;
    }

    .routes_hero_title .title_30 {
        text-transform: uppercase;
    }

    .routes_gellay_box .col-7 {
        width: 65%;
    }

    .routes_gellay_box .col-5 {
        width: 35%;
    }

    .routes_gellay_box .bigImg {
        height: 35.2rem;
    }

    .routes_gellay_box .row {
        --bs-gutter-x: 1rem;
        --bs-gutter-y: 1rem;
    }

    .swimming_offers_section {
        border: none;
    }

    .offer_card .left_side {
        width: 25rem;
    }

    .cardSlider .item img {
        height: 23rem;
        object-fit: cover;
    }

    .order_section {
        position: relative;
        padding: 4rem 0 3rem;
    }

    .order_page_header {
        padding: 0;
        height: 7.5rem;
    }

    .order_1 {
        display: none !important;
    }

    .order_content {
        padding-top: 2rem;
    }

    .order_2 {
        padding-top: 0;
        padding-bottom: 1.5rem;
        padding-left: 0;
        padding-right: 0;
    }

    .order_3 {
        padding: 1.5rem 0 2rem 0;
        display: none;
    }

    .order_4 {
        padding: 1.5rem 0 2rem 0;
    }

    .order_4 p {
        font-size: 1.8rem;
        line-height: 2rem;
        padding-left: 1.4rem;
    }

    .order_4 p br {
        display: block;
    }

    .order_5 {
        display: none !important;
    }

    .or4_inner > img {
        width: 8.7rem;
        height: 8.9rem;
        object-fit: cover;
    }

    .order_4 .travel_rtt_left {
        padding-top: 1rem;
    }

    .order_6 .highlight_texts {
        grid-template-columns: 1fr;
        padding-bottom: 2rem;
    }

    .order_6 h6,
    .order_6 .include_top,
    .order_6 .highlight_texts {
        padding-left: 0 !important;
    }

    .order_6 .include_top {
        flex-direction: column;
        align-items: flex-start !important;
        gap: 1rem;
        border-bottom: 0.1rem dashed #e0e0e0;
        margin-bottom: 2rem;
        padding-bottom: 2rem;
    }

    .order_6 .include_bottom,
    .radio_boxes {
        display: none !important;
    }

    .order_6 .trrt_text h4 {
        padding-left: 0;
    }

    .order_6 .include_top .trrt_text {
        flex-direction: row;
        gap: 1rem;
    }

    .order_6 .highlight_texts .highlight_text {
        align-items: flex-start !important;
    }

    .or4_last {
        line-height: 1.5rem !important;
    }

    .or4_last br {
        display: block;
    }

    .order_6 .include_top .text_18 {
        font-size: 1.9rem;
    }

    .order_6 .included .highlight_texts p {
        font-size: 1.6rem;
        line-height: 2rem;
    }

    .order_6 .included {
        padding-bottom: 0;
        border-bottom: none;
    }
    .order_6 {
        padding-bottom: 0;
    }

    .contact_form.order_8 {
        padding-left: 0;
        padding-right: 0;
    }

    .contact_form.order_8 {
        padding-left: 0;
        padding-right: 0;
    }

    .order_bottom {
        padding: 2rem 1.5rem !important;
    }

    .order_bottom.order_9 h2 {
        font-size: 2rem;
        line-height: 1.9rem;
    }

    .ob_texts p {
        line-height: 1.9rem;
    }

    .order_8 .button {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .order_7 {
        padding-left: 0;
        padding-right: 0;
    }

    .order_7 .pi > h2 {
        font-size: 1.8rem;
    }

    .order_7 h6.text_18,
    .order_6 h6 {
        padding-bottom: 1.5rem;
        font-size: 1.8rem;
    }

    .order_7 .pi {
        padding-bottom: 2rem;
        border-bottom: 0.1rem solid #00b96a;
    }

    .order_7 .pp {
        padding-top: 2.5rem;
    }

    .order_7 .pp h2 {
        padding-bottom: 2.5rem;
        font-size: 1.8rem;
    }

    .order_7 .pp_box p {
        font-size: 1.6rem;
        line-height: 2.1rem;
    }
    .order_7 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .or4_last {
        font-size: 1.6rem !important;
        line-height: 2rem;
    }
    .order_6 .trrt_text h2 {
        font-size: 3.5rem;
    }

    .order_2 .trttl_group:not(:first-child) img:first-child {
        width: 2rem;
    }

    .order_7.trrt_right_top {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .order_7 .pp_boxes {
        flex-direction: column;
        display: flex;
        gap: 1rem;
    }
    .hero_icon_box img {
        width: 3rem;
    }
    .hero_icon_box p,
    .hero_icon_box input {
        padding-left: 1rem;
    }
    /* ========================= Travel offer Modal ========================== */
    .tmc_left,
    .tmc_right {
        width: auto;
    }

    /* ========================== Hero icon Dropdowns ======================== */
    .hero_icon_box:before {
        top: -1.3rem;
    }
    .menu_on_scroll .hero_icon_box {
        justify-content: center;
        flex-direction: column;
        gap: 1rem;
    }
    .dropdown_two {
        flex-direction: column;
    }

    .calendar_toggle {
        flex-direction: column;
        padding: 0;
    }

    .hero_section .menu_on_scroll .calendar_toggle {
        flex-direction: row;
        justify-content: start;
    }

    .dropdown_wrap {
        width: 30rem !important;
        min-width: unset;
    }

    .title_pagination {
        padding-top: 1.1rem;
    }

    .title_pagination a {
        text-decoration: underline;
    }

    .title_pagination .arrow {
        display: none;
    }

    .package_btn.v1 {
        height: auto;
        padding-top: 0.9rem;
        padding-bottom: 0.9rem;
    }

    .package_btn.v1 .inner {
        padding-left: 1.1rem;
        padding-right: 1.1rem;
        border-width: 0 1px;
        border-style: solid;
        border-color: #00b96a;
    }

    .package_btn.v1 .inner > div {
        padding-left: 0.6rem;
        padding-right: 0.6rem;
    }

    .package_btn.v1 .border_r_dashed {
        border-right: none;
        border-bottom: 1px dashed #e0e0e0;
        padding-bottom: 0.5rem;
        margin-bottom: 0.7rem;
    }

    .package_btn.v1 .price {
        border-left: none;
    }

    .package_btn.v1 .canoe_icon {
        width: 2.5rem !important;
    }

    .package_btn.v1 .bed_icon {
        width: 2.9rem !important;
    }

    .package_btn.v1 .plus_icon {
        margin: 1rem 0;
    }

    .package_btn.v1 h2 {
        padding-top: 0.5rem;
    }

    .hero_section .calendar {
        top: 6rem !important;
    }

    .hero_section .dropdown_wrap.active {
        top: 6rem;
    }

    .hero_section .hero_icon_box1 {
        z-index: 11 !important;
    }

    .hero_section .hero_icon_box2 {
        z-index: 10 !important;
    }

    .hero_section .hero_icon_box3 {
        z-index: 9 !important;
    }

    .travel_right .trr_top {
        padding: 1.3rem 0;
    }

    .travel_right .hero_icon_box:first-child::before {
        left: 0;
    }

    .travel_right .hero_icon_box {
        height: auto;
    }

    .travel_right .dropdown_wrap {
        left: -14rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .offer_card.v2 .right_side .title_20 {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .offer_card.v2 .subTitle {
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .offer_card.v2 .package_wrap {
        bottom: 2rem;
    }

    .gallerySlider {
        width: calc(100% - 15rem);
    }

    .gallerySlider img {
        height: calc(100vh - 35rem);
    }
}

/*----- sm devices (tablets, 767px and down) -----*/
@media (max-width: 767px) {
    html {
        font-size: 62.5%;
    }

    .order_page_header .title_40 {
        line-height: 1.7;
    }

    .mfp-image-holder .mfp-content {
        width: 27rem;
    }

    button.mfp-arrow-left {
        left: -3.5rem;
    }

    button.mfp-arrow-right {
        right: -3.5rem;
    }

    img.mfp-img {
        height: 26rem;
    }

    .mfp-image-holder .mfp-close,
    .mfp-iframe-holder .mfp-close {
        position: fixed;
        right: 2rem;
        top: 2rem;
        font-size: 3.2rem;
    }

    .mfp-title {
        padding-top: 1rem;
    }

    .hero_cont1 .hero_icon_box2 .dropdown_wrap {
        left: -6rem;
    }

    .hero_cont1 .hero_icon_box3 .dropdown_wrap {
        left: -15rem;
    }

    .container-fluid {
        padding: 0 2rem;
        max-width: 540px;
    }

    .title_40,
    .title_35 {
        font-size: 2.1rem;
        line-height: 2.1rem;
    }

    .text_18 {
        font-size: 1.3rem;
        line-height: 2.1rem;
    }

    .text_16 {
        font-size: 1.1rem;
        line-height: 2.1rem;
    }

    .title_23 {
        font-size: 2.1rem;
        line-height: 2.1rem;
    }

    .text_13 {
        font-size: 1.1rem;
        line-height: 2.1rem;
    }

    .title_30 {
        font-size: 2.1rem;
    }

    /* button  */
    .button {
        line-height: normal;
    }

    /* ============ Owl dots ================ */
    .owl-dots .owl-dot {
        width: 1rem;
        height: 1rem;
        border: 0.1rem solid #3e4246;
        border-radius: 10rem;
    }

    .owl-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-top: 3.8rem;
        gap: 0.6rem;
    }

    .owl-dots .owl-dot.active {
        background: #3e4246;
    }

    /* =================== Route Section ==================== */
    .routes_section .title_30 {
        padding-bottom: 1.5rem;
        font-size: 2.1rem;
        font-weight: 700 !important;
        text-transform: uppercase;
    }

    .routes_section {
        padding-top: 1.5rem;
        padding-bottom: 3.7rem;
    }

    .text_bottom {
        padding-top: 3rem;
    }

    .route_right .route_box:nth-child(1) h4 {
        padding: 0.8rem 0;
    }

    /* =================== Service Section ==================== */
    .service_section {
        padding: 2rem 0;
    }

    .title_box .title_40.pb_20 {
        padding-bottom: 1rem;
        font-size: 2.3rem;
    }

    .title_box {
        padding-bottom: 1.7rem;
    }

    .service_section .title_box .text_18 {
        font-weight: 400 !important;
    }

    .service_box {
        width: 12.5rem;
        height: 12.5rem;
        display: grid;
        align-content: space-between;
        padding-left: 1.2rem;
    }

    .service_box img {
        width: 3.5rem;
    }

    .service_box p {
        padding-top: 1.5rem;
        line-height: 1.4rem;
    }

    .service_section .text_bottom {
        padding-top: 2.4rem;
    }

    .service_section .text_bottom span {
        font-weight: 400 !important;
    }

    /* ================== Service Box Two =================== */
    .service_two {
        padding: 5.4rem 0 3.6rem;
    }

    .text_bottom {
        font-size: 1.4rem;
    }

    .elegantIcons {
        font-size: 2rem;
    }

    .service2_box .title_19 {
        padding-top: 2.7rem;
    }

    .service_two_text_bottom {
        padding: 0 0 0 0.8rem;
    }

    .sevice2_boxes {
        padding-bottom: 3.7rem;
    }

    .service_two .text_bottom {
        justify-content: flex-start !important;
        padding-top: 2rem;
        padding-left: 0.8rem;
    }

    /* =================== blog_section ================== */
    .blog_section {
        background: #fff;
        padding: 5rem 0 4rem;
    }

    .blog_slider .owl-stage-outer {
        overflow: visible;
    }

    .blog_slider .owl-stage {
        padding-left: 0 !important;
    }

    .blog_section .title_40 {
        font-weight: 700 !important;
        text-transform: uppercase;
    }

    /* =================== Footer Section ==================== */
    .footer_logo img {
        width: 15.8rem;
    }

    .footer_box1 .footer_links.pt_10 {
        padding-top: 3rem;
    }

    .footer_links a {
        font-size: 1.7rem;
        font-family: "Montserrat", sans-serif;
        line-height: 3.5rem;
        font-weight: 400 !important;
    }

    .footer_main {
        padding: 3rem 0 3.7rem;
    }

    /* Copywrite */
    .copywrite .container {
        flex-direction: column;
        text-align: center;
        gap: 1rem;
        padding: 1.8rem 0 1.2rem;
    }

    .copywrite_right {
        padding: 0;
    }

    .copywrite_right p {
        font-size: 0.8rem;
    }

    /* =================================== Seo, Contact, Router styles starts here Page ===================================== */

    /* ================== Router section =================== */
    .router_hero {
        padding-top: 1.5rem;
    }

    .router_hero_conts a {
        display: none;
    }

    .router_hero_conts p.pb_20 {
        padding: 0;
    }

    .route_boxes .col-lg-4 {
        padding: 0 calc(var(--bs-gutter-x) * 0.5);
    }

    .rt_top {
        background: #fff;
        padding: 0 0 1.5rem 0;
    }

    .rtt_bottom .text_14 {
        text-align: center !important;
        padding-left: 0;
        padding-right: 0;
        letter-spacing: -0.04rem;
        line-height: 1.8rem;
    }

    .rtt_bottom .text_14 br {
        display: block;
    }

    .router_main {
        padding-bottom: 4.5rem;
    }

    .rtt_right p {
        font-size: 1.1rem;
    }

    .rtt_icon {
        width: 2.3rem;
        height: 2.3rem;
        margin-left: 0.5rem;
    }

    .rtt_icon img {
        width: 1.5rem;
    }

    /* =====================================  Travel Offer Page ======================================= */
    .travel_left .title_35 {
        line-height: 2.7rem;
        font-weight: 800;
    }

    .travel_left .rt_top {
        padding: 1.5rem 0 1.5rem 0;
        margin-bottom: 1.2rem;
        border-bottom: 0.1rem dashed #e0e0e0;
    }

    .trttl_group:not(:last-child) img:first-child {
        width: 2rem;
        margin-right: 0.75rem;
    }

    .trttl_group:not(:first-child) img:first-child {
        width: 1.4rem;
        margin-right: 0.75rem;
    }

    .trttl_group .text_17 {
        font-size: 1.1rem;
    }

    .trttl_group {
        padding-right: 0.75rem;
    }

    .trttl_group:nth-child(1) {
        margin-right: 0.75rem;
    }

    .trttl_group img:last-child {
        display: none;
    }

    .tr_slider_box .title_26 {
        font-size: 1.6rem;
        line-height: 2rem;
        padding-bottom: 1.5rem;
    }

    .tr_slider .owl-stage img {
        height: 29.6rem;
        object-fit: cover;
        border-top-left-radius: 1rem;
        border-bottom-right-radius: 1rem;
    }

    .trr_top2 p {
        font-size: 1.7rem;
        font-weight: 700;
        white-space: nowrap;
        padding-left: 1rem;
    }

    .trrt_text .title_40 {
        font-size: 3.3rem;
    }

    .trrt_text h4 {
        font-size: 1.3rem;
    }

    .trrt_text {
        padding-right: 1rem;
    }

    .trr_top2 {
        padding: 2.2rem 1rem 3rem 1.2rem;
        margin: 0;
    }

    .trr_top3 {
        padding-left: 0;
        padding-right: 0;
        margin: 0 1rem 0 1.3rem;
    }

    .accordion-button .text_18,
    .highlight_texts .text_18 {
        font-size: 1.8rem !important;
    }

    .journey_text .text_16 {
        line-height: 2rem;
        font-size: 1.4rem;
        font-family: "Open Sans", sans-serif;
    }

    .travel_left .title_26 {
        font-size: 1.9rem;
        font-weight: 800;
    }

    .accommodation.pb_40 {
        padding-bottom: 3rem;
    }

    .accommodation_text p {
        font-family: "Open Sans", sans-serif;
        line-height: 2rem;
    }

    .Travel_offer_section {
        padding-bottom: 1.7rem;
        padding-top: 3rem;
    }

    .ID_box p {
        font-size: 1.6rem;
        line-height: 1.5rem;
        margin: 0 1rem;
        flex: 1;
    }

    .accordion-button,
    .accordion-content {
        padding: 1.5rem;
    }

    .trrt_right_top {
        padding: 1.5rem;
    }

    .pp_box p {
        white-space: normal;
        font-size: 1.2rem;
        line-height: 1.5rem;
    }

    .ID_box p:first-child {
        margin-left: 0;
    }

    .incre_decre {
        padding-left: 1rem;
    }

    .ID_box img {
        margin: 0 1rem;
    }

    .pp_box p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* ======= Fixed bar sm ========= */
    .fixed_bar_sm {
        position: fixed;
        bottom: 0;
        background: #fff;
        width: 100%;
        z-index: 999;
    }

    .fixed_bar1.trr_top2 {
        padding: revert-layer;
    }

    .fixed_bar1.trr_top2 img:not(:nth-child(2)) {
        width: 2.3rem;
    }

    .fixed_bar1.trr_top2 img:nth-child(2) {
        width: 0.8rem;
        margin: 0 auto;
    }

    .fixed_bar1.trr_top2 {
        display: grid;
    }

    .fixed_bar1 .trrt_text .title_40 {
        line-height: 3rem;
    }

    .fixed_bar_sm .button {
        padding: 0.8rem 1.2rem;
        font-size: 1.1rem;
        line-height: 100%;
        display: flex;
        align-items: center;
    }

    .fixed_bar_sm .button .elegantIcons {
        font-size: 1.4rem;
        padding-left: 1rem;
    }

    .fixed_bar2 {
        border-right: 0.1rem solid #e0e0e0;
        padding-right: 1rem;
    }

    .fixed_bar_sm .call_icon:hover {
        width: 3.6rem;
    }

    .fixed_bar_sm .call_icon {
        width: 3.6rem;
        height: 3.6rem;
        margin: 0 auto;
        bottom: 50%;
        transform: translateY(50%);
        position: absolute;
    }

    .fixed_bar_sm .call_icon img {
        width: 1.8rem;
    }

    .include_top {
        padding-left: 1.5rem !important;
    }

    .trrt_right_top.order_7 {
        padding-left: 1.5rem;
    }
    .include .highlight_texts {
        margin: 0 1.5rem !important;
    }

    .include_bottom p {
        line-height: 1.5rem;
    }

    .include_bottom {
        padding-top: 0.5rem;
    }

    .included .highlight_texts p {
        font-size: 1.4rem;
    }

    /* ================== Date Picker ================= */

    .day {
        padding: 0.6rem;
        font-size: 1.2rem;
        line-height: 2rem;
    }

    .days {
        padding: 0;
    }

    .trr_top .hero_icon_box img {
        width: 3rem;
    }

    .hero_icon_box p {
        font-size: 1.3rem;
        padding-left: 0 !important;
    }

    .trr_top .hero_icon_box img.mr_20 {
        margin-right: 1rem;
    }

    .hero_icon_box input {
        padding: 0 1rem;
        font-size: 1.1rem;
        line-height: normal;
        text-align: center;
    }

    .routes_hero_title .title_30 {
        padding: 0.8rem 0 0.4rem;
    }

    .routes_hero_title a {
        gap: 0 0.6rem;
        font-size: 1.1rem;
    }

    .routes_hero_title a img {
        width: 2.2rem;
    }

    .routes_gellay_box .row {
        --bs-gutter-x: 0.6rem;
        --bs-gutter-y: 0.6rem;
    }

    .routes_gellay_box .item .more img {
        display: none;
    }

    .routes_gellay_box .bigImg {
        height: 26.2rem;
    }

    .routes_hero_section .text {
        font-size: 1.4rem;
        line-height: 1.428;
        font-family: "Open Sans", sans-serif;
        font-weight: 400;
        color: #272727;
    }

    .routes_hero_section .youtubeVideo {
        height: 18rem;
        margin-bottom: 2.5rem;
    }

    .routes_hero_section .title_22 {
        font-size: 2rem;
        padding-bottom: 1rem;
        color: #3e4246;
    }

    .routes_hero_section {
        padding-bottom: 4rem;
    }

    .swimming_offers_section .title_28 {
        font-size: 2.1rem;
        text-transform: uppercase;
        padding-bottom: 2rem;
    }

    .swimming_offers_section {
        padding-bottom: 0;
    }

    .offer_card {
        display: block;
        border: none;
        background: transparent;
        padding: 2rem 0;
        border-radius: 0;
        margin: 0;
        overflow: unset;
        border-radius: 0.6rem;
    }

    .offer_card:not(:last-child) {
        border-bottom: 2px dashed #00b96a;
    }

    .offer_card:last-child {
        padding-bottom: 5rem !important;
    }

    .offer_card.v1 {
        position: relative;
        z-index: 1;
    }

    .offer_card.v1::before {
        content: "";
        position: absolute;
        top: 0;
        left: -100vw;
        width: 300vw;
        height: 100%;
        background: #e4f7ef;
        z-index: -1;
    }

    .offer_card .left_side {
        width: 100%;
    }

    .offer_card .left_side .title_20 {
        display: block;
    }

    .cardSlider {
        margin: 1.4rem 0 1.5rem;
    }

    .cardSlider .item img {
        height: 16rem;
        border-radius: 0.6rem;
    }

    .offer_card .right_side {
        padding: 0;
    }

    .offer_card .right_side .title_20 {
        display: none;
    }

    .offer_card .title_20 {
        font-size: 1.6rem;
        line-height: 1.25;
    }

    .offer_card .subTitle {
        line-height: 1.285;
        padding-top: 0;
        padding-bottom: 1.4rem;
    }

    .package_wrap {
        position: unset;
    }

    .cardSlider .owl-dots {
        bottom: 1.4rem;
    }

    .cardSlider .owl-prev {
        left: 0;
    }

    .cardSlider .owl-next {
        right: 0;
    }

    .package_wrap {
        display: block;
        padding: 0;
    }
    .package_btn {
        margin-top: 2rem;
    }

    .popup .modal-dialog {
        max-width: 55rem;
    }

    .popup .modal-content {
        padding: 4rem 2.7rem 4rem 2.7rem;
    }

    .order_page_header .container {
        align-items: flex-end !important;
        padding-bottom: 1.5rem;
    }
    .order_page_header .hamburger_btn {
        border: none;
    }
    .order_page_header .hamburger_btn img {
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
            saturate(6044%) hue-rotate(264deg) brightness(99%) contrast(102%);
    }

    /* order modal */
    .order_complete_modal {
        width: 100%;
        height: 100vh;
        border-radius: 0;
        z-index: 9999999999999;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .ocm_content .title_30 {
        padding-top: 2rem;
        padding-bottom: 1rem;
    }
    .close_modal {
        width: 2.5rem;
    }

    /* hero styles */
    .hero_icon_box input {
        width: 100%;
    }

    .dateInput br {
        display: block !important;
    }

    /* ========================= Travel offer Modal ========================== */

    .travel_offer_modal {
        overflow-y: scroll;
        scrollbar-width: 0;
    }
    .travel_offer_modal::-webkit-scrollbar {
        scrollbar-width: 0;
        display: none;
    }

    /* ========================== Hero icon Dropdowns ======================== */
    .hero_icon_box:before {
        top: -1.3rem;
    }
    .menu_on_scroll .hero_icon_box {
        justify-content: center;
    }
    .site_header .menu_on_scroll .dropdown_wrap {
        position: fixed;
        left: 3rem;
        top: 9.5rem !important;
        width: 30rem !important;
        max-width: 30rem !important;
        min-width: 30rem !important;
        left: 3rem;
    }
    .hero_icon_box2_dropdown .include_bottom p {
        font-size: 1rem;
        text-align: left;
    }
    .hero_icon_box2_dropdown .include_bottom {
        padding-top: 2rem;
        width: 80%;
        margin: 0 auto;
    }
    .ac_price_box img {
        width: 2rem;
    }

    .site_header .hero_icon_box p br,
    .dropdown_two p br {
        display: block !important;
    }

    .kayaking_section {
        padding-top: 3rem;
        padding-bottom: 0rem;
    }

    .kayaking_section .title_wrap .title_30 {
        font-size: 2.1rem;
        text-transform: uppercase;
    }

    .kayaking_section .title_wrap .title_30 span {
        display: block;
        font-size: 1.8rem;
        text-transform: capitalize;
        font-weight: 500;
    }

    .kayaking_section .title_wrap p {
        font-size: 1.4rem;
        line-height: 1.42;
    }

    .btn_group_slider_wrap {
        margin: 1.2rem -2rem 1.4rem -2rem;
        padding: 2.9rem 2rem 1.7rem 2rem;
        box-shadow: 0 0.3rem 0.6rem rgb(0, 0, 0, 0.16);
    }

    .btn_group_slider {
        margin: 0;
    }

    .btn_group_slider::before {
        width: 2rem;
    }

    .easy_btn {
        gap: 0 0.5rem;
        font-size: 1.1rem;
    }

    .easy_btn img {
        width: 2.2rem;
    }

    .title_pagination_wrap {
        padding: 0.5rem 0;
    }

    .title_pagination .title_30 {
        font-size: 1.8rem;
        padding-top: 0rem;
    }

    .cardBtnSlider2::before {
        display: none;
    }

    .cards_wrapper {
        padding-top: 0;
    }

    .seo_cta .button.blue_btn {
        margin-top: 0;
    }

    .hero_cont1 .hero_icon_box {
        border-color: rgb(62, 66, 70, 0.5);
    }

    .hero_cont1 .hero_icon_box::before {
        left: 0;
    }

    .hero_cont1 .hero_icon_box img {
        width: 1.8rem;
    }

    .hero_cont1 .hero_icon_box p {
        font-size: 1rem;
    }

    .hero_cont {
        overflow: hidden;
        border-radius: 0;
    }

    .hero_icon_box3 + .filled_button {
        border-radius: 10rem;
    }

    .hero_cont1 .search_btn {
        text-align: center;
        width: 100%;
        position: relative;
        z-index: 1;
        background-color: #00b96a;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
    }
    /* .hero_cont1 .search_btn::before {
        content: "";
        position: absolute;
        left: 0;
        top: -1.3rem;
        width: 100%;
        height: 100%;
        background: #00b96a;
        z-index: -1;
    } */

    .hero_cont1 .search_btn img {
        width: 32px;
        margin: auto;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(1%)
            hue-rotate(57deg) brightness(105%) contrast(101%);
    }

    .hero_cont1 .search_btn p {
        padding: 0;
        line-height: 1;
        color: #fff;
    }

    .hero_cont1 .search_btn .text_14 {
        font-size: 1rem;
        line-height: 1;
    }

    .hero_section .menu_on_scroll_hero .dropdown_wrap {
        top: 4rem !important;
    }

    .radio_box input + label {
        font-size: 1.1rem;
        padding-left: 2.2rem;
    }

    .radio_box input + label::before {
        width: 1.5rem;
        height: 1.5rem;
    }

    .fc table {
        font-size: 1.2rem;
    }

    #gallery_modal .modal_close {
        right: 1.5rem;
    }

    .gallerySlider {
        width: calc(100% - 2rem);
    }

    .gallerySlider img {
        height: calc(100vh - 25rem);
    }

    .galleryNavSlider .slick-slide {
        width: 12rem;
        padding-left: 0.2rem;
        padding-right: 0.2rem;
    }

    .galleryNavSlider .item {
        border-width: 0.2rem;
    }

    .galleryNavSlider img {
        height: 7rem;
    }

    .sldeCount {
        padding: 0rem 1.5rem 0.3rem 1.5rem;
    }

    .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
        min-height: 0;
    }

    .fc .fc-daygrid-day-number {
        padding: 0;
    }

    .calendar {
        padding: 2rem;
    }

    .calendar.active {
        display: flex;
        flex-direction: column;
        position: fixed !important;
        inset: 0 !important;
        left: 0 !important;
        top: 0 !important;
        border-radius: 0;
        background-color: white !important;
    }

    .travel_right .hero_icon_box > div {
        text-align: center;
    }
    .radio_boxs {
        padding-bottom: 1rem;
        margin-bottom: 0;
    }

    .fc.fc-media-screen.fc-direction-ltr.fc-theme-standard {
        height: 250px !important;
    }

    .fc-scroller.fc-scroller-liquid-absolute {
        overflow: hidden !important;
    }

    .fc .fc-button-primary {
        padding: 0;
        margin: 0.8rem 0;
    }

    .fc .fc-col-header-cell-cushion {
        display: inline-block;
        padding: 0;
    }
}

/*----- xs devices (landscape phones, 575px and down) -----*/

@media (max-width: 575px) {
    html {
        font-size: 2.77777vw;
    }

    .container {
        padding: 0 2rem;
        max-width: 100%;
    }

    .container_lg {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .hero_wave1 {
        width: 200vw;
        left: -32vw;
    }

    /* =============== Date Picker =============== */

    .routes_gellay_box .bigImg {
        height: 16rem;
    }

    .popup .modal-dialog {
        max-width: 33rem;
        margin-left: auto;
        margin-right: auto;
    }

    .popup .modal-content {
        padding-top: 5rem;
    }

    #sharePopup .title_30 {
        padding-bottom: 3rem;
    }

    .share_btn_group {
        grid-template-columns: 1fr;
    }

    .share_btn_group a {
        font-size: 1.6rem;
    }

    .bottom_wave {
        width: 180%;
        z-index: 5;
    }

    .hero_icon_box2_dropdown .include_bottom {
        width: 100%;
    }

    .hero_cont1 {
        margin-left: -2rem;
        margin-right: -2rem;
    }
}