/* ============================
    Mobile Responsive Style
============================ */
/* Large tablets / small laptops */
@media (max-width: 991px) {
	.itinerary-slider-new .blend-heading {
		left: 10px;
	}

	.mirage-gallery-section .mirage-title {
		font-size: 6rem;
		font-weight: 300;
		line-height: 120%;
	}

	.mirage-gallery-section .mirage-swiper-controls {
		padding-top: 2rem !important;
	}

	.itinerary-slider-new .blend-heading {
		font-size: 6rem !important;
	}

	.itinerary-slider-new .description p, .wrapper-itineraries .description p {
		font-size: 14px;
	}

	.itinerary-slider-new .itinerary-details {
		font-size: 12px;
	}

	.hero-section .block-text-cont-hero .main-title {
		font-size: 6rem !important;
		font-style: normal;
		font-weight: 300;
		line-height: 120%;
		text-align: center;
	}
	.wrapper-general-text .content-block{
		top: 0 !important;
		padding-left: 20% !important;
	}
	.wrapper-general-text.type-T1 .main-title{
		font-size: 6rem !important;
	}

	.premium-experience__section {
		padding: 2rem 0;
	}

	.premium-experience__title {
		font-size: 3rem;
	}

	.premium-experience__card-title {
		font-size: 1.5em;
	}

	.premium-text-main-cont .single-el-card {
		border: none !important;
		padding: 1rem 1rem !important;
		margin-bottom: 1rem;
	}

	.premium-text-main-cont .single-el-card:last-child {
		border-bottom: none;
		margin-bottom: 0;
	}

	.faq-wrapper-top .main-title {
		margin-top: -1.25em !important;
		font-size: 4.5rem !important;
	}
	.wrapper.faq-wrapper ul.sub-menu-faq li{
		padding: 0 !important;
	}
	.wrapper.faq-wrapper .swiper-slide {
		padding: 5px 0;
	}

	.gallerySwiper .swiper-slide-next .ratio-box {
		margin-top: 1em; /* tweak to taste */
	}
	.wrapper.itinerary-wrapper ul.sub-menu-itineraries li{
		padding: 5px 0 !important;
	}
	.itineraries-swiper .swiper-slide{
		padding: 5px 0 !important;
	}
	.wrapper-itineraries .blend-heading{
		font-size: 8rem !important;
	}

	/*	Header bar*/
	.site-header .navbar-collapse {
		display: block !important;
		position: fixed;
		inset: 0;
		width: 100vw;
		height: 100vh;
		background: #0b0b0b;
		z-index: 1050;

		opacity: 0;
		transform: translateY(-8px);
		visibility: hidden;
		pointer-events: none;

		transition: opacity .32s ease,
		transform .32s ease,
		visibility 0s linear .32s;
		padding: 5rem 1.25rem 2rem;
		overflow-y: auto;
	}

	.site-header .navbar-collapse.show {
		opacity: 1;
		transform: translateY(0);
		visibility: visible;
		pointer-events: auto;
		transition: opacity .32s ease,
		transform .32s ease,
		visibility 0s;
	}

	.site-header .navbar-collapse .nav-link {
		font-size: 1.375rem;
		line-height: 1.2;
		padding: 1rem .5rem;
	}

	.site-header .navbar-toggler#menuToggle {
		width: 44px;
		height: 44px;
		background: transparent;
		border: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 22px 22px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12' fill='none'%3E%3Cpath d='M1.5 6H16.5M1.5 1H16.5M1.5 11H16.5' stroke='%23F6EBE1' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
	}

	.site-header .close-btn {
		width: 44px;
		height: 44px;
		background: transparent;
		border: 0;
		padding: 0;
		background-repeat: no-repeat;
		background-position: center;
		background-size: 22px 22px;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'%3E%3Cpath d='M4 4L14 14M14 4L4 14' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");
	}

	.site-header .navbar-collapse .btn.button-outline-light {
		position: fixed;
		left: calc(env(safe-area-inset-left) + 16px);
		right: calc(env(safe-area-inset-right) + 16px);
		bottom: calc(env(safe-area-inset-bottom) + 16px);
		z-index: 1060;
		height: 52px;
		display: block;
		text-align: center;
		width: auto;
	}

	.site-header .navbar-collapse .nav-item.d-flex {
		flex-direction: row !important;
		align-items: center;
		justify-content: center;
		gap: 12px;
		flex-wrap: nowrap;
		overflow: visible;
	}

	.site-header .navbar-collapse .dropdown {
		position: relative !important;
	}

	.site-header .navbar-collapse .dropdown-menu {
		position: absolute !important;
		top: 100%;
		left: 50%;
		transform: translateX(-50%);
		min-width: auto;
		width: max-content;
		white-space: nowrap;
		margin-top: 6px;

		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
		padding: 0;
		z-index: 2000;
		text-align: center;
	}

	.site-header .navbar-collapse .dropdown-item {
		background: transparent !important;
		padding: 4px 0;
		color: #fff;
		font-size: 14px;
		text-decoration: none;
	}

	.site-header .navbar-collapse .dropdown-item.active,
	.site-header .navbar-collapse .dropdown-item:hover {
		text-decoration: underline;
		background: transparent !important;
	}

	.btn-lang-selector {
		background: transparent !important;
		border: none !important;
		padding: 0 !important;
		box-shadow: none !important;
		display: inline-flex;
		align-items: center;
		gap: 4px;
		line-height: 1;
		color: #fff !important;
		min-width: 0 !important;
	}

	.btn-lang-selector::after {
		display: none !important;
	}

	.lang-arrow-icon {
		width: 12px;
		vertical-align: middle;
	}
	.navbar-brand {
    position: relative;
    left: 25px;
    top: 2px;
	transform: unset;
	}
	.social-coming-soon {
		margin-top: 60px !important;
	}
	.mail-form-block .input-group {
    width: 100%;
}
}

