@charset "utf-8";
/* CSS Document */

/******************************

[Table of Contents]

1. 1600px
2. 1440px
3. 1280px
4. 1199px
5. 1024px
6. 991px
7. 959px
8. 880px
9. 768px
10. 767px
11. 539px
12. 479px
13. 400px

******************************/

/************
1. 1600px
************/
@media only screen and (max-width: 1600px) { }

/************
2. 1440px
************/
@media only screen and (max-width: 1440px) {
	.header_review{display: none;}
	.home_slider_dots{left: 80px;}
	.header_inner {padding-left: 100px;}
}

/************
3. 1380px
************/
@media only screen and (max-width: 1380px) {
	.big_room_text p {
		-webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	    -webkit-column-gap: 0px;
	    -moz-column-gap: 0px;
	    column-gap: 0px;
	}
}

/************
3. 1280px
************/
@media only screen and (max-width: 1280px) {
	.header_inner {padding-left: 268px;}
	.main_nav ul li {
		padding-left: 25px;
		padding-right: 25px;
	}
	.home_title {font-size: 72px;}
}

/************
4. 1199px
************/
@media only screen and (max-width: 1199px) {
	.header_button{display: none;}
	.header_inner {padding-left: 220px;}
	.intro_2 {right: 58px;}
	.big_room_text p {
		-webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
	    -webkit-column-gap: 50px;
	    -moz-column-gap: 50px;
	    column-gap: 50px;
	}
	.big_room_slider_container {height: 750px;}
	.footer_menu ul li:not(:last-child) {margin-right: 25px;}
}

/************
4. 1100px
************/
@media only screen and (max-width: 1100px) { }

/************
5. 1024px
************/
@media only screen and (max-width: 1024px) { }

/************
6. 991px
************/
@media only screen and (max-width: 991px) {
	.main_nav{display: none;}
	.hamburger{display: block;}
	.home_slider_dots {left: 30px;}
	.search_bar_container {
		height: auto;
		width: 100%;
		left: auto;
	}
	.search_bar_form > div:not(:last-child) {
		padding-right: 0px;
		padding-bottom: 17px;
	}
	.search_bar_form > div:first-child,
	.search_bar_form > div:nth-child(2),
	.search_bar_form > div:nth-child(3) {
		width: 100%;
	}
	.intro_col:not(:last-child) {margin-bottom: 80px;}
	.intro_2{right: 98px;}
	.room_col:not(:last-child) {margin-bottom: 80px;}
	.footer_col:not(:last-child) {margin-bottom: 60px;}
}

/************
7. 959px
************/
@media only screen and (max-width: 959px) { }

/************
8. 880px
************/
@media only screen and (max-width: 880px) { }

/************
9. 768px
************/
@media only screen and (max-width: 768px) {
	.intro_2 {right: 58px;}
}

/************
10. 767px
************/
@media only screen and (max-width: 767px) {
	.home_title {font-size: 56px;}
	.intro_images {height: 528px;}
	.intro_img {width: 60%;}
	.big_room_content {
		padding-left: 60px;
	    padding-top: 133px;
	    padding-right: 60px;
	    padding-bottom: 119px;
	}
	.big_room_text p {
		-webkit-column-count: 1;
	    -moz-column-count: 1;
	    column-count: 1;
	    -webkit-column-gap: 0px;
	    -moz-column-gap: 0px;
	    column-gap: 0px;
	}
	
	.home.inner .home_subtitle {font-size: 12px; line-height: 1;}
	.home.inner .home_title {font-size: 36px;}
	.roomsPage .rooms .room_col { margin-bottom: 80px;}
	.roomsDetailsPage .room_details_info_container { padding-top: 40px; padding-bottom: 70px;}
	.footer {padding-top: 60px;}
	.footer_logo_container {text-align: center;}
	.aboutPage .intro {padding-bottom: 50px;}
	
	.diningPage .rooms {padding-bottom: 50px; padding-top: 60px;}
	
	.menuQrWrap {width: 90px;}
	.diningPage .big_room_slider_container {padding: 0 40px;}
	.diningPage .big_room_slider_nav_container .big_room_slider_nav {width: 34px; height: 34px;}
	.diningPage .big_room_slider_nav_container .big_room_slider_nav i {line-height: 34px;}
}

/************
11. 575px
************/
@media only screen and (max-width: 575px) {
	p {font-size: 13px;}
	h2 {font-size: 36px;}
	.button {width: 160px; height: 44px;}
	.button span {
		font-size: 12px;
		line-height: 44px;
	}
	.button span::after{bottom: 0px;}
	.home{height: 100vh;}
	
	.search_form_select {
		height: 45px;
		font-size: 12px;
	}
	.search_bar_button {
		width: 196px;
		height: 45px;
		font-size: 14px;
	}
	.home_slider_dots {display: none !important;}
	.home_title {font-size: 48px;}
	.header_inner {height: 80px;}
	.header.scrolled .header_inner {height: 80px;}
	.logo_container {width: 165px;}
	.logo {width: 90px;}
	.menu_nav_list li a {font-size: 36px;}
	.intro_images {height: calc(100vw - 70px);}
	.intro_img {width: 60%;}
	.intro_link a {font-size: 14px;}
	.big_room_content {
		padding-left: 30px;
		padding-top: 103px;
		padding-right: 30px;
		padding-bottom: 89px;
	}
	.big_room_slider_container {height: 450px;}
	.big_room_slider_nav_container {display: none !important;}
	
	.home.inner { height: 250px;}
	.home.inner .home_content { bottom: 58px;}

	.home.inner .parallax-window {min-height: 250px;}
	
	.diningPage .big_room_slider_nav_container {display: block !important;}
}

/************
11. 539px
************/
@media only screen and (max-width: 539px) { }

/************
12. 480px
************/
@media only screen and (max-width: 480px) { }

/************
13. 479px
************/
@media only screen and (max-width: 479px) { }

/************
14. 400px
************/
@media only screen and (max-width: 400px) { 
	.footer_menu ul li:not(:last-child) { margin-right: 12px;}
}
