/* Media queries CSS */





/********** NEW MEDIA QUERIES **********/

@media (max-width: 3040px) {
	.explore-card__btns {
		grid-template-columns: var(--grid-1);
	}
}

@media (max-width: 2600px) {

}

@media (max-width: 2440px) {
    .explore-container,
	#brxe-tjdnem {
		width: 100%;
	}

	.home1 span {
		display: block;
		padding-left: 4vw;
	}
}

@media (max-width: 2040px) {
	#brxe-uvyqnk {
		grid-gap: var(--space-s);
	}
}

@media (max-width: 1920px) {
	.header__logo,
    .logo-home {
		max-width: 200px;
	}
	
    #brxe-uvyqnk,
    .explore-card__btns {
        grid-template-columns: var(--grid-2);
    }	
	
    #brxe-fpqkrg {
        font-size: 20rem;
    }

	#brxe-uxldyc {
		font-size: 2.3rem;
	}	
}

@media (max-width: 1600px) {
	body .script-heading {
		font-size: 20rem;
	}
	
	body .perks-inner__heading, 
    body #brxe-tsjddd {
		font-size: 12rem;
	}
}

@media (max-width: 1540px) {
    .explore-card__btns {
        grid-template-columns: var(--grid-1);
    }	
	
    #brxe-fpqkrg {
        font-size: 15rem;
    }

    #brxe-uxldyc {
        font-size: 2.1rem;
    }	

	body .perks-inner__logos {
		max-width: 77%;
	}
}

@media screen and (max-width: 1500px) {
	body .amenity-item__heading {
		font-size: 14rem;
	}
	
	body .title-script,
    body .partners-title {
		font-size: 18rem;
	}	
	
	body .amenity-item__heading-double span {
		padding-right: var(--space-xxl);
		margin-right: var(--space-xl);
	}	
}


@media (max-width: 1450px) {
	.home-hero__heading {
		font-size: calc(var(--h1) * 1.5);
	}

	.home-title {
		font-size: 19rem;
	}
	
	h2#brxe-xppspz {
		font-size: 17.5rem;
	}

	.home4,
	.home5 {
		font-size: 10.5rem;
	}
	
	.perk-sub {
		font-size: 5rem;
	}	
	
	div#brxe-tjdnem {
		max-width: 600px;
		margin-left: 0;
	}	
	
    .footer-menu__wrap {
        grid-template-columns: auto auto;
		row-gap: 20px;
    }
	
	.perks-wrap:before {
		height: 220px;
	}
	
	#brxe-gxyafq,
    #brxe-fkocta {
		padding-left: var(--gutter);
		padding-right: var(--gutter);
	}	
	
	#brxe-79c811 {
	    margin-top: var(--section-space-xl);	
	}
	
	body .insta-title {
		margin-top: -60px;
	}
	
	body .script-heading {
		font-size: 17.5rem;
	}	
}

@media (max-width: 1360px) {
	div#x-offcanvas_inner-hxbyxj,
    div#x-offcanvas_inner-ypzvgs,
    .canvas-content {
		background-size: 100%;
	}
}

@media (max-width: 1320px) {
	.home-title {
		font-size: 16rem;
	}
	
	h2#brxe-xppspz {
		font-size: 14.5rem;
	}

	.home2 {
		left: var(--space-m);
		bottom: var(--space-l);
	}	
	
    .home4, .home5 {
        font-size: 9.5rem;
    }
	
	.intro-grid__text {
		font-size: 3rem;
	}	
	
    .perks-wrap:before {
        height: 205px;
    }	
}

@media (max-width: 1280px) {
	body .title-script, body .partners-title {
		font-size: 15rem;
	}

	body .amenity-item__heading {
		font-size: 11rem;
	}
	
	.press-top__text {
		font-size: 3rem;
	}

	.press-middle__quote {
		font-size: 6rem;
	}

	.press-middle__right-quote {
		font-size: 4.5rem;
	}

	.press-middle__quote {
		font-size: 5rem;
	}

	.press-middle__quote {
		font-size: 4.5rem;
	}
	
	figure#brxe-hbyiou {
		display: none;
	}
	
	#brxe-matbnh {
		padding-top: var(--space-xl);
	}
	
	.press-middle__logo {
		position: relative;
		left: auto;
		bottom: auto;
	}	

	.single-rooms .pswp.brx .pswp__button--arrow {
		height: 50px;
		width: 50px;
		background-color: var(--tertiary-trans-60);
	}

	.single-rooms .pswp.brx .pswp__button--arrow .pswp__icn {
		font-size: 3rem;
		width: 3rem;
		height: 3rem;
		margin-top: -16px;
	}
	
	.pswp__counter {
		font-size: 2rem;
		font-weight: 700;
	}	
}

