/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1600px){
	.container{
		max-width: 1470px;
	}
}
@media (min-width: 1366px) and (max-width: 1599.98px){
	html{
		font-size: 55%;
	}
	.container{
		max-width: 1300px;
	}
}
@media (min-width: 1200px) and (max-width: 1365.98px){
	html{
		font-size: 50%;
	}
	.container{
		max-width: 1170px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	html{
		font-size: 40%;
	}
	.container{
		max-width: 960px;
	}
}
@media (max-width: 991.98px) {
	html{
		font-size: 60%;
	}
	.off_menu{
		position: fixed;
		top: 0;
		height: 100dvh;
		width: 100%;
		left: -100%;
		background-color: var(--theme);
		z-index: -1;
		-webkit-transition: 0.3s;
		-o-transition: 0.3s;
		transition: 0.3s;
		overflow: auto;
		padding-top: 14rem;
		padding-bottom: 2rem;
		display: block;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
		padding-right: calc((100% - 720px) / 2 + 1.5rem);
		padding-left: calc((100% - 720px) / 2 + 1.5rem);
	}
	header .button{
		border-color: var(--white);
		font-size: 2rem;
	}
	.off_menu.current{
		left: 0;
	}
	.hamburger-menu {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
	}
	.menu{
		display: block;
	}
	.menu>ul{
		display: block;
		margin-bottom: 3rem;
	}
	.menu>ul>li{
        padding: 3rem 0rem !important;
        border-bottom: 0.1rem solid rgba(255, 255, 255, 0.4);
	}
	.menu>ul>li.dropdown_wrap>ul {
		background-color: transparent;
		padding-bottom: 0;
	}
	.menu>ul>li.dropdown_wrap:hover {
	    background-color: transparent;
	}
	.menu>ul>li>a {
	    font-size: 2.2rem;
	    -webkit-box-pack: justify;
	        -ms-flex-pack: justify;
	            justify-content: space-between;
	    display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	}
	.menu>ul>li.dropdown_wrap{
		padding-left: 0;
		padding-right: 0;
		-webkit-box-shadow: none !important;
		        box-shadow: none !important;
	}
	.menu>ul>li.dropdown_wrap>ul,
	.mega_wrapper {
		margin-top: 2rem;
	    -webkit-transition: none;
	    -o-transition: none;
	    transition: none;
	    opacity: 1;
	    pointer-events: all;
	    width: 100%;
	    display: none;
	    position: relative;
	    top: auto;
	    left: 0%;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	.menu>ul>li.dropdown_wrap>ul>li>a,
	.mega_wrapper ul li a{
		font-size: 2.2rem;
		color: #fff;
	}
	.menu>ul>li.dropdown_wrap:hover>a {
	    color: var(--white) !important;
	}
	.menu>ul>li.dropdown_wrap>ul>li>a:hover,
	.menu>ul>li.dropdown_wrap>ul>li.active>a{
		color: var(--white);
	}
	.right_menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		-webkit-column-gap: 4rem;
		   -moz-column-gap: 4rem;
		        column-gap: 4rem;
	}

	h1 {
	    font-size: 7rem;
	}
	h2 {
	    font-size: 5rem;
	}
	.mb_50 {
	    margin-bottom: 4rem;
	}
	.gap_50 {
	    --bs-gutter-x: 3rem;
	    --bs-gutter-y: 3rem;
	}
	.exp_slider{
		max-width: 100%;
	}
	.experience_content {
	    padding: 4rem 4rem;
	}
	.search-bar{
		-webkit-box-pack: start;
		    -ms-flex-pack: start;
		        justify-content: flex-start;
	}
	.search-item{
		width: calc(50% - 1rem);
		max-width: 100%;
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 calc(50% - 1rem);
		        flex: 0 0 calc(50% - 1rem);
	}
	.join_wrap{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-webkit-column-gap: 5rem;
		   -moz-column-gap: 5rem;
		        column-gap: 5rem;
		row-gap: 3rem;
	}
	.footer_bottom{
		text-align: center;
		font-size: 1.6rem;
		padding-top: 6rem;
	}
	.footer_bottom ul{
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-bottom: 1.5rem;
	}
	.business_area {
	    padding: 7rem 0;
	}
	.pb_100{
		padding-bottom: 7rem;
	}
	.pt_100{
		padding-top: 7rem;
	}
	.about_home .home_content h1,
	.juicy_title h2 {
	    font-size: 7rem;
	}
	.about_home .home_content p,
	.about_card p{
		font-size: 2.6rem;
	}
	.about_img_wrap{
		padding-right: 0;
	}
	.about_card {
	    max-width: 100%;
	    position: relative;
	    bottom: auto;
	    margin-top: 3rem;
	}
	.cta_area {
	    padding: 10rem 0;
	}
	.partner_home {
	    padding-top: 14rem;
	}
	.partner_content p{
		max-width: 100%;
	}
	.partner_content {
	    min-height: 100%;
	    padding: 0rem 0 7rem;
	}
	.partner_item p{
		max-width: 100%;
	}
	.juicy_box p{
		max-width: 100%;
	}
	.juicy_box{
		padding-bottom: 1rem;
	}
	.mt_sm_0 {
		margin-top: 0;
	}
	.room_item{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding-bottom: 2rem;
	}
	.room_img{
		width: 100%;
	}
}

/*Medium devices (tablets, 767px and down)*/
@media (max-width: 767.98px) {
	html{
		font-size: 43%;
	}
	.menu_wrapper{
		padding-right: calc((100% - 540px) / 2 + 15px);
		padding-left: calc((100% - 540px) / 2 + 15px);
	}
}

/*Small devices (landscape phones, 575px and down)*/
@media (max-width: 575.98px) {
	html{
		font-size: 2.34vw;
	}
	body{
		font-size: 2rem;
	}
	.container,
	.off_menu{
		padding-left: 2rem;
		padding-right: 2rem;
	}
	.button_wrapper{
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		row-gap: 2rem;
	}
	.search-item {
	    width: 100%;
	    -webkit-box-flex: 0;
	        -ms-flex: 0 0 100%;
	            flex: 0 0 100%;
	}
	h1{
		font-size: 5.2rem;
	}
	h2 {
	    font-size: 4rem;
	    text-wrap: balance;
	}
	h3{
		font-size: 3.2rem;
	}
	h4 {
	    font-size: 2.8rem;
	}
	h5 {
	    font-size:2.6rem;
	}
	.search-bar {
	    padding: 2.5rem 2.5rem;
	}
	.hotel_card {
	    border-radius: 1.5rem;
	}
	.hotel_content {
	    padding: 2rem;
	}
	.hotel_icon {
	    height: 7rem;
	}
	.title_badge {
	    padding: 0.8rem 2rem;
	}
	.hotel_content p{
		font-size: 2rem;
	}
	.experience_content ul{
		-webkit-column-count: 1;
		   -moz-column-count: 1;
		        column-count: 1;
	}
	.experience_content ul li {
	    font-size: 1.8rem;
	    padding: 0.7rem 0;
	}
	.experience_content {
	    padding: 3rem 3rem 4rem;
	}
	.business_area p {
	    font-size: 2rem;
	}
	.join_wrap {
	    -webkit-column-gap: 3rem;
	       -moz-column-gap: 3rem;
	            column-gap: 3rem;
	}
	.join_item {
	    width: calc(50% - 1.5rem);
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	    text-align: center;
	    row-gap: 1.5rem;
	}
	footer{
		text-align: center;
	}
	.footer_bottom p span{
		display: block;
	}
	.footer_logo {
	    max-width: 12rem;
	    margin-left: auto;
	    margin-right: auto;
	}
	.home_area {
	    min-height: 65rem;
	}
	.about_home .home_content h1,
	.juicy_title h2 {
		font-size: 4rem;
	}
	.about_home .home_content p, .about_card p{
		font-size: 2rem;
	}
	.about_card {
	    padding: 2.5rem;
	}
	.brand_card {
	    height: 32rem;
	}
	.brand_content img {
	    height: 12rem;
	}
	.pt_80{
		padding-top: 7rem;
	}
	.pb_80{
		padding-bottom: 7rem;
	}
	.cta_area {
	    padding: 7rem 0;
	}
	.cta_area h2{
		font-size: 3.4rem;
		margin-top: 1rem;
	}
	.partner_content p{
		font-size: 2rem;
	}
	.partner_item p{
		margin-top: 1rem;
	}
	.who_box {
	    padding: 2.5rem;
	}
	.juicy_title p,
	.juicy_box p{
		font-size: 2rem;
		text-align: center;
	}
	.juicy_box {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	        -ms-flex-direction: column;
	            flex-direction: column;
	    -webkit-box-align: center;
	        -ms-flex-align: center;
	            align-items: center;
	    text-align: center;
	    row-gap: 2rem;
	}
	.juicy_icon {
	    width: 8rem;
	}
	.contact_title p{
		font-size: 2rem;
	}
	.reward_content p {
		font-size: 2rem;
	}
	.hotel_logo_wrap>img {
	    height: 4.5rem;
	}
	.tab_link{
		display: none;
	}
	.amenities ul{
		-webkit-column-count: 1;
		   -moz-column-count: 1;
		        column-count: 1;
	}
	.amenities ul li {
	    padding: 0.5rem 0;
	}
}