/* Tablets */
@media (max-width: 767.98px) {
	#wpadminbar{ display: none; }
	html{ margin-top: 0 !important; }
	body.admin-bar, body.admin-bar .site-header, body.admin-bar .fixed-top-menu {
		top: 0 !important;
	}
	.mirage-title{
		font-size: 3.5em;
	}
	.smaller-text .mirage-title{
		font-size: 3em;
	}
	.mirage-slide{ height: 320px; max-width: 260px; }
	.big-pb{ padding-bottom: 6rem; }

	.image-blend-container img{
		max-width: 370px;
		margin: 0 auto;
	}
	.itineraries-slider .description p{
		font-size: 0.875em;
	}
	.itineraries-slider .button-outline-primary{
		float: right;
	}
	.itinerary-details p{
		font-size: 0.875em;
		line-height: 24px;
	}
	.social-icons{
		justify-content: center;
		gap: 16px;
	}
	.footer-menu-privacy li{
		display: inline-block;
	}

	.itinerary-slider-new .main-title {
		font-size: 24px;
		font-style: normal;
		line-height: 120%;
	}
	.swipe-section-parallx{
		height: auto !important;
	}

	.panel.y-100 .description p, .panel.y-100 .description span {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: normal;
		word-break: break-word;
	}

	.itinerary-slider-new .swiper-button-prev-mobile img,
	.itinerary-slider-new .swiper-button-next-mobile img {
		width: 16px;
		height: 16px;
	}

	.itinerary-slider-new .blend-heading, .wrapper-itineraries .blend-heading {
		font-size: 6em !important;
	}

	.faq-wrapper-top .main-title {
		margin-top: -1.25em !important;
		font-size: 2.5rem !important;
	}

	.wrapper.faq-wrapper ul.sub-menu-faq li {
		padding: 0 !important;
	}

	.wrapper.faq-wrapper .swiper-slide {
		padding: 5px 0;
	}

	.faq-accordions {
		padding-bottom: 1em !important;
	}

	.faq-accordions .faq-accordion-card .accordion-title {
		font-size: 2.25rem !important;
		font-style: normal;
		font-weight: 300;
		line-height: 120%;
	}

	.faq-accordion-card .accordion-button {
		font-size: 1.125em !important;
		font-style: normal;
		font-weight: 400;
		line-height: 120%
	}

	.faq-accordion-card .accordion-body {
		font-size: 0.875em !important;
	}

	.wrapper.itinerary-wrapper ul.sub-menu-itineraries li {
		padding: 5px 0 !important;
	}

	.itineraries-swiper .swiper-slide {
		padding: 5px 0 !important;
	}

	.wrapper.itinerary-wrapper ul.sub-menu-itineraries li:first-child p {
		font-size: 1.25rem !important;
	}
	.suite-showcase-section .aspect-ratio-container {
		aspect-ratio: 3/4 !important;
	}

	.suite-swiper {
		height: auto;
	}

	.ptb-first {
		padding-top: 3rem !important;
		padding-bottom: 2rem !important;
	}

	.ptb-middle {
		padding-top: 2rem !important;
		padding-bottom: 2rem !important;
	}

	.ptb-last {
		padding-top: 2rem !important;
		padding-bottom: 6rem !important;
	}

	.wrapper-alternate .img-like-bck{
		height : 200px !important;
	}

    .contact-wrapper-top .main-title {
        margin-top: -1.25em !important;
        font-size: 2.5rem !important;
    }

    .contact-wrapper-top .main-text-cont, .dx-info-block .main-text-cont, .inner-contact-block .main-text-cont {
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        font-size: 0.875rem
    }

    .dx-info-block p.inner-title, .dx-contact-block .inner-title, .dx-contact-block .types {
        font-style: normal;
        font-weight: 800;
        line-height: 150%;
        font-size: 1rem !important;
    }

    .contact-wrapper-top .dx-title {
        font-size: 20px;
    }

    .book-call-model-content .dx-title {
        font-size: 24px;
    }

    .premium-text-main-cont .single-el-card {
        border-right: none !important;
        border-bottom: 1px solid #EAB359 !important;
        padding: 1rem 0 !important;
        margin-bottom: 1rem;
    }


    .suite-showcase-section .swiper-mobile-nav {
        position: relative;
        bottom: 25rem !important;
        z-index: 3;
    }

    .suite-showcase-section .content-text {
        position: relative !important;
        margin-top: 5rem !important;
    }


    .itinerary-slider-new .blend-heading {
        left: 0 !important;
        right: 0.5em !important;
    }
    .suite-swiper .link-purple{
        left: 4% !important;
        right: 0 !important;
    }

	.header-logo {
    	width: 160px;
	}
}