@media (max-width: 1240px) {
	body .script-heading {
		font-size: 15.5rem;
	}	
	
    body .insta-title {
        margin-top: -120px;
    }
	
	h2#brxe-jubdod {
		font-size: 17rem;
	}
}

@media (max-width: 1200px) {
	.perks-wrap:before {
		height: 178px;
	}
	
	.perk-script-title {
		font-size: 9.5rem;
	}	
	
	.perk-script-title-sm {
		font-size: 8rem;
	}	
	
    .perk-sub {
        font-size: 4.5rem;
    }
	
    .home4, .home5 {
        font-size: 8rem;
    }	
	
	body.page-id-1073 .logo-home, body.page-id-1621 .logo-home, #brxe-wfgdjp {
		max-width: 170px;
	}	
	
	.intro-grid {
		margin-bottom: var(--space-m);
	}	
	
	.home-hero__heading {
		font-size: calc(var(--h1) * 1.3);
	}	
}

@media (max-width: 1160px) {
	.home-title {
		font-size: 14rem;
	}
	
	h2#brxe-xppspz {
		font-size: 12.5rem;
	}	
	
	.home2 span {
		padding-left: var(--space-l);
	}	
	
	body .amenity-item__heading-double span {
		padding-right: var(--space-l);
		margin-right: 0;
	}	
}

@media (max-width: 1040px) {
	body .script-heading {
		font-size: 14rem;
		padding-left: var(--space-s);
	}	
}

@media (max-width: 1040px) {
	.home4, .home5 {
		font-size: 7rem;
	}
	
    .perks-wrap:before {
        height: 169px;
    }
	
    .perk-script-title {
        font-size: 8.5rem;
    }	
	
    .perk-script-title-sm {
        font-size: 7rem;
    }	
	
    .perk-sub {
        font-size: 3.5rem;
    }
	
	.intro-grid__text {
		font-size: 2.4rem;
	}	
}

@media (max-width: 992px) {
	div#brxe-tjdnem {
		max-width: 100%;
	}

    .home-title, #brxe-f2621e {
        font-size: 12rem;
    }
	
	h2#brxe-xppspz {
		font-size: 10rem;
	}	
	
	.text-link__large {
		font-size: 4rem;
	}	
	
    .insta-grid__title {
	    margin-top: 100px;
    }	

	#brxe-99bbba {
		margin-bottom: 0;
	}	
	
	.header-inner__image, #brxe-wfgdjp {
		max-width: 150px;
	}

	header.scrolling .header-inner__image {
		max-width: 190px;
	}	
	
	body .amenity-item__heading-double span {
		padding-right: var(--space-l);
		margin-right: 0;
	}

	body .amenity-item__heading {
		font-size: 9rem;
	}

	body .title-script {
		font-size: 11rem;
	}
	
	body #brxe-lnzqhp {
		padding-left: calc(var(--space-xxl) + 1rem);
	}

	body .script-heading {
		font-size: 13rem;
	}	
	
	body #brxe-lmgnyy.amenity-item__heading-double span {
		margin-right: auto;
		padding-left: 18rem;
	}	
	
	h2#brxe-jubdod {
		font-size: 13rem;
	}
	
	
	.press-top__text {
		font-size: 2.6rem;
	}

	.press-middle__right-quote {
		font-size: 3.8rem;
	}

	.press-middle__quote {
		font-size: 4.4rem;
	}

	.press-middle__quote {
		font-size: 3.6rem;
	}	
	
	.intro-video video {
	  object-fit: cover !important;
	  object-position: 70% center !important;
	}	
}

@media (max-width: 860px) {
	body .script-heading {
		font-size: 10.5rem;
	}	
}

@media (max-width: 820px) {
	body .title-script, body .partners-title {
		font-size: 10rem;
	}
}

@media (max-width: 800px) {
	.home4, .home5 {
		font-size: 6rem;
	}

    .home-title, #brxe-f2621e {
        font-size: 9.5rem;
    }	
	
	h2#brxe-xppspz {
		font-size: 8rem;
		white-space: wrap;
	}	
	
    .perks-wrap:before {
        height: 143px;
    }	
	
	.text-link__large {
		font-size: 3.5rem;
	}	
}

@media (max-width: 768px) { 
	.rooms-sidebar__item::before {
		display: none;
	}
	
	.rooms-sidebar__item.active .rooms-sidebar__text {
		color: var(--secondary);
	}
	
	.header-social {
		bottom: -2rem;
	}	

	h2#brxe-jubdod {
		font-size: 9rem;
        line-height: 0.5;
    }
	
	/*
	ul#menu-main {
		margin-top: -5rem;
	}
	*/
	
	.press-middle__right-quote {
		font-size: 3.2rem;
	}

	.press-middle__quote {
		font-size: 3.2rem;
	}

	.press-middle__quote {
		font-size: 3.2rem;
	}
	
	.press-top__title {
		font-size: 1.8rem;
	}	
}

