/* Client desktop and laptop devices */ @media screen and (max-height: 750px) and (min-width: 1024px){ section.home-hero .f-height { padding-top: 120px; padding-bottom: 100px; } } @media screen and (max-height: 750px) and (min-width: 1350px){ section.home-hero .f-height { padding-top: 170px; padding-bottom: 100px; } section .home-hero__content h1 { font-size: 45px; } section .home-hero__content { max-width: 500px; } section .home-hero__content .mt-50 { margin-top: 30px; } } /* End Client desktop and laptop devices */ @media (max-width: 1500px) { .main-menu { gap: 20px; } .page-links-row a { font-size: 14px;} .page-links-row .container { padding: 0; } .new-trending-trips .trip-card { min-height: 400px; } .awards-item__badge { min-height: 130px; } .travel-magazine-popup__dialog { width: min(100%, 800px); } .team-row .team_card { padding: 20px; } .single-team-hero { margin-top: 93px; } .single-team-articles-section__grid { gap: clamp(32px, 5.8vw, 30px) clamp(24px, 5.8vw, 30px); } .single-team-article-card { flex: 0 1 280px; max-width: 280px;} .single-team-destinations-section { margin-top: -150px; } .single-team-destinations-card { flex: 0 1 200px; max-width: 200px;} .enquiry-breadcrumb { margin-top: 100px; } .blog-section .blog-press-card { padding: 10px 20px 30px; } } @media (max-width: 1400px) { .main-menu { gap: 20px; } .itinerary-map-eyebrow:before { left: -18px; top: -2px; } } @media (min-width: 1501px) { .recent-articles-section .container { max-width: 1240px; } } @media (max-width: 1500px) { :root { --font-25: 22px; --font-22: 22px; --font-20: 18px; --font-18: 16px; --font-15: 14px; } .h2, h2 { font-size: 32px; } .h3, h3 { font-size: 28px; } .h4, h4 { font-size: 24px; } .h5, h5 { font-size: 22px; } .h6, h6 { font-size: 20px; } .site-header { --font-size: 12px; } .menu-item.has-mega.normal-menu .mega-menu li a, a.login-link, .site-header .menu-item.menu-item .mega-tab>a, .currency-select select, a.call-btn, .search-text { font-size: 14px; } .main-menu .menu-link { font-size: 14px; letter-spacing: 2px; } .enquire--btn .menu-link { font-size: 16px; } .enquire--btn { width: 120px; } .main-menu { gap: 30px; padding: 0 150px; } .menu-item.has-mega a::before { font-size: 100%; } .home-hero .f-height { padding-top: 140px; padding-bottom: 150px; } .header-bar { padding: 12px 0; } .home-about__inner { max-width: 700px } .search-icon { width: 14px; } .header-left .search-toggle { gap: 10px; } .press-logo span { font-size: 12px; } .menu-item.enquire--btn a { padding: 12px; } .trip-card__body p { font-size: 14px; } .trending-trips__content p, .trending-trips__content li { font-size: 22px; } .home-hero__content h1 { font-size: 40px; max-width: 400px; } .press-card { padding: 10px 20px 30px; } .header-logo { max-width: 180px; } .main-menu .menu-link { padding: 12px 0; } .home-hero__content { max-width: 600px; } .btn { font-size: 12px; padding: 8px 18px 6px; border-radius: 10px; gap: 10px; min-width: 140px; } .ctm-btn-box.mt-50 { margin-top: 40px; } .menu-item.menu-item a { font-size: 12px; } .author-info img { max-width: 120px; } .quotes-text { margin-bottom: 20px; } .destination-experts .container, .testimonials-section .container, .holiday-article-section .container, .container { max-width: 950px; } .quotes-text p { font-size: var(--font-16); } .testimonials-slider .quotes-text p { font-size: var(--font-14); line-height: 1.4; } .quotes-text { min-height: 80px; } .testimonials-slider .authorname { font-size: var(--font-16); } .holiday-text p, .holiday-text li { font-size: var(--font-16); } .holiday-text.mb-20 { margin-bottom: 10px; } .place-title { font-size: 13px; padding: 10px; } .tour-section .flex.flex-col.gap-r-40 { gap: 20px; } .press-card { padding: 10px 10px 30px; } .quotes-text p { line-height: 1.3; } .trip-card__body h3 { font-size: 22px; } .trending-trips__content p, .trending-trips__content li { font-size: 16px; } .team-slider { padding-top: 5px; } .travel-experts-section .container { max-width: 1000px; } .team-card { padding: 18px 35px; } .team-card__content h3 { font-size: 20px; } .team-card__content span { font-size: 12px; line-height: 1.6; } .key-information-section .container, .container.article-container, .highlights-section .container, .explore-split-section .container, .reasons-section .container, .destination-cards-section .container { max-width: 950px; } .reasons-card__content p { font-size: 16px; } .font-26 p, .font-26 li { font-size: 16px } .image-content-section .container { max-width: 950px; } .special-section .cardtitle:after, .special-section .cardtitle:before { transform: scale(0.7); } .special-section .cardtitle { font-size: 28px } .special-section .special-card { padding: 50px 25px; } .special-section .container { max-width: 1100px; } .special-section .cardtitle:after { top: 5px; } .special-section .cardtitle:before { top: 28px; } .center-white-dots .swiper-pagination-bullet, .center-black-dots .swiper-pagination-bullet { height: 12px; width: 12px; } .holiday-section { padding-top: 120px; } .menu-card-title { font-size: 16px; } .mega-card-title { font-size: 20px; } .tour-section .item-box { width: calc(25% - 70px); } .tour-section .ctm-btn-box { margin-top: 15px; } .home-about__inner.gap-r-30 { gap: 20px; } .stickHeader .top-header-container {  margin-top: -50px; } .stickHeader.HeaderDown .top-header-container {  margin-top: 0; } .page-links-row a { font-size: 13px; } .page-links-row { top: 43px !important; } .stickHeader.HeaderDown .page-links-row { top: 93px !important; } .four-items-card__title { font-size: 18px; } .four-items-card .btn-span { font-size: 12px; } .expert-team-text p { font-size: 15px; letter-spacing: 1px; } .tour-highlights-section .container, .tour-section.four-column-tour-main .container, .gallery-section .container { max-width: 1000px; } .gallery-image { padding-bottom: 60%; } .destination-experts__content { padding-right: 30px; } .post-data .btn-span, .four-items-card .btn-span { padding: 14px 12px; gap: 12px; } .blog-list-data-section .four-items-box.grid .post-data { width: calc(33.33% - 34px); } .footer-inner { max-width: 1100px; } .hotel-name { font-size: 12px; } .mps2-panel { margin-right: 0; } .mps2-map-wrap { margin-left: -20px; } .four-items-card__body { padding: 22px 15px; } .card-link-row__title { font-size: 18px; } .blog-section .blog-press-card__title { font-size: 20px; } .post-date { font-size: var(--font-15); } .article-text h2, .article-title { font-size: 32px; } .article-image-grid-2, .article-image-grid-3 { gap: 30px; } .author-info p { font-size: 18px; } .author-img { width: 100px; height: 100px; } .home-hero__content { max-width: 540px; } .home-hero__badge-link img { max-width: 350px; width: 100%; } .page-links-row a { font-size: 12px; padding: 15px 20px; } .gallery-section .container { max-width: 800px; } .gallery-image { padding-bottom: 60%; } .gallery-next, .gallery-prev { width: 30px; height: 30px; } .home-hero__badge-link a { max-width: 410px; width: 100%; } .phone-icon-svg { width: 22px; height: 22px; top: -1px; position: relative; } .highlights-cta { top: 100px; width: 380px; } .HeaderDown .highlights-cta { top: 150px; } .holiday-article-section .highlights-cta { width: 300px; max-height: calc(100dvh - 100px); overflow: auto; } .holiday-article-section .cta-card { margin-bottom: 0;} .holiday-article-section .highlights-cta::-webkit-scrollbar { width: 6px; } .inner-page-banner .home-hero__content { padding-top: 80px; } .new-trending-trips .trending-trips__content { max-width: 320px; } .round-arrows div img { width: 12px; } .round-arrows div { height: 46px; width: 46px; border-width: 2px; margin-bottom: 15px; } .center-align-arrows.round-arrows { margin: 0 -60px; } .single-team-hero__content-inner { max-width: 500px; } .right-form-column {     flex: 0 0 300px; max-width: 300px; } .enquiry--form-section .container { max-width: 1100px; } .form-design { padding: 14px 30px 30px 30px; } #Overview .choices__inner, #FormDesign .choices__inner, #Overview select, #FormDesign select, #Overview textarea, #FormDesign textarea, #FormDesign input[type="text"], #Overview input[type="text"], #Overview input[type="email"], #Overview input[type="tel"], #Overview input[type="number"], #Overview input[type="date"], #Overview input[type="time"], #Overview input[type="datetime-local"], #Overview input[type="url"], #FormDesign input[type="email"], #FormDesign input[type="tel"], #FormDesign input[type="number"], #FormDesign input[type="date"], #FormDesign input[type="time"], #FormDesign input[type="datetime-local"], #FormDesign input[type="url"] { height: 44px; padding: 10px 14px; min-height: 44px; } .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field { padding: 10px 0; } #FormDesign .choices__inner { padding: 0 10px; } #FormDesign textarea { height: 120px; } #FormDesign div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-one"]:after, #FormDesign div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-select-style-modern .choices[data-type*="select-multiple"]:after { background-position: right 10px center; } .wpforms-container .wpforms-field, .wp-core-ui div.wpforms-container .wpforms-field { padding: 10px 0; } #FormDesign .topborder:after { height: 25px; } #FormDesign .topborder { padding-top: 80px; } .enquiry--form-section { margin-top: 0; } } @media (max-width: 1300px) { .inner-page-banner .home-hero__content { padding-top: 0; } .home-hero__badge-link a { max-width: 300px;} .page-links-row a { padding: 10px 20px; } .breadcrumb-row + .home-about.section { padding-top: 15px; } .inner-page-banner .home-hero__badge-link { bottom: 20px; } .inner-page-banner .f-height { min-height: calc(32dvw - 52px); } .new-trending-trips .trip-card { min-height: 360px; } } @media (max-width: 1279px) { :root { --font-25: 20px; } .team-card:hover, .tour-section .item-box a:hover { transform: scale(1); } .tour-section .item-box a:hover { transform: scale(1.1); } .trip-card__button.btn:before { font-size: 40px; } .main-menu { padding-right: 114px; padding-left: 0; } .four-items-section .swiper-slide:hover { transform: scale(1); box-shadow: none;  } .travel-reasons-grid__link { width: 45px; } } @media (max-width: 1199px) { .header-left { gap: 15px; } .footer-inner {     grid-template-columns: repeat(3, 1fr); gap: 50px; } .footer-newsletter { width: 50%; } .footer-inner.flex-nowrap { flex-wrap: wrap; } .footer-contact { width: 42%; } .trip-card__body { padding: 20px; } .press-pagination .swiper-pagination-bullet { width: 10px; height: 10px; } .special-section .cardtitle:after { right: calc(100% + 55px); } .special-section .cardtitle:before { right: calc(100% + 32px); } .special-section .special-card { padding: 80px 60px; } .mega-card-title { font-size: 22px; } .holiday-inspiration-slider a.card-link-row:hover, .three-items-slider .swiper-slide:hover, .four-items-slider .swiper-slide:hover { transform: scale(1);} .inner-page-banner .f-height { min-height: 35vw; } .tour-highlights__list li { font-size: 18px; } .tour-highlights__list li:before { top: 8px; } .wtv-month { height: 38px; width: 38px; } .when-to-visit__months { gap: 12px; } .wtv-month span { font-size: 18px; padding-top: 4px; } .wtv-legend-label { font-size: 16px; } .wtv-legend-dot { width: 18px; height: 18px; } .continue-exploring-card { width: calc(25% - 28px); } .post-list-data-section .four-items-box.grid .post-data { width: calc(33.33% - 12px); } .explore-split-section__media { display: flex; justify-content: center; align-items: center; } .explore-split-section__inner { align-items: center; } .round-arrows div img { width: 10px; } .round-arrows div { height: 40px; width: 40px; border-width: 2px; } .center-align-arrows.round-arrows { margin: 0 -50px; } .single-team-hero__content-inner { padding: 48px 20px; } .two-column-title-content { gap: 40px 60px; } .two-column-title-content__title { font-size: 24px; } } @media (max-width: 1024px) { .main-menu { gap: 18px; } .mega-menu { width: 92vw; } .TripSlider .swiper-slide:hover { transform: scale(1); } .trending-trips { padding: 0; margin: 0; } .trip-card__button.btn { transform: translateY(0); opacity: 1; margin-top: auto; padding-top: 30px; letter-spacing: 1px; } .new-trending-trips .trending-trips__content-box { align-items: flex-start; justify-content: flex-start; } .new-trending-trips .trending-trips__content { max-width: 100%; width: 100%; } .trending-trips.new-trending-trips { padding-bottom: 50px; } .trending-trips.new-trending-trips .center-align-arrows { top: initial; margin: 0; bottom: -30px; } .trending-trips.new-trending-trips .center-align-arrows { display: none; } .swiper-button-next.TripSlider-button-next { left: 20px; } .TripSlider { padding-left: 10px; } .trending-trips__content { padding-left: 20px; } .swiper-button-next.TripSlider-button-next.swiper-button-disabled { opacity: 0.5; } .relative.arrow-with-slider.dots-slider { padding: 0 40px; } .center-align-arrows.round-arrows { margin: 0 -10px; } .team-row .team_card { padding: 18px 20px; } } @media (min-width: 992px) { /* Mega Menu */ .mega-tab > a { width: 300px; } /* Mega Menu */ .mobile-bottom-footer, .menu-item.enquire--btn a::before, .only-mobile { display: none; } .menu-item.menu-item a.highlight-menu { color: var(--gold); font-weight: var(--font-700); } .menu-item.menu-item a.highlight-menu::before { content: "+"; color: var(--gold); font-family: var(--font-riviera-nights); font-weight: var(--font-700); font-size: 120%; display: inline-flex; margin-right: 6px; } .menu-item.menu-item .mega-tab>a { font-weight: var(--font-500); border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding: 10px 0; font-size: 14px; } .menu-item.menu-item .mega-tab:last-child>a { border-bottom: none; } .menu-item.has-mega > .mega-menu { position: absolute; top: 100%; left: 0; right: 0; margin: 0 auto; width: 100%;         max-width: 1440px; background: #2f3f31; color: var(--white); display: block; padding: 24px; opacity: 0; visibility: hidden; transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.2s ease; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.35); visibility: hidden; z-index: -1; transform: scaleY(0); transform-origin: top center; } .menu-item.has-mega.is-open .mega-menu { transform: scaleY(1); } .mega-tabs.has-nested .mega-tab > .mega-menu { position: absolute; left: 320px; top: -24px; width: calc(100% - 295px); height: 480px; background: #ffffff; padding: 3px; display: block; opacity: 0; visibility: hidden; transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; } .mega-tabs.has-nested .mega-tab::after { display: none; } .mega-grid a.mega-card { position: relative; } .mega-card-image { height: 235px; padding-bottom: 0; position: relative; display:block;  } .mega-card-image img { position: absolute; top:0; left:0; object-fit: cover; width: 100%; height: 100%; } .mega-grid { gap: 3px; } .center-card-menu { width: calc(100% - 320px); padding: 30px; } .right-cta-box { width: 320px;  } .mega-panel-columns .center-card-menu a { color: var(--black); } .right-cta-box, .center-card-menu { height: 392px;  overflow: auto; } .mega-menu--image-grid { height: 480px; overflow: auto; } .mega-tabs { height: 430px; overflow: hidden; overflow-y: auto; width: 300px; display: block; } .menu-item.has-mega > .mega-menu { max-width: 1100px; } .mega-tabs.has-nested .mega-tab > .mega-menu {width: calc(100% - 295px); height: 398px;} .right-cta-box, .center-card-menu { height: 392px; } .mega-menu--image-grid { height: 480px;  } .mega-tabs { height: 350px; width: 300px; gap: 0; } .mega-tabs { display: block; } .card-img { padding-bottom: 50%; } .card-details p { font-size: 14px; } .card-details { padding: 20px 15px; } .center-card-menu { width: calc(100% - 280px); padding: 30px; } .right-cta-box { width: 280px; } .mega-card-image { height: 172px; padding: 0; } .card-details { padding: 20px; } .mega-tab:hover > a { color: var(--gold); } .mega-panel-columns .center-card-menu a:hover { color: var(--gold); } .card-bottom-btn .btn:hover  { color: var(--gold); } .mega-card-image img { -webkit-transition: transform 0.3s ease; transition: transform 0.3s ease; } .mega-card:hover .mega-card-image img { transform: scale(1.05); } .back-btn { display: none; } .normal-menu { position: relative; } .menu-item.has-mega.normal-menu .mega-menu { width: 100%; min-width: 300px; padding: 0; } .menu-item.has-mega.normal-menu .mega-menu li { padding: 0;} .menu-item.has-mega.normal-menu .mega-menu li a { padding: 15px; } .normal-menu li { list-style: none; } .normal-menu .mega-tabs { height: auto; width: 100%; overflow: visible; } .mega-tab.normal-childmenu { position: relative; } .normal-menu a::after { display: none; } .normal-childmenu-list { position: absolute; top: 0; right: 100%; width: 100%; padding: 0; background-color: var(--green); } .normal-childmenu>a:after { width: 8px; height: 8px; content: ""; display: block; transform: rotate(-135deg) translateY(-50%) scaleY(-1); border-top: 2px solid var(--white); border-left: 2px solid var(--white); display: inline-block !important; margin-top: -8px; transform-origin: center; } .normal-childmenu ul { width: 100%;} .normal-childmenu a { width: 100%; display: block; } .normal-childmenu .mega-tab a:after { width: 100%; display: block; } .normal-menu .mega-tab:after { display: none; } .mega-tab.normal-childmenu a { display: flex; align-items: center; gap: 10;justify-content: space-between; } .normal-childmenu-list { display: none; } .mega-tab.normal-childmenu:hover .normal-childmenu-list { display: block; } .mega-title { height: 0; margin: 0; } .mega-title ~ .mega-tabs.has-nested { padding-top: 20px; } .tour-section.four-column-tour-main .item-box { width: calc(30% - 91px); } .explore-split-section__inner { flex-direction: row; } .family-holiday-section .section-title { margin-bottom: 60px; } .awards-item { flex: 0 0 calc(24% - 16px); max-width: calc(24% - 16px); } .awards-section .section-title { margin-bottom: 60px; } .awards-item__badge img { max-width: 170px; } } @media (min-width: 1024px) { .menu-item.has-mega > .mega-menu { max-width: 1100px; } .mega-tabs.has-nested .mega-tab > .mega-menu {width: calc(100% - 295px); height: 398px;} .right-cta-box, .center-card-menu { height: 392px; } .mega-menu--image-grid { height: 480px;  } .mega-tabs { height: 350px; width: 300px; gap: 0; } .mega-tabs { display: block; } .card-img { padding-bottom: 50%; } .card-details p { font-size: 14px; } .card-details { padding: 20px 15px; } .center-card-menu { width: calc(100% - 280px); padding: 30px; } .right-cta-box { width: 280px; } .mega-card-image { height: 172px; padding: 0; } .card-details { padding: 20px; } } @media (min-width: 1400px) { .menu-item.has-mega > .mega-menu { max-width: 1440px; } .mega-tabs.has-nested .mega-tab > .mega-menu {width: calc(100% - 295px); height: 478px;} .right-cta-box, .center-card-menu { height: 474px; } .mega-menu--image-grid { height: 480px;  } .mega-tabs { height: 430px; width: 300px; gap: 0; } .menu-item.menu-item .mega-tab>a { padding: 14px 0; } .center-card-menu { width: calc(100% - 320px); padding: 30px; } .mega-panel-columns .center-card-menu a { color: var(--black); } .card-img { position: relative; padding-bottom: 66.4%; } .right-cta-box { width: 320px; } .card-details p { font-size: 16px; } .mega-card-image { height: 212px; padding: 0; } } @media (max-width: 991px) { .stickHeader .top-header-container {  margin-top: 0; } .stickHeader.HeaderDown .top-header-container {  margin-top: 0; } .home-hero .f-height { padding-top: 100px; } .primary-nav .header-search { display: block; } .primary-header-inner { transform: translateX(100%); transition: transform 0.3s ease-in-out; position: fixed; top: 0; left: 0; right: 0; background: var(--white); z-index: 1000; background-color: var(--green); height: 100vh; height: 100svh; overflow-y: auto; border: none; } .is-mobile-menu-open .primary-header-inner { transform: translateX(0); } .top-header-container { z-index: 1001; position: relative; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .primary-header-inner { padding-top: 72px; } .main-menu { flex-direction: column; padding: 50px 40px; } .menu-item { width: 100%; } .main-menu .menu-link { padding: 0; } .enquire--btn { position: static; } .menu-item.has-mega > .menu-link { padding: 0; } .menu-item .menu-link { font-weight: var(--font-900); font-size: 16px; } .main-menu { gap: 20px; } .main-menu li.menu-item:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 15px; } .menu-item.menu-item a::before{ font-size: 120%; font-weight: var(--font-900); color: var(--white); } .menu-item.enquire--btn a { padding: 0; } .normal-menu { position: initial; } .normal-childmenu-content, .normal-menu .mega-menu { position: absolute; left: 100%; width: 100vw; top: 0; height: 100%; background-color: var(--green); -webkit-transition: all 0.3s ease-in-out; z-index: 2; } .normal-menu .mega-menu.is-open-submenu { left: 0; } .normal-childmenu-content.is-open-child-submenu { left: 0; } .normal-childmenu-content { z-index: 4; } .normal-menu .mega-left { padding: 40px; } .normal-menu .mega-left li { list-style: none; } .normal-menu .mega-left li:after { display: none; } .normal-menu .mega-left li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .normal-menu .mega-left li a { padding: 15px 0; } .normal-childmenu-list { padding: 40px; } .normal-menu .mega-left .back-btn a { padding: 0; } .mega-tab.normal-childmenu>a { display: flex; align-items: center; gap: 10;justify-content: space-between; } .mega-tab.normal-childmenu>a:after { width: 8px; height: 8px; content: ""; display: block; transform: rotate(-135deg) translateY(-50%) scaleY(-1); border-top: 2px solid var(--white); border-left: 2px solid var(--white); display: inline-block !important; margin-top: -8px; transform-origin: center; } .enquire--btn .menu-link {justify-content: flex-start; background: none; } .enquire--btn .menu-link:hover { background: none; } .mobile-bottom-footer { margin-top: auto; padding: 25px 40px; border-top: 1px solid rgba(255, 255, 255, 0.4); } .currency-select-mobile { width: auto;} .primary-nav { display: flex; justify-content: space-evenly; flex-direction: column; height: 100%; } .primary-nav .header-search { opacity: 1; visibility: visible; position: static; box-shadow: none; background: none; border-top: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.4); border-radius: 0; padding: 9px 30px 9px 30px; transform: inherit; } .primary-nav .header-search input { background: none; border: none; color: var(--white); letter-spacing: 1px; } .primary-nav .header-search input::placeholder { color: var(--white); opacity: 1; text-transform: uppercase; } .primary-nav .search-submit { background-color: transparent; border: none; background-size: 22px; } .primary-nav .currency-select-mobile select { background: transparent; background-image: url('../images/down-arrow-white.svg'); background-repeat: no-repeat; background-position: right 10px center; background-size: 12px; color: var(--white); padding: 6px 30px 6px 6px; font-weight: var(--font-500); letter-spacing: 1px; border: 0; cursor: pointer; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; width: auto; } .primary-nav .currency-select-mobile select option { color: var(--black); } .is-mobile-menu-open .top-header-container { background: var(--green); } .special-section .cardtitle:after, .special-section .cardtitle:before { transform: scale(0.5); } .special-section .cardtitle {font-size: 24px; } .mobile-menu-toggle { display: inline-flex; align-items: center; } .header-left, .header-right { display: none; } .header-bar { justify-content: center; } .header-search { left: 20px; right: 20px; width: auto; } .header-logo { max-width: 220px; } .mobile-menu-toggle { position: absolute; left: 20px; top: 0; bottom: 0; margin: auto; } /* .home-hero__content h1 { font-size: clamp(40px, 7vw, 70px); line-height: 1.2; }  */ .home-hero .home-hero__badge-link { bottom: 50px; } .tour-section .item-box { width: calc(33.33% - 20px); } .font-26 p, .font-26 li { font-size: 16px; } /* Menu CSS */ .mega-left .mega-menu, .menu-item .mega-menu.mega-menu--nested { position: absolute; left: 100%; top: 0; width: 100vw; background-color: var(--green); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; height: calc(100vh - 211px); height: calc(100svh - 211px); overflow-y: auto; z-index: 10; overflow: hidden; overflow-y: auto; } .mega-left .mega-menu { z-index: 11; } .mega-left .mega-menu.is-open-child-submenu, .mega-menu.mega-menu--nested.is-open-submenu { left: 0; } .main-menu { position: relative; overflow: hidden; height: 100%; overflow-y: auto; justify-content: flex-start; } .mega-left { position: initial; } .center-card-menu { width: calc(100% - 300px); } .right-cta-box { width: 300px; } .mega-menu--nested .mega-left { padding: 20px 40px; } .back-btn { display: flex; justify-content: space-between; gap: 10px; align-items: center; padding: 20px 40px; background-color: var(--gold); } .back-btn a { text-decoration: none;} .mega-tabs.has-nested>li:not(:last-child) { border-bottom: 1px solid rgba(255, 255, 255, 0.4); } .mega-tabs.has-nested>li { padding: 15px 0; } .mega-tabs.has-nested .mega-tab::after { display: none; } .mega-tabs.has-nested { display: block; } .mega-menu--image-grid .back-btn { grid-column-start: 3 span;  margin: 0 -40px 20px; } .mega-menu--image-grid .mega-grid { padding: 0 40px; } .mega-card-image { height: 200px; } .mega-left .center-card-menu { padding: 50px 40px; } .mega-left .center-card-menu a { color: var(--black); } .center-card-menu { padding: 0; } .child-menu-tab .mega-panel-columns { height: calc(100% - 59px); background-color: var(--white); } .is-mobile-menu-open .mobile-bottom-sticky { z-index: 1; } .mega-card img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .mega-menu--image-grid .mega-grid { gap: 8px; } .mega-card-title { font-size: 18px; } .back-btn a:nth-child(2) { text-align: right; } .menu-item.menu-item a.back-btn-link { padding: 0; display: flex; align-items: center; gap: 0; margin-left: 2px; } .back-btn a:before { display: none; } .menu-item.menu-item a.back-btn-link:before { width: 8px; height: 8px; content: ""; display: block; transform: rotate(-45deg) translateY(-50%); border-top: 2px solid var(--white); border-left: 2px solid var(--white); display: inline-block; margin-top: 2px;} .child-menu-tab>a { display: flex; align-items: center; gap: 10px; justify-content: space-between; } .child-menu-tab>a:after { width: 8px; height: 8px; content: ""; display: block; transform: rotate(-135deg) translateY(-50%) scaleY(-1); border-top: 2px solid var(--white); border-left: 2px solid var(--white); display: inline-block !important; margin-top: -4px; transform-origin: center; } .mega-menu--image-grid { padding-bottom: 40px; } /* .is-open-menu-3step .mega-menu.mega-menu--nested { overflow: hidden; } */ /* Menu CSS */ .quotes-text { min-height: inherit; } .page-links-row, .stickHeader.HeaderDown .page-links-row { top: 56px !important; } .tour-highlights__inner { grid-template-columns: 1fr 1fr; gap: 40px; } .GallerySlider { width: 70%; } .phone-icon-svg svg { width: 24px; } .destination-experts__images-box .btn { min-width: 220px; } .hotel-name { padding: 7px 12px; font-size: 14px; } .destination-experts__content { gap: 20px; } /* Map */ .itinerary-map-layout { flex-direction: column-reverse; } .itinerary-map-panel, .itinerary-map-canvas { width: 100%; } .itinerary-map-canvas, .itinerary-map-canvas .map { min-height: 520px !important; } .itinerary-accordion { max-height: none; overflow: visible; padding-right: 0; } .itinerary-map-panel { padding: 20px 20px 0; } .inner-row { max-width: 100%; } .itinerary-map-panel { max-height: inherit; } .acc-item { border-left-width: 6px; } .cl-local-photo-grid__title { margin-top: 5px; } .mps2w-map, .mps2w-map-wrap { min-height: 600px; } .blog-banner.inner-page-banner .home-hero__content { padding-top: 20px; } .blog-filter-box { flex-direction: column; text-align: center; justify-content: center; } .blog-filter-box .filter-box__title { align-items: center; justify-content: center; } .article-text h2, .article-title { font-size: 30px; margin: 40px auto;} .four-items-card__title { font-size: 20px; } .blog-list-data-section .four-items-card__body p { font-size: 16px; } .filter-box__title { width: 100%; margin-bottom: 14px; } .things-to-do-results-wrap .no-result.text-center { grid-column: span 3; } .blog-list-data-section .four-items-box.grid .post-data { width: calc(50% - 20px); } .search-results-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px 24px; } .search-results-grid .four-items-card__title { font-size: 18px; } .search-results-grid .four-items-card__body { padding: 22px 18px 8px; } .search-results-grid .post-data .btn-span { padding: 12px 18px 20px; } .blog-archive-section .four-items-card__title { font-size: 18px; } .blog-archive-section .four-items-card__body { padding: 22px 18px 8px; } .opinion-title h3 { font-size: 24px; } .highlights-cta { width: 100%; max-width: 350px; margin: 0 auto; } .highlights-content p, .highlights-content li { font-size: var(--font-16); } .explore-split-section__content-wrap { padding-left: 40px; } .explore-split-section .explore-split-section__inner:nth-child(even) .explore-split-section__content-wrap { padding-right: 40px; } .explore-split-section__media { width: 100%; } .explore-split-section__content-wrap { width: 100%; padding: 40px 20px 40px; } .explore-split-section .explore-split-section__inner:nth-child(even) .explore-split-section__content-wrap { padding-right: 20px; } .explore-split-section .explore-split-section__inner:nth-child(even) .explore-split-section__media { order: 1; } .explore-split-section .explore-split-section__inner:nth-child(even) .explore-split-section__content-wrap { order: 2; } .highlights-cta, .HeaderDown .highlights-cta { top: 100px; } .destinations-grid { column-count: 3; } .mps2-layout { grid-template-columns: 1fr; } .mps2-map-wrap { order: -1; min-height: 420px; } .mps2-map { min-height: 420px; } .mps2-place-list__label { font-size: var(--font-18); line-height: 1.35; letter-spacing: 1.5px; } .mps2-panel { margin: 0; } .mps2-panel__inner { padding: 30px 0 0 0; } .mps2-place-list { padding-right: 0; } .mps2-map-wrap { margin: 0; } .mps2-place-list__pin { width: 25px; min-width: 25px;} .mps2-section .section-title { margin-bottom: 40px; } .mps2-map-wrap, .mps2-map { min-height: 380px !important; } .mps2-panel { background: none; } .center-align-arrows { margin: auto -10px; } .explore-split-section__media { max-width: none; min-height: 260px; } .explore-split-section__content { max-width: none; padding: 0 0 10px; } .explore-split-section__text p strong, .explore-split-section__text p:first-child { font-size: 22px; } .explore-split-section__actions .btn { flex: 1 1 100%; max-width: none; width: 100%; } .blog-section .blog-press-card__image { max-width: 320px; margin-bottom: 24px; } .blog-section .blog-press-card__source { font-size: 12px; letter-spacing: 1.5px; margin-bottom: 16px; } .wmreg-section .section-title { margin-bottom: 32px; } .wmreg-stage { aspect-ratio: 4 / 3; } .wmreg-pin { font-size: 10px; padding: 6px 8px; } .wmreg-pin.is-active { font-size: 11px; padding: 7px 10px; } .explore-split-section__actions.flex { align-items: center;  } .explore-split-section__actions.flex a { flex: inherit; width: auto; } .travel-reasons-grid__link { width: 40px; right: 20px; bottom: 15px; } .travel-reasons-grid__box .travel-reasons-grid__title { font-size: 20px; } .our-history-scroll { max-height: calc(100vh - 240px); min-height: 380px; } .our-history-item { gap: 24px; } .our-history-item__content { flex: 0 0 48%; max-width: 48%; } .our-history-scroll__inner { padding-left: 30px; } .brand-pillars-slider .swiper-slide { height: clamp(280px, 38vh, 420px); } .brand-pillar-card__content { padding: 28px 24px 64px; } .journey-column__plus { font-size: 60px; top: 18px; right: 28px; } .journey-column { flex: 1 1 50%; padding: 20px; padding-top: 150px; padding-bottom: 30px; } .travel-reasons-grid__box { min-height: 360px; } .travel-reasons-grid__card { padding: 40px 32px 72px; } .awards-item__badge { min-height: 110px; } .team_card { flex: 0 0 33%; max-width: 33%; } .single-team-hero__content-inner { max-width: none; padding: 48px 20px; gap: 32px; } .single-team-hero__media img { min-height: 360px; aspect-ratio: 625 / 460; } .single-team-intro-section__inner { flex-direction: column; gap: 32px; } .single-team-intro-section__content, .single-team-intro-section__aside { flex: 0 0 100%; max-width: 100%; width: 100%; } .single-team-hero { margin-top: 56px; } .single-team-intro-section__cta { min-height: 0; padding: 32px 24px 28px; gap: 24px; } .single-team-intro-section__cta-text { max-width: none; } .single-team-intro-section__btn { max-width: none; } .single-team-intro-section__trust { margin: 24px auto 0; } .single-team-intro-section__cta { text-align: center; } .single-team-destinations-section__grid { gap: 32px 24px; } .single-team-destinations-section__grid--count-3 { justify-content: center; } .single-team-destinations-card { flex: 0 1 calc(50% - 12px); max-width: calc(50% - 12px); } .single-team-destinations-card--compact { margin-top: 0; } .single-team-destinations-card--featured .single-team-destinations-card__body { margin-top: -24px; min-height: 0; } .single-team-destinations-card__body { min-height: 0; } .single-team-trips-section__grid { grid-template-columns: 1fr; gap: 32px; } .single-team-trips-card__body { min-height: 0; } .single-team-articles-section__grid { gap: 32px 24px; } .single-team-article-card { flex: 0 1 calc(50% - 12px); max-width: calc(50% - 12px); } .single-team-article-card__body { min-height: 0; } .single-team-cta-section { padding: 56px 0; } .single-team-cta-section__inner { gap: 24px; } .single-team-destinations-section { margin-top: 50px; margin-bottom: 50px; } .enquiry-breadcrumb { margin-top: 60px; } } @media (min-width: 768px) { .filter-box__title, .site-footer .h3, .site-footer h3 { pointer-events: none; } .mobile-bottom-sticky { display: none; } .family-holiday-card { flex: 0 0 calc(25% - 15px); max-width: calc(25% - 15px); } .family-holiday-section__grid { gap: 30px 20px; } .awards-item { flex: 0 0 calc(48% - 14px); max-width: calc(48% - 14px); } } @media (min-width: 991px) { .awards-item { flex: 0 0 calc(24% - 14px); max-width: calc(24% - 14px); } } @media (max-width: 800px) { .special-section .special-card { padding: 80px 30px; } .special-section .cardtitle:after { right: calc(100% + 25px); } .special-section .cardtitle:before { right: calc(100% + 2px); } .travel-magazine-grid { gap: 60px 30px; } .travel-magazine-brochures-section__title { margin-bottom: 40px; } .travel-magazine-stats { min-height: 220px; justify-content: center; gap: 30px 50px; } .travel-magazine-stats__item { flex: 0 1 auto; } .travel-magazine-stats__value { font-size: clamp(40px, 7vw, 64px); } .press-awards-cards-row { gap: 30px; } .press-awards-card { flex: 1 1 100%; max-width: 100%; min-height: 360px; } .press-awards-card__content { min-height: 360px; } } @media (max-width: 767px) { :root { --font-22: 22px; --font-20: 18px; } /* Menu CSS */ .center-card-menu { width: 100%; } .right-cta-box { width: 100%; background-color: var(--white); } .mega-menu--image-grid .mega-grid {     grid-template-columns: repeat(2, 1fr); } .mega-menu--image-grid .back-btn { grid-column-start: 2 span; } .back-btn { padding: 15px 40px; } .mega-menu--image-grid .back-btn { margin: 0 -40px 30px; padding: 15px 40px; } .mega-panel-columns { flex-direction: column; } .mega-card-image { height: inherit; padding-bottom: 100%; } .mega-card-title { font-size: 16px; } .mega-left .center-card-menu { padding: 30px 40px; } .card-details { padding: 20px 40px;} .card-bottom-btn { padding: 0 40px 20px 40px;} .menu-card-title { font-size: 18px; } .card-details p { line-height: 1.3; } .menu-item.menu-item a { font-size: 14px; } /* Menu CSS */ .home-hero__content h1 { font-size: 30px; line-height: 1.18; letter-spacing: 0.2px; } .hide-mobile { display: none; } .post-detail-banner.inner-page-banner .f-height { min-height: calc(100dvh - 72px); } .home-hero .f-height { min-height: calc(100svh - 72px); } .home-hero__content { max-width: 100%; } .home-hero__badge-link { justify-content: flex-start; margin-top: 30px; } .ctm-btn-box.mt-50 { margin-top: 30px; } .home-hero .home-hero__badge-link { bottom: 50px; } .home-about { padding: 60px 0; } .footer-newsletter { grid-column: span 1;} .footer-inner { grid-template-columns: 1fr; gap: 24px; } .footer-actions { flex-direction: column; align-items: flex-start; } .footer-links-desktop .footer-links-list { display: none; } .footer-links-mobile { display: block; } .footer-links { width: 100%; } .footer-inner.flex-nowrap { flex-direction: column; gap: 0; } .footer-newsletter { margin-bottom: 25px; } .footer-contact { margin: 25px 0 50px; } .footer-bottom { padding: 0 66px; margin-top: 40px; } .footer-inner { gap: 50px; padding: 0 66px; } .footer-newsletter { width: 100%; } .footer-contact { width: 100%; } .footer-links ul { margin-bottom: 20px; } .footer-links-desktop { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.4);} .footer-links-desktop .h3, .footer-links-desktop h3 { position: relative; width: 100%; display: flex; align-items: center; justify-content: space-between; cursor: pointer; gap: 10px; } .footer-links-desktop .h3:after, .footer-links-desktop h3:after { content: ""; width: 39px; height: 39px; border: 2px solid rgba(255, 255, 255, 1); border-radius: 50%; background: url('../images/down-arrow-white.svg') no-repeat 50% 56%; background-size: 22px; } .footer-links-list ul { padding-top: 10px;} .footer-newsletter-form-row { max-width: 100%; width: 100%;} .trip-card__body h3 { max-width: 100%; } .trip-card__body p { max-width: 100%; } .trip-card__button.btn { padding-top: 20px; } .trip-card__button.btn { font-size: 16px; } .trip-card__button.btn:before { font-size: 30px; } .trending-trips__content { padding-bottom: 25px; } .trip-pagination { display: flex; justify-content: center; } .TripSlider .swiper-slide.swiper-slide-prev { opacity: 1; } .quotes-text { min-height: auto; margin-bottom: 50px; } .press-card { padding: 10px; } .press-quote img { width: 40px; } .team-slider { padding-top: 0; } .center-white-dots { margin-top: 10px; } .reasons-card h2 { font-size: 32px; } .reasons-card__image { padding-bottom: 62%; } .special-section .cardtitle:before { top: 30px; right: calc(100% + 44px); width: 33px; height: 7px; } .special-section .cardtitle:after { top: 17px; right: calc(100% + 57px); width: 7px; height: 33px; } .special-section .container { padding: 0; } .special-section h2.text-center.w-full  { padding: 0 20px; } .special-section .special-card { padding: 60px; } .special-section .cardtitle:after, .special-section .cardtitle:before { transform: scale(1); } .tour-section .item-box { width: calc(50% - 8px); } .tour-section .gap-r-30 { gap: 1rem; } .destination-tip-section .holiday-box { max-width: 100%; } .holiday-box { max-width: 278px; padding: 28px;} .holiday-text p, .holiday-text li { font-size: 14px; } .holiday-section a.btn { font-size: 12px;} .holiday-section { padding: 66px 0; } .team-card { width: 100%; max-width: 280px; margin: 0 auto; } .back-to-top { bottom: 100px; } .inner-page-banner .f-height { min-height: 300px; } .inner-page-banner .home-hero__badge-link { display: none; } .destination-experts__inner { grid-template-columns: 1fr; gap: 20px; justify-content: center; text-align: center; } .destination-experts__content h2 { margin: 0 auto; } .destination-experts__content { justify-content: center; align-items: center; } .destination-experts__images-box { margin: 20px auto 0; } .destination-experts .btn { display: block;} .destination-experts .btn:before { margin-right: 10px; } /* .four-items-slider.posts-data-row  { display: none;  } */ .image-content-section { min-height: 54vh; padding-top: 60px; } .holiday-author-name .h3 { font-size: 22px; } .holiday-author-name span { font-size: 14px; padding-top: 8px; } .continue-exploring-label { font-size: 16px; } .continue-exploring-icon { height: 60px; } .continue-exploring-icon img { max-height: 50px; max-width: 50px;} .faq-accordion__toggle { font-size: 14px; padding: 20px 56px 26px 20px; } .tour-highlights__inner { grid-template-columns: 1fr; gap: 40px; } .tour-highlights__list li { font-size: 16px; } .gallery-section { padding-left: 0; padding-right: 0; } .GallerySlider { width: 80%; } .gallery-next {right: 10px;} .gallery-prev {left: 10px; } .gallery-prev, .gallery-next { width: 30px; height: 30px;  top: 40%; transform: translateY(-40%); } .gallery-caption p { font-size: 14px; } .tour-highlights__list li:before { height: 6px; width: 6px; } .tour-highlights__list li { padding-left: 4px; } .center-white-dots .swiper-pagination-bullet, .center-black-dots .swiper-pagination-bullet { height: 8px; width: 8px; } .four-items-pagination.is-dynamic-dots .four-items-pagination__viewport { width: 40px; } .testimonials-pagination.is-dynamic-dots .testimonials-pagination__viewport { width: 24px; } .three-items-pagination.is-dynamic-dots .three-items-pagination__viewport { width: 24px; } .btn-group .btn { display: flex;} .continue-exploring-grid { grid-template-columns: repeat(1, 1fr); } .continue-exploring-grid .continue-exploring-card { display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: nowrap; align-items: center; position: relative; flex-direction: row; min-height: 90px; border-left: 10px solid var(--gold); padding: 10px 20px 20px 24px; } .continue-exploring-label { text-align: left; margin-top: 5px; } .continue-exploring-grid .continue-exploring-card:after { content: ' '; position: absolute; bottom: 0; left: 0; width: 100%; height: 10px; background: rgba(255, 255, 255, 12%); } .continue-exploring-icon { min-width: 50px; width: 50px; } .continue-exploring-card { width: calc(100% - 28px); margin: 5px 14px; } .continue-exploring-card:hover { transform: scale(1); } /*.hotel-name span { display: none; }*/ .price-button-section .hotel-name { opacity: 0.8; } .expert-team-text {display: none; } .destination-experts .call-btn { font-size: 14px; } .holiday-text.mb-20:last-child { margin-bottom: 0; } .destination-experts__content { padding-right: 0; } .acc-itinerary-meta { gap: 8px; margin-top: 18px; } .acc-itinerary-meta > div { gap: 12px; } .acc-itinerary-meta__pin { width: 21px; margin-left: 4px; } .acc-itinerary-meta__hotel { width: 28px; } .acc-itinerary-meta__place, .acc-itinerary-meta__stay { font-size: 18px; } .cl-local-photo-grid { max-width: 100%; gap: 10px 12px; margin-top: 16px; } .cl-local-photo-grid__title { font-size: 13px; line-height: 1.4; } .itinerary-map-canvas, .itinerary-map-canvas .map { min-height: 400px !important; } .acc-icon { width: 26px; height: 26px; min-width: 26px; } .acc-icon::before, .acc-icon::after { top: 14px; } .acc-item.active .acc-icon::before, .acc-item.active .acc-icon::after { top: 6px; } .acc-itinerary-content p { font-size: 16px; } .itinerary-map-eyebrow { font-size: 18px; } .itinerary-map-copy p, .itinerary-map-copy li { font-size: 16px; } .acc-icon-box img { max-height: 20px; max-width: 20px; object-fit: contain;} .acc-itinerary-meta__place, .acc-itinerary-meta__stay { font-size: 16px; } .acc-icon-box { min-width: 20px; width: 20px;} .acc-trigger { padding-left: 18px;} .select-box select { font-size: 11px; padding: 7px 20px 7px 12px; background-size: 8px; } .select-box__content-inner { font-size: 11px; padding: 7px 20px 7px 12px; background-size: 8px; } .check-wrap label { font-size: 12px; padding: 7px 12px 4px 36px; } .check-wrap label::before { left: 12px; width: 14px; height: 14px; } .check-wrap label::after { left: 17px; width: 4px; height: 8px; } .filter-box-icon { opacity: 1; } .filter-box-icon { opacity: 1; } .filter-wrap { display: none; width: 100% !important; } .filter-wrap .grid { padding-top: 15px; } .filter-box {  gap: 0; } .filter-box__title { cursor: pointer; } .post-data .four-items-card:hover { transform: scale(1); } .mps2w-section { display: none; } .mps2w-section.travel-map { display: block; } .post-detail-banner.inner-page-banner .f-height { min-height: calc(60dvh - 64px); } .has-mobile-bottom-sticky .blog-banner.inner-page-banner .f-height { min-height: calc(100dvh - 64px); } .blog-list-data-section .blog-term-filter, .blog-list-data-section .post-data .btn-span { font-size: 12px; gap: 10px; } .blog-list-data-section .blog-term-filter { padding-right: 30px; } .blog-list-data-section .blog-term-filter, .blog-filter-chip span { font-size: 10px; min-height: 28px; padding: 4px 14px 3px; } .blog-filters { gap: 10px; } .blog-filter-box .filter-box__title { font-size: 10px; margin-bottom: 2px; } .article-text li, .article-text p { font-size: 16px; line-height: 1.4; } .article-text h2, .article-title { font-size: 23px; margin: 30px auto;} .article-image-grid-3, .article-image-grid-2, .article-text { margin-bottom: 35px; } .article-image-grid-1 { margin: 35px auto; } .author-img { height: 80px; width: 80px; } .author-info p { font-size: 16px; } .author-info p.author-date { margin-top: 8px;} .article-section.section { padding-top: 20px;} .article-image-grid-3, .article-image-grid-2 { gap: 20px; } .things-to-do-results-wrap .no-result.text-center, .blog-results-wrap .no-result.text-center { grid-column: span 1; } .post-date { font-size: 16px; } .blog-list-data-section .blog-term-filter { max-width: 100%; padding-right: 30px; min-width: inherit; } .blog-list-data-section .custom-dropdown { width: inherit; min-width: inherit; max-width: 140px; } .things-to-do-results-wrap .no-result.text-center { grid-column: span 1; } .post-list-data-section .four-items-box.grid .post-data { width: calc(50% - 10px); } .inner-page-banner .home-hero__content h1 { font-weight: var(--font-500); } .inner-page-banner .container { padding: 0 10px; } .home-hero .f-height { min-height: 500px; } .mps2-section .gm-style .gm-style-iw-d { max-height: inherit !important; } .mps2-map-wrap, .mps2-map { min-height: 400px !important; } .mps2-iw { max-width: 200px !important; width: 200px !important; } .mps2-section .mps2-iw__body .btn.secondary-button { padding: 4px 15px;} .mps2-iw__close { width: 26px; height: 26px;} .mps2-section .gm-style .gm-style-iw-c { max-height: inherit !important; overflow: auto !important;} .mps2-iw__media { position: relative; aspect-ratio: 100 / 50; } .mps2-section .mps2-iw__body .btn.secondary-button { margin-bottom: 0;} .mps2-map-wrap { margin: 0 -20px; } .blog-banner .inner-page-banner .home-hero__content h1 {margin-bottom: 10px; } .article-image-grid-3:last-child, .article-image-grid-2:last-child { margin-bottom: 0; } .opinion-title h3 { font-size: 22px; } .highlights-container { flex-direction: column; } .highlights-cta { max-width: 100%; } .cta-profile-img-container { min-width: 90px; max-width: 90px; min-height: 90px; max-height: 90px; } .cta-profile-img { width: 90px; height: 90px; } .cta-profile-text { font-size: var(--font-16); } .cta-header { font-size: var(--font-14); padding: 14px 10px; } .cta-body { padding: 20px; } .opinion-title { font-size: var(--font-18); } .opinion-author { margin-top: 15px; display: block;} .btn { font-size: 12px; padding: 10px 18px 8px; border-radius: 10px; } .image-description { font-size: 14px; padding-top: 10px; } .safari-section.post-list-data-section .four-items-box.grid .post-data { width: calc(50% - 9px); } .destination-cards-section .container { max-width: 950px; } .destination-card__body { padding: 28px 20px; } .destination-card__title { font-size: var(--font-16); margin-bottom: 12px; } .destination-card__text { font-size: var(--font-16); margin-bottom: 20px; } .destination-card__cta { font-size: var(--font-12); } .destination-cards-grid .destination-card:first-child { flex-direction: column; } .destination-cards-grid .destination-card:first-child .destination-card__image { width: 100%; padding-bottom: 68%; min-height: 0; } .destination-cards-grid .destination-card:first-child .destination-card__body { width: 100%; } .destination-cards-grid .destination-card:first-child .destination-card__body { padding: 28px 20px; } .holiday-article-section .highlights-cta { width: 100%; max-width: 100%; } .breadcrumb-row + .holiday-article-section { padding-top: 20px; } .holiday-article-section .highlights-container { gap: 30px; } .holiday-article-section .highlights-cta { max-height: inherit; overflow: visible; } .mps2w-label { font-size: 0.62rem; white-space: normal; max-width: 36vw; text-align: center; line-height: 1.2; } .mps2w-map-wrap, .mps2w-map { min-height: 420px; } .destinations-grid { column-count: 2; } .inner-page-banner .home-hero__content { padding-top: 40px; } .breadcrumb-row + .highlights-section  { padding-top: 20px; } .trip-card__image .hotel-name { right: 10px; top: 10px; } .new-trending-trips .trip-card { min-height: 350px; } .four-items-card__body p { font-size: 15px; } .swiper-button-next.TripSlider-button-next { height: 42px; width: 42px; } .new-trending-trips .center-align-arrows div img { margin-left: 2px; width: 10px; } .new-trending-trips .swiper-slide.last-btn-row  { width: 200px; min-width: 200px; max-width: 200px; } .trending-trips.new-trending-trips .btn.secondary-button.white-btn { min-width: 150px; max-width: 150px; } .relative.arrow-with-slider .center-align-arrows { display: none; } .relative.arrow-with-slider { padding: 0; } .visit-inner-col { width: 100%; padding-right: 0; order: 2; margin-bottom: 0; } .visit-inner-image { width: 100%; padding-left: 0; order: 1; margin-bottom: 30px; position: relative; top: 0 !important; margin-top: 0; } .visit-inner-row h2 { font-size: 22px; } .relative.arrow-with-slider.dots-slider { padding: 0; } .center-align-arrows.round-arrows { margin: 0; } .dots-slider .travel-calendar { padding-bottom: 40px; } .family-magazine-section .charity-content { padding: 25px; } .related-stories-list { grid-auto-flow: row; grid-template-rows: none; grid-template-columns: 1fr; gap: 18px; max-width: 100%; } .related-stories-section .section-title { margin-bottom: 28px; } .related-stories-list a { font-size: var(--font-16); } .family-holiday-card { flex: 0 0 calc(50% - 15px); max-width: calc(50% - 15px); } .family-holiday-section__grid { gap: 30px 20px; } .travel-reasons-grid__inner { max-width: 100%; } .travel-reasons-section__header { margin-bottom: 28px; } .travel-reasons-grid__box, .travel-reasons-grid__box:nth-child(even) { flex-direction: column; min-height: auto; } .travel-reasons-grid__media { flex: 0 0 auto; width: 100%; min-height:inherit; padding-bottom: 75%; } .travel-reasons-grid__card { flex: 0 0 auto; width: 100%; min-height: 280px; padding: 32px 24px 64px; } .travel-reasons-grid__link { width: 30px; } .travel-reasons-grid__title { font-size: 18px; } .travel-reasons-grid__box .travel-reasons-grid__title { letter-spacing: 0; } .brand-pillars-section__header { margin-bottom: 28px; } .brand-pillars-slider .swiper-slide { height: auto; min-height: 320px; } .brand-pillar-card { flex-direction: column; } .brand-pillar-card__media { flex: 0 0 auto; height: clamp(180px, 28vh, 260px); } .brand-pillar-card__content { min-height: 200px; } .journey-conversation-section__header { margin-bottom: 28px; } .journey-column p { max-width: 100%; } .journey-column { padding-top: 120px; } .journey-column__plus { font-size: 40px; top: 18px; right: 20px; } .journey-column__title { font-size: 20px; margin-bottom: 15px; } .travel-reasons-grid__card { min-height: inherit; } .our-history-section__wrapper { gap: 12px; } .our-history-timeline { flex: 0 0 14px; } .our-history-scroll { max-height: calc(100vh - 220px); min-height: 320px; padding-left: 4px; } .our-history-item { flex-direction: column; gap: 20px; padding-bottom: 36px; } .our-history-item__content { flex: 0 0 100%; max-width: 100%; padding-left: 30px; } .our-history-data { max-width: 100%; } .our-history-item__year { font-size: 32px; margin-bottom: 12px; } .our-history-scroll__inner { padding-left: 10px; } .our-history-scroll::-webkit-scrollbar { width: 4px; } .our-history-item__media { width: 100%; } .scroll-section.holiday-inspiration-section.section .section-title.text-center { margin-bottom: 0; } .press-articles-block .post-data { width: calc(50% - 40px); } .highlights-section .highlights-content { max-height: inherit; overflow: visible; } .team_card { flex: 0 0 50%; max-width: 50%; } .team-wrapper-secion .flex.gap-r-20 { margin: 0 -10px; } .why-book-with-us-section .team-row { margin: 0 -20px; } .single-team-intro-section__content.article-text { margin-bottom: 0; } .single-team-hero__inner { flex-direction: column; min-height: 0; } .single-team-hero__content, .single-team-hero__media { flex: 0 0 100%; max-width: 100%; width: 100%; } .single-team-hero__media img { min-height: 360px; aspect-ratio: 625 / 460; position: relative; } .single-team-hero__content-inner { gap: 20px; } .single-team-hero__meta { gap: 4px; } .single-team-hero__icon { width: 20px; min-width: 20px; } .single-team-hero__icon img { width: 20px; min-width: 20px; max-height: 18px; object-fit: contain; } .single-team-hero__meta-item { gap: 12px; } .section.white-bg + .section.white-bg { padding-top: 30px; } table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; text-size-adjust: 100%; text-rendering: optimizeLegibility; text-align: left; } .content-page-section { padding-bottom: 60px; } .hotels-filter-row-itineraries .select-box { width: 100%; } } @media (max-width: 640px) { .tour-place img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .travel-experts-section .btn { display: inline-block; } .travel-experts-section .btn:before { margin-right: 10px;} .mobile-bottom-sticky { padding: 10px 0;} .special-section .cardtitle:after { top: 15px; } .special-section .cardtitle:before { top: 28px; } .special-section .cardtitle {font-size: 26px; } .cardtitle i { display: block; } .holiday-inspiration-section .three-items-slider { padding: 30px 0; } .holiday-inspiration-section .container { padding: 0 20px; } .four-items-slider { padding: 30px 0; } .destination-tip-section .holiday-box { max-width: 100%; } .holiday-testimonial__author-image { width: 60px; } .holiday-author-name { width: calc(100% - 80px); } .dark-background .grid { grid-template-columns: 1fr; } .show-desktop { display: none; } .show-mobile { display: flex; } .post-list-data-section .four-items-box.grid .post-data { width: 100%; } .blog-list-data-section .four-items-box.grid .post-data { width: 100%; } .blog-archive-pagination { margin-top: 30px; } .search-results-page { padding-top: 110px; } .search-hero__input { font-size: 28px; } .search-hero__tabs { gap: 8px; } .search-hero__tab { min-height: 32px; padding: 6px 14px 5px; font-size: 10px; } .search-results-grid { grid-template-columns: 1fr; gap: 32px; } .search-results-section__title { font-size: 28px; } .safari-section.post-list-data-section .four-items-box.grid .post-data { width: 100%; } .destination-cards-grid.grid-2 { grid-template-columns: 1fr; } .wtv-month { width: 44px; height: 44px; } .wtv-month span { font-size: var(--font-13); } .when-to-visit__legend { gap: 16px; } .new-trending-trips .swiper-slide { min-width: 280px; } .family-holiday-section .section-title { margin-bottom: 36px; } .family-holiday-card__icon img { max-width: 160px; } .family-holiday-card__text { font-size: var(--font-15); } .explore-split-section__actions.flex a { min-width: 220px;} .family-holiday-card { flex: 100%; max-width: 100%; width: 100%; } .family-holiday-section__grid { gap: 30px 20px; } .awards-item { flex: 0 0 100%; max-width: 280px; } .awards-section .section-title { margin-bottom: 36px; } .awards-item__badge img { max-width: 150px; } .awards-item { flex: 0 0 100%; max-width: 100%; } .press-articles-block .post-data { width: 100%; margin: 20px 0; } .press-articles-block { margin: 0; } .single-team-destinations-section__grid { gap: 32px; } .single-team-destinations-section__grid--count-3 { justify-content: center; } .single-team-destinations-card { flex: 0 1 100%; max-width: 100%; } .single-team-destinations-card--compact { margin-top: 0; } .single-team-articles-section__grid { gap: 32px; } .single-team-article-card { flex: 0 1 100%; max-width: 100%; } .travel-magazine-grid { gap: 40px 20px; } .group-trips-people-section__title { margin-bottom: 32px; } .group-trips-people-section__rows { gap: 40px; } .group-trips-people-section__row, .group-trips-people-section__row:nth-child(odd) { flex-direction: column; gap: 20px; } .group-trips-people-section__content, .group-trips-people-section__media { flex: 0 0 100%; max-width: 100%; width: 100%; } .group-trips-people-section__name { font-size: 22px; } .group-trips-people-section__btn.btn-span { min-width: 0; width: 100%; max-width: 233px; } .travel-magazine-card { flex: 0 1 calc((100% - 20px) / 2); max-width: 372px; } .travel-magazine-card__title { margin-top: 24px; font-size: var(--font-14); } .travel-magazine-stats { min-height: auto; padding: 32px 0; gap: 24px; } .travel-magazine-stats__item { flex: 0 1 calc(50% - 12px); } .travel-magazine-stats__value { font-size: clamp(36px, 10vw, 52px); } .travel-magazine-stats__label { margin-top: 8px; font-size: 13px; } .team-row .team_card { padding: 18px 10px; } .team-row .span-btn-box span { font-size: 12px; letter-spacing: 0; } .single-team-hero__media img { min-height: 300px; } } @media (max-width: 480px) { .cl-local-photo-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .travel-magazine-card { flex: 0 1 100%; max-width: 372px; } .travel-magazine-stats__item { flex: 0 1 calc(50% - 12px); } .special-section .special-card { padding: 60px 20px; } .special-section .cardtitle:before { right: calc(100% + 4px); } .special-section .cardtitle:after { right: calc(100% + 17px); } .our-history-scroll { max-height: calc(100vh - 200px); } .our-history-item__media img { aspect-ratio: 4 / 3; } } @media (max-width: 360px) { .cl-local-photo-grid { grid-template-columns: 1fr; } } @media (max-width: 450px) { .sticky-enquire-now a.btn { font-size: 12px; padding: 12px 14px; min-width: inherit; } .sticky-enquire-now a.btn { gap: 8px; } a.call-btn { font-size: 12px; } .call-btn img { width: 20px; } } @media (max-width: 420px) { .footer-inner , .footer-bottom { padding: 0 40px; } } @media (max-width: 350px) { .call-btn { gap: 6px;} .mobile-bottom-sticky .container { padding: 0 10px; } } @media (max-width: 991px) { .right-form-column { flex: 0 0 100%; max-width: 100%; } .enquiry-sidebar { position: static; max-width: 100%; margin: 32px auto 0; } .awards-logo-section { padding: 8px 0 0; gap: 24px 16px; } .awards-logo-section .logo-section__inner:nth-child(1) .logo-section__img, .awards-logo-section .logo-section__inner:nth-child(2) .logo-section__img { max-width: 120px; max-height: 120px; } .awards-logo-section .logo-section__inner:nth-child(5) .logo-section__img { max-width: 280px; } .right-form-column, .left-form-column { flex: 0 0 100%; max-width: 100%; } .enquiry-sidebar__trust { max-width: 400px; margin: 10px auto; } .awards-logo-section .logo-section__inner { flex: 0 1 calc(24% - 10px); max-width: calc(24% - 10px); } .two-column-title-content { grid-template-columns: 1fr; gap: 32px; } .two-column-title-content__column { gap: 28px; } } @media (max-width: 767px) { .awards-logo-section .logo-section__inner { flex: 0 1 calc(50% - 10px); max-width: calc(50% - 10px); } .travel-magazine-popup__close { top: 5px; right: 5px; height: 32px; width: 32px; } .magazine-form-popup-row .travel-magazine-popup__dialog { padding: 40px 20px; } .travel-magazine-popup { padding: 24px 15px; } .two-column-title-content-section .container { padding-left: 24px; padding-right: 24px; } .two-column-title-content__title { font-size: 22px; } } @media(max-width: 1300px){ .inner-page-banner .f-height { padding-bottom: 50px; padding-top: 150px; } .home-hero__badge { max-height: 90px; } } @media(max-width: 767px){ .inner-page-banner .f-height { padding-bottom: 100px; padding-top: 100px; } }