/* Mobile phones */
@media (max-width: 575.98px) {
	.image-blend-container img{
		max-width: 270px;
	}
	.footer-newsletter{
		font-family: 'ogg-bold';
		font-size: 1.125em;
	}
	.footer-menu-privacy li a{
		color: black;
		text-underline-offset: 2px;
	}

	.mirage-gallery-section .container {
		padding-top: 5rem !important;
	}

	.mirage-gallery-section .mirage-title {
		font-size: 3.125rem;
		font-weight: 300;
		line-height: 120%;
	}

	.mirage-gallery-section .mirage-subtitle p, .mirage-gallery-section .mirage-subtitle span {
		font-size: 1rem !important;
		font-weight: 500;
		line-height: 150%;
	}

	.mirage-gallery-section .mirage-swiper-controls {
		padding-top: 1.5rem !important;
	}

	.mirage-gallery-section .mirage-swiper-controls .btn-play-pause {
		padding-left: 0 !important;
	}

	.mirage-gallery-section .marquee-container .slide-max-width {
		width: 256px;
		height: 320px;
	}

	.mirage-gallery-section.mirage-gallery-section-2 {
		padding-top: 7.5rem !important;
	}

	.mirage-gallery-section.mirage-gallery-section-2 .mirage-title {
		font-size: 2.5rem;
		font-weight: 300;
		line-height: 120%
	}

	.mirage-gallery-section.mirage-gallery-section-2 .mirage-subtitle p, .mirage-gallery-section.mirage-gallery-section-2 .mirage-subtitle span {
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
	}

	.arsenale-block .title {
		font-size: 1.75em;
	}

	.arsenale-block .descr-cont p {
		font-size: 0.875em;
	}

	.site-footer .footer-signup-text {
		font-size: 14px;
		font-weight: 400;
		line-height: 150%;
		color: black;
	}

	.custom-newsletter-form__input {
		max-width: none;
	}

	.site-footer .link-purple {
		padding: 0;
	}

	.site-footer .footer-menu-privacy li{
		display: block;
		margin-bottom: 1rem;
	}

	.itinerary-slider-new .blend-heading {
		text-align: center;
		font-size: 3.125em !important;
		mix-blend-mode: normal;
		left: 0;
		width: 100%;
		padding-left: 0;
	}

	.hero-section .block-text-cont-hero .main-title {
		font-size: 3.125rem !important;
		font-style: normal;
		font-weight: 300;
		line-height: 120%;
		text-align: center;
	}

	.wrapper-general-text .main-title {
		font-style: normal;
		font-weight: 300 !important;
		line-height: 120% !important;
	}

	.wrapper-general-text .main-title {
		font-size: 2.5rem !important;
	}

	.wrapper-general-text .main-title {
		font-size: 2.5rem !important;
	}
	.wrapper-general-text.type-T1 {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important;
	}

	.wrapper-general-text .main-descr p {
		font-style: normal;
		font-size: 0.875rem !important;
		line-height: 150% !important;
	}

	.wrapper-general-text .main-descr strong {
		font-weight: 800 !important;
	}
	.wrapper-general-text.type-T1 .main-title{
		font-size: 2.5rem !important;
	}

	.wrapper-general-text.type-T1 .main-descr p {
		font-size: 1rem !important;
	}

	.wrapper-general-text.type-T1 .content-block {
		top: 0 !important;
	}

	.wrapper-general-text.type-T2 .main-title {
		font-size: 2.25rem !important;
		padding: 0 1rem 0 1rem !important;
	}

	.wrapper-general-text.type-T2 .main-descr p {
		font-size: 0.875rem !important;
	}

	.wrapper-general-text .counter-number {
		font-size: 4rem;
		font-style: normal;
	}

	.wrapper-general-text.type-T3 .main-descr p {
		font-size: 0.875rem !important;
	}

	.wrapper-general-text.type-T3 .content-block-1 {
		width: 90%;
	}

	.wrapper-general-text.type-T3 .content-block-2 {
		width: 50%;
	}

	.wrapper-general-text .extra-descr strong {
		font-weight: 800 !important;
	}

	.wrapper-general-text.type-T3 .extra-descr p {
		font-size: 0.875rem !important;
	}

	.wrapper-general-text.type-T3 {
		padding-bottom: 1rem !important;
	}

	.wrapper-general-text.type-T4 .content-block-3 {
		width: 70%;
	}

	.wrapper-general-text.type-T4 .content-block-4 {
		width: 80%;
	}

	.suite-showcase-section .title-slide {
		font-size: 24px !important;
		font-weight: 300;
		line-height: 120%;
	}
    .suite-showcase-section .link-purple {
		padding-left: 1rem !important;
	}
	.suite-showcase-section .aspect-ratio-container {
		aspect-ratio: 3/4 !important;
	}
	.suite-showcase-section .title-slide strong {
		font-size: 36px !important;
		font-style: normal;
		font-weight: 500;
	}

	.suite-showcase-section .swiper-mobile-nav {
		position: relative;
        bottom: 13rem !important;
		z-index: 3;
	}

    .suite-showcase-section .content-text {
        position: relative !important;
        margin-top: 7rem !important;
    }
	.suite-showcase-section .suite-swiper .link-purple{
		position: unset;
		text-decoration: underline;
	}
	.suite-showcase-section .swiper-navigation{
		display: none !important;
	}

	.premium-experience__section .premium-experience__title {
		font-size: 2.5rem;
		font-style: normal;
		font-weight: 300;
		line-height: 120%;
		text-align: start !important;
	}

	.premium-experience__section .premium-experience__card-title {
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 400;
		line-height: 120%;
	}
	.premium-experience__section .premium-experience__card-body p {
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 150%;
	}
	.premium-experience__section .premium-experience__card-body p strong{
		font-size: 1rem;
		font-weight: 800;
	}

	.wrapper.itinerary-wrapper-top .focus-descr-container {
		width: 100% !important;
	}

	.wrapper.itinerary-wrapper-top .focus-descr-container p {
		font-size: 0.875rem !important;
	}

	.wrapper.itinerary-wrapper-top .focus-title {
		font-size: 2.25rem !important;
	}

	.p-relative.inner-wrapper.inner-wrapper-0 {
		padding-top: 2rem !important;
	}

	.wrapper-itineraries .blend-heading {
		font-style: normal;
		font-weight: 300;
		line-height: 120%;
		font-size: 3.125rem !important;
	}

	.wrapper-itineraries .blend-heading strong {
		font-weight: 700 !important;
		font-family: 'ogg-medium', sans-serif;
	}

	.fixed-top-menu .sub-menu-itineraries {
		margin-bottom: 0 !important;
		margin-top: 0 !important;
	}
	.suite-swiper .content-text .title-slide {
		font-size: 1.5em;
	}
	.suite-showcase-section .aspect-ratio-container {
		aspect-ratio: 3/4 !important;
	}

	.gallerySwiper .swiper-slide .ratio-box {
		aspect-ratio: 3/4 !important;
	}

    .faq-wrapper .tab-title {
        font-size: 1.25rem !important;
    }
    .itinerary-slider-new .blend-heading {
        left: 0 !important;
        right: 0 !important;
    }
}