@media (max-width: 720px) {
    #brxe-fpqkrg {
        font-size: 12rem;
    }
	
    #brxe-1a5528 {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
    }

    #brxe-6a6460,
    #brxe-883771 {
        grid-column: 1 / -1 !important;
        grid-row: auto !important;
    }

    #brxe-6a6460 {
        order: 2;
    }

    #brxe-883771 {
        order: 1;
        align-items: flex-start;
		margin-top: 35px;
    }	
	
	.home4 {
		text-align: left;
	}
	
    .intro-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
        gap: 1rem; /* optional spacing */
    }

    .intro-grid__item {
        grid-column: span 1;
        grid-row: auto;
    }

    .intro-grid__item:nth-child(3) {
        grid-column: 1 / -1;
    }	
	
	#brxe-4d3cb0 {
		padding-bottom: 0;
	}	
	
	#brxe-8ac3c5 {
		left: 0;
		right: 0;
		text-align: center;
	}
	
	body .perks-inner__logos {
		max-width: 100%;
		margin-bottom: var(--space-m);
	}
	
	div#x-offcanvas_inner-hxbyxj,
    div#x-offcanvas_inner-ypzvgs,
    .canvas-content {
		background-image: none;
	}
	
	div#brxe-ipeuxc {
		margin-top: -180px;
	}	
	
	:root {
		--header-height-bh: 100px !important;
	}	
	
	.menu .bricks-nav-menu > li > a {
		font-size: 3.5rem;
	}	
}

@media (max-width: 680px) {
    .home-title, #brxe-f2621e {
        font-size: 8.5rem;
    }
		

    .home4, .home5 {
        font-size: 4.5rem;
    }

    .perks-wrap:before {
        height: 124px;
    }
	
	.insta-grid__image-1 {
		display: none;
	}
	
	.footer-menu__wrap {
		grid-template-columns: 1fr;
		grid-template-rows: auto;
	}
	
	.text-link__large {
		font-size: 2.3rem;
	}	
	
	#brxe-3fc5fe .icon > svg {
		height: 3rem;
		width: 3rem;
	}	
	
	.footer__image {
		max-width: 200px;
	}	

	.menu-trigger,
    .header-inner__button {
		font-size: 15px !important;
		min-inline-size: auto !important;
		max-inline-size: 140px !important;
		padding-block: 10px !important;
	}	
	
	.header-inner__button span {
		display: none;
	}
	
	.header-inner {
		grid-template-columns: auto 1fr auto;
	}
	
    .header-inner__image {
        max-width: 180px;
    }
	
    header.scrolling .header-inner__image {
        max-width: 160px;
    }	
	
	body.scrolled {
		--header-height-bh: 80px;
	}
	
    body.page-id-1073 .logo-home, body.page-id-1621 .logo-home, #brxe-wfgdjp {
        max-width: 130px;
        top: -15px;
    }
	
    #brxe-wfgdjp {
        top: -26px;
    }	
	
	.perk-script-title {
		font-size: 6.5rem;
	}	
	
	#brxe-80b7e5 {
		max-width: 120px;
	}	
	
    .perk-sub {
        font-size: 3rem;
    }	
	
	#brxe-taqjpr {
		font-size: 8rem !important;
	}	
	
	body .title-script, body .partners-title {
		font-size: 9rem;
	}	
}

@media (max-width: 620px) {	
	.insta-grid__image-4 {
		display: none;
	}

	.insta-grid__image-5 {
		grid-row: 4 / 9;
		grid-column: 6 / 13;
	}
	
	.insta-grid__image-2 {
		grid-column: 7 / 12;
        grid-row: 2 / 5;		
	}	
	
	#brxe-bbaee9 {
		padding-bottom: var(--section-space-m);
	}	
}

@media (max-width: 600px) {
    #brxe-fpqkrg {
        font-size: 9rem;
    }
}

@media (max-width: 580px) {
	.intro-grid {
        grid-template-columns: 1fr;
        grid-template-rows: auto;		
	}
	
	.home-title, #brxe-f2621e {
		font-size: 6.2rem;
	}	
	
	
	#brxe-8ac3c5, #brxe-0a20b8 {
		top: 30px;
	}
	
    h2#brxe-jubdod {
        font-size: 7rem;
    }	
	
	.menu .bricks-nav-menu > li > a {
		font-size: 3.2rem;
	}	
	
    div#brxe-ipeuxc,
	.menu {
        margin-top: -100px !important;
    }
	
    #brxe-taqjpr {
        font-size: 6rem !important;
		padding-left: 0 !important;
    }	
	
    h2#brxe-jubdod {
        font-size: 7rem !important;
    }	
	
	.postid-793 .rooms-single-hero__heading {
		font-size: 3.5rem !important;
	}	
	
	.room-facts__content {
		font-size: 1.8rem !important;
	}	
	
	.page-id-809 .hero-simple__inner-title {
		font-size: calc(var(--h1) * 0.9);
	}
	
	h2#brxe-dkciut {
		font-size: 7rem;
	}	
}

@media (max-width: 560px) {
    .intro-grid {
    	grid-template-columns: 1fr;
    }

    .intro-grid__item {
    	grid-column: 1 / -1;
    }	

	.insta-grid__image-3 {
		grid-row: 3 / 6;
	}	
	
    .insta-grid__image-5 {
        grid-row: 4 / 7;
        grid-column: 6 / 13;
        padding-bottom: 0;
    }	
	
	#brxe-fyzlyx {
		padding-bottom: 0;
	}	
	
	.insta-grid {
		margin-bottom: -100px;
	}
	
    .header-inner__image {
        max-width: 130px;
        object-fit: contain;
    }	
	
    header.scrolling .header-inner__image {
        max-width: 110px;
    }	
	
	p#brxe-0a20b8 {
		max-width: 100%;
	}
	
    body.page-id-1073 .logo-home, body.page-id-1621 .logo-home {
        max-width: 120px;
        height: auto;
    }	
	
	h2#brxe-dkciut {
		font-size: 6.5rem;
	}	
	
	.contact-form .fluentform .ff-el-group {
		flex-direction: column;
	}

	.contact-form .fluentform .ff-el-form-left .ff-el-input--label {
	
	}

	.contact-form .fluentform .ff-el-form-control {
		margin-bottom: var(--space-s);
	}
	
	.contact-form .ff-el-form-check.ff-el-form-check- span {
		font-size: 1.7rem !important;
	}
	
	.contact-form[data-x-fluent-form*=smartUI] input[type="checkbox"] {
		width: 20px !important;
		height: 20px;
		margin-top: -2px;
	}	
}

@media (max-width: 540px) {
    #brxe-taqjpr {
        font-size: 4.8rem !important;
    }
	
	.rooms-single-hero__heading {
		font-size: 4rem !important;
	}		
	
    h2#brxe-jubdod {
        font-size: 6.5rem !important;
    }	
	
	body #brxe-lmgnyy.amenity-item__heading-double span {
		padding-left: 13rem;
	}	
	
	body .amenity-item__heading {
		font-size: 7.5rem;
	}	
	
    #brxe-uvyqnk {
        grid-template-columns: var(--grid-1);
    }		
	
	.explore-card__title {
		font-size: var(--h3) !important;
	}
	
    .explore-modal__desc {
        font-size: 1.8rem !important;
    }	
	
	body.page-id-2386 .title-script, body .partners-title {
		font-size: 7rem;
	}	
}

@media (max-width: 480px) {
    #brxe-fpqkrg {
        font-size: 6.8rem;
    }
	
	.home-title, #brxe-f2621e {
		font-size: 5.6rem;
		padding-left: 0;
		text-align: left;
	}
	
	h2#brxe-xppspz {
		padding-left: 0;
		text-align: left;		
	}	
	
	#brxe-314414 {
		font-size: 6.3rem;
	}
	
    .home4, .home5 {
        font-size: 4.2rem;
    }	
	
	.footer__image {
		max-width: 180px;
	}	
	
	.header__logo-wrapper {
		margin-top: 0;
	}	
	
	.footer-row,
    .footer__logo-wrapper,
    #brxe-alcghb {
		justify-content: center;
		text-align: center;
		align-items: center;
	}	
	
	.footer__link {
		font-size: 16px;
	}
	
    #brxe-taqjpr {
        font-size: 4.2rem !important;
    }	

    #brxe-fpqkrg {
        font-size: 6.5rem;
    }
	
	.home-title, #brxe-f2621e {
		font-size: 5.6rem;
		padding-left: 0;
		text-align: left;
	}
	
	#brxe-314414 {
		font-size: 6rem;
	}
	
    .home4, .home5 {
        font-size: 4rem;
    }	
	
	h1#brxe-xzkjwn {
		font-size: 9rem;
	}
	
	h2#brxe-vbnufr {
		font-size: 6.8rem;
	}	
}



/******** MAX HEIGHT *********/

@media (max-height: 1080px) {
	.menu .bricks-nav-menu > li > a {
		font-size: 3.2rem;
	}
}

@media (max-height: 960px) {
	#brxe-wfgdjp {
		max-width: 160px;
	}
}


@media (max-height: 800px) {
	.header__logo, .logo-home {
		max-width: 160px;
	}

	.menu .bricks-nav-menu > li > a {
		font-size: 2.8rem;
	}
}

@media (max-height: 768px) {

}