@media (max-width: 1899px) {
	#MainNav a{
		font-size: 1rem;
	}
	#nav_function .btn-main{
		padding: 0.3rem 2rem;
		font-size: 1rem;
		border-radius: 2rem;
	}
	.filterbox .boxbtn{
		left: 9.5%;
	}
	.story_sec2 > .info h3{
		font-size: 2.5rem;
	}
	.story_sec2 > .info p{
		font-size: 1.2rem;
	}
	.m_inner .m_dasboard .L{
		width: 250px;
	}
	.m_inner .m_dasboard .R {
	    padding: 30px 40px;
	    width: calc(100% - 250px);
	}
	.m_inner .m_box .m_right{
		padding-left: 50px;
		padding-top: 50px;
	}
	.m_inner .m_box .m_right > h1{
		font-size: 2rem;
	}
	.m_inner .m_box .m_left .m_fixmenu{
		padding: 60px 27px;
		padding-bottom: 130px;
		clip-path: polygon(100% 100%, 100% 0%,0% 0%, 0% 80%);
	}
	.m_inner .m_dasboard .sec1 .birthday .date{
		font-size: 3.5rem;
	}
	.m_inner .m_dasboard .sec1 .birthday .month {
	    line-height: 1.5rem;
	}
	.m_room_booking{
		padding-top: 220px;
	}
	.m_room_booking .room_filter{
		padding-top: 40px;
		padding-bottom: 20px;
	}
}
@media (max-width: 1600px) {
	.zone_info .desc{
		font-size: 1.5rem;
	}
	.isPhoto .zone_info .zicon > img,
	.zone_info .zicon > img{
		width: 200px;
	}
	.isPhoto .zone_info .zicon{
		top: -150px;
	}
	.blogs_layout{
		padding-bottom: 50px;
	}
	.blogs_layout .view_details{
		padding: 50px 0;
		padding-bottom: 0;
	}
	.blog_lists{
		padding: 70px 0;
	}
}
@media (max-width: 1440px) {
	.m_inner .m_dasboard .L{
		width: 200px;
	}
	.m_inner .m_dasboard .R {
	    padding: 30px 40px;
	    width: calc(100% - 200px);
	}
	.m_inner .m_dasboard .sec3 .col,
	.m_inner .m_dasboard .sec1 .info .col{
		min-width: 50%;
		max-width: 50%;
		margin-bottom: 15px;
		text-align: left;
	}
	.m_inner .m_box .m_right{
		padding-left: 30px;
		padding-top: 30px;
	}
	.m_inner .m_dasboard .sec3{
		padding-bottom: 0;
	}
	.m_inner .m_box .m_left .m_fixmenu {
	    padding: 30px 20px;
	    padding-bottom: 100px;
	    clip-path: polygon(100% 100%, 100% 0%,0% 0%, 0% 75%);
	    min-height: 250px;
	}
	.m_inner .m_box .m_left .m_fixmenu img{
		width: 20px;
	}
	.m_inner .m_right .card table th{
		font-size: 1rem;
		white-space: nowrap
	}
	.m_inner .m_right .card table.table>:not(caption)>*>*{
		font-size: 0.9rem;
	}
	.m_inner .m_right .card table .badge{
		font-size: 0.85rem;
	}
	.m_inner .m_right > .card table h5{
		font-size: 1rem;
	}
	.m_inner .m_right .card .card-title{
		font-size: 1.3rem;
		text-align: center;
		margin-bottom: 30px;
		padding-top: 5px;
	}
	.m_inner .m_box .m_left{
		padding-left: 40px;
		padding-right: 40px;
	}
	.m_inner .m_right > .card .card-body{
	    padding: 0;
	}
	.room_booking_info .main_info > .roominfo{
		max-width: 300px;
		min-width: 300px;
	}
	.room_booking_info .main_info > .info {
	    min-width: calc(100% - 300px);
	    max-width: calc(100% - 300px);
	    padding-left: 20px;
	}
	.room_booking_info .card .view_info .adult{
		font-size: 1rem;
	}
	.bill_info .room_info .view_info .date_info > .rows{
		font-size: 1rem;
	}
	ul.meeting_rooms > li.meeting_rows > .ms .mSeeMore,
	ul.meeting_rooms > li.meeting_rows > .ms .mDesc {
	    font-size: 1.3vw;
	    padding-top: 2vw;
	}
	ul.meeting_rooms > li.meeting_rows > .ms .mTitle .mSeating{
		font-size: 1.2vw;
	}
	.meeting_reviews{
		padding-top: 7vw;
	}
	.meeting_reviews .rTititle h3{
	    font-size: 4vw;
	}
	.meeting_reviews .rTititle .desc{
	    font-size: 2vw;
	}
	.meeting_form{
		padding: 100px 0;
	}
	.meeting_form form h2{
		font-size: 2rem;
	}
	.meeting_form form{
		padding: 0 15px;
	}
}
@media (max-width: 1399px) {
	#main_menu{
		padding-top: 0;
	}
	.navbar-brand{
		margin-top: 10px;
	}
	#nav_function{
		top: 15px;
	}
	.filterbox .boxbtn{
		left: 3.1%;
	}
	.roomicon a{
		max-width: 150px;
	}
	.roomicon a .name{
		font-size: 1.2rem;
	}
	.waterinfo{
		padding-top: 100px;
	}
	.waterhtml > h2{
		font-size: 3rem;
	}
	.waterhtml > p{
		font-size: 1.2rem;
	}
	.ticketslide{
		margin-top: 100px;
	}
	.ticketslide .info{
		flex-wrap: wrap;
	}
	.ticketslide .info .name{
		font-size: 1.2rem;
		min-width: 100%;
		margin-bottom: 15px;
	}
	.m_water .view_details .info .price::before, .ticketslide .info .price::before{
		font-size: 1rem;
	}
	.m_water .view_details .info .price, .ticketslide .info .price{
		font-size: 1.4rem;
	}
	.ticketslide .info .btn{
		font-size: 1rem;
		padding: 5px 10px;
	}
	.waterinfo{
		padding-top: 50px;
		padding-bottom: 100px;
	}
	.ticketslide .slick-slide{
		padding-left: 15px;
		padding-right: 15px;
	}
	.offerinfo .info{
		padding: 30px 20px;
	}
	.offerinfo .info h2{
		font-size: 2rem;
	}
	.offerinfo .info p{
		font-size: 1.2rem;
	}
	.career_info > .container .info{
		padding-left: 70px;
	}
	.room_booking_info .sub_room > ul > li h3{
		font-size: 1.5rem;
	}
	.m_room_booking{
		padding-top: 200px;
	}
	.room_filter .filterbox .datebox .checkdate input{
		font-size: 1rem;
		text-align: left;
		padding-left: 0;
	}
	.room_filter .filterbox .datebox .checkdate{
		width: 185px;
	}
	.m_room_booking .room_filter .filterbox{
		padding-bottom: 20px;
	}
	.ticketbox .tLeft .img{
		width: 150px;
	}
	.photoslide .slick-prev,
	.photoslide .slick-next{
		display: none!important;
	}
	ul.meeting_rooms > li.meeting_rows > .img{
	    min-width: 45%;
	    max-width: 45%;
	}
	ul.meeting_rooms > li.meeting_rows > .ms{
		min-width: 55%;
	    max-width: 55%;
	}
	ul.meeting_rooms > li.meeting_rows > .ms .mTitle h3{
		font-size: 3vw;
	}
	ul.meeting_rooms > li.meeting_rows > .ms .mTitle .mSeating{
		font-size: 1.8vw;
	}
	ul.meeting_rooms > li.meeting_rows > .ms .mSeeMore, ul.meeting_rooms > li.meeting_rows > .ms .mDesc{
		font-size: 1.5vw;
	}
}
@media (max-width: 1199px) {
	#main_menu > .container{
		max-width: calc(100% - 30px);
	}
	#MainNav a.nav-link{
		padding-left: 10px;
		padding-right: 10px;
	}
	.footermenu .col2{
	    max-width: 600px;
	    min-width: 600px;
	}
	.filterbox .boxbtn{
		bottom: calc(100% + 46px)
	}
	.room_filter .filterbox .datebox .checkdate{
		padding-left: 10px;
	}
	.room_filter .filterbox .datebox .checkdate label{
		font-size: 13px;
	}
	.room_filter .filterbox .datebox .checkdate input{
		font-size: 1rem;
		width: 100px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.room_filter .filterbox .selectbox select{
		padding-left: 10px;
		padding-right: 10px;
	}
	.room_filter .filterbox .datebox .checkdate .title, .room_filter .filterbox .datebox .checkdate .count{
		font-size: 1rem;
	}
	.roomicon a{
		max-width: 120px;
	}
	.roomicon a .name{
		font-size: 1.2rem;
	}
	.headtitle .polygon h1{
		font-size: 2.5rem;
	}
	.story_sec1{
		padding: 60px 0;
	}
	.story_sec1 > .container{
		max-width: calc(100% - 30px);
	} 
	.story_sec1 .sec1 h3{
		font-size: 2.8rem;
	}
	.story_sec2 > .info{
		padding: 0 30px;
	}
	.rooms_info{
		padding: 50px 0;
	}
	.rooms_header{
		padding-top: 50px;
		padding-bottom: 130px;
	}
	.rooms_header h1{
		font-size: 2rem;
	}
	.rooms_header p{
		font-size: 1rem;
	}
	.roomsinfo .img{
		height: 50vw;
	}
	.roomsinfo .info h3{
		font-size: 2.5vw;
		padding: 4vw 3vw;
	}
	.offerinfo .info{
		padding: 30px 20px;
	}
	.offerinfo .info h2{
		font-size: 1.6rem;
	}
	.offerinfo .info p{
		font-size: 1rem;
	}
	.news_layout{
		padding: 80px 0;
	}
	.offerinfo .info .btn{
		font-size: 1rem;
	}
	ul.newslists{
		grid-gap: 30px;
	}
	ul.newslists > li{
		max-width: 100%;
		min-width: 100%;
	}
	.contactform{
		padding-top: 50px;
	}
	.contactinfo .info h2{
		font-size: 3rem;
	}
	.contactinfo .info h3{
		font-size: 1.4rem;
	}
	.contactinfo .info .icon{
		font-size: 1.1rem;
	}
	.form_contact{
		padding-top: 70px;
	}
	.contactinfo .info{
		padding-right: 0;
	}
	.career_info > .container .info{
		padding-left: 40px;
		padding-top: 0px;
	}
	.career_info > .container .info h2{
		font-size: 2.5rem;
	}
	.career_info{
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.careerform{
		padding: 80px 0;
	}
	.careerform .formcareer > h2{
		font-size: 3rem;
		margin-bottom: 30px;
	}
	.m_inner .m_dasboard .sec2 .name{
		font-size: 1.4rem;
	}
	.m_inner .m_dasboard .sec2 .desc{
		font-size: 1rem;
	}
	.m_inner .m_dasboard{
		flex-wrap: wrap;
	}
	.m_inner .m_dasboard .L,
	.m_inner .m_dasboard .R{
		min-width: 100%;
		max-width: 100%;
	}
	.m_inner .m_dasboard .L .img{
		width: 300px;
		height: 300px;
	}
	.m_inner .m_box .m_right a.h5{
		font-size: 1rem;
	}
	.m_inner .m_box .m_right #table_course .img{
		width: 80px;
	}
	.room_booking_info .main_info > .roominfo{
		max-width: 230px;
		min-width: 230px;
	}
	.room_booking_info .main_info > .info{
		min-width: calc(100% - 230px);
    	max-width: calc(100% - 230px);
	}
	.room_booking_info .sub_room > ul > li .col a.btn {
	    font-size: 1.3rem;
	    padding: 5px 20px;
	}
	.room_booking_info .sub_room > ul > li .col.r_info{
		min-width: 40%;
		max-width: 40%;
	}
	.room_booking_info .sub_room > ul > li .col:not(.r_info) {
	    min-width: 13%;
	    max-width: 13%;
	}
	.room_booking_info .sub_room > ul > li .col.r_price{
		min-width: 17%;
		max-width: 17%;
	}
	.room_booking_info .sub_room > ul > li .col.r_cordition{
		min-width: 15%;
		max-width: 15%;
	}
	.rooms_info .roomdesc > h2{
		font-size: 2.5rem;
		margin-bottom: 15px;
	}
	.m_room .photoslide{
		margin-bottom: 0;
	}
	.room_photobox{
		top: 0;
		margin-bottom: 0;
	}
	.room_footer{
		padding: 50px 0;
		font-size: 1.2rem;
	}
	.room_booking_info .main_info > .roominfo > .img{
		height: auto;
	}
	.room_booking_info .faclists > li > .img > img{
		height: 50px;
	}
	.room_booking_info .option_box{
		font-size: 1rem;
	}
	.room_booking_info .room_title{
	    font-size: 1.5rem;
	}
	.room_booking_info .main_info > .info .btn{
		font-size: 1rem;
		padding: 5px 20px;
	}
	.bill_info .room_info .view_info h3{
		font-size: 1.3rem;
	}
	.bill_info .room_info .view_info .date_info > .rows,
	.bill_info .room_info .view_info .adult{
		font-size: 1rem;
	}
	.bill_info .room_info .view_info .date_info > .rows.head{
		font-size: 1.1rem;
	}
	.bill_info .room_info .view_info .date_info > .rows.sum{
		font-size: 1.2rem;
	}
	.bill_info .sumtotal .price_sum{
		font-size: 1.3rem;
	}
	.bill_info .sumtotal .subinfo.totalinfo{
		font-size: 1.5rem;
	}
	.cart_ticket_info .summary .suminfo{
		padding: 20px 30px;
	}
	.ticketbox .tSum{
		min-width: 300px;
    	max-width: 300px;
	}
	.ticketbox .tLeft {
	}
	.ticketbox table{
		font-size: 1.2rem;
	}
	.cart_ticket_info .subinfo{
		font-size: 1rem;
	}
	.cart_ticket_info .subinfo.totalinfo .right,
	.cart_ticket_info .subinfo.totalinfo{
		font-size: 1.1rem;
	}
	.btn-big{
		font-size: 1.3rem;
	}
	.bookstep{
		margin-bottom: 20px;
	}
	.booking_sums > .discount{
		max-width: 300px;
		min-width: 300px;
	}
	.booking_sums > .discount #checkDiscountWater,
	.booking_sums > .discount #checkDiscount{
		font-size: 1.2rem;
	}
	.booking_sums .book_sumtotal{
		padding-left: 0;
	}
	.meeting_event{
		padding: 100px 0;
	}
	.meeting_event .mTitle h2{
		font-size: 3rem;
	}
	.eventSlode .sec:hover a.img > span{
		font-size: 1rem;
	}
	.RoomInfos .rDesc > li .rLeft,
	.RoomInfos .rDesc > li .rRight {
	    min-width: 50%;
	    max-width: 50%;
	}
	.RoomInfos .col-md-7{
		padding-left: 15px;
	}
	.blogs_layout .view_details > h2{
		font-size: 2rem;
	}
	.blog_lists{
		padding: 50px 0;
	}
	ul.blogslists > li .img{
		height: 260px;	
	}
}
@media (max-width: 1023px) {
	.story_sec2 > .info h3{
		font-size: 2rem;
	}
	.story_sec2 > .info p{
		font-size: 1rem;
	}
	.story_sec1 .sec1 h3{
		font-size: 2.3rem;
	}
	.story_sec1 h4{
		font-size: 1.5rem;
	}
	.story_sec1 p{
		font-size: 1rem;
	}
	.isPhoto .zone_info .zicon,
	.zone_info .zicon{
		top: 0;
		margin-top: -20px;
	}
	.zone_info .desc{
		font-size: 1.2rem;
	}
	.zone_info{
		padding: 50px;
		min-height: 270px;
	}
	.m_room_booking{
		padding-top: 200px;
	}
	.m_room_booking .room_filter{
		padding-top: 30px;
	}
	.room_booking_info{
		padding: 30px 0;
	}
	.ticket_info table{
		font-size: 1rem;
	}
	.meeting_buffet .ms{
		max-width: 35%;
		min-width: 35%;
		font-size: 1.8vw;
	}
	.meeting_buffet .ms h3{
		font-size: 3vw;
	}
	.meeting_buffet .img{
		max-width: 65%;
		min-width: 65%;
	}
}
@media (max-width: 991px) {
	#MainNav .submenu{
		background: rgb(0 161 163);
	}
	#MainNav .submenu::before{
		display: none;
	}
	#MainNav .submenu a.dropdown-item{
		text-align: right;
	}
	body.front_layout{
		padding-top: 85px;
		background: #0f9596;
	}
	.navbar-toggler{
		margin-top: 5px;
	}
	#main_menu{
		background: #0f9596;
		z-index: 99;
		position: fixed;
	}
	#main_menu > .container{
		display: flex;
		max-width: 100%;
	}
	#nav_function{
		display: flex;
		gap: 15px;
		align-items: center;
		justify-content: center;
	}
	.langbox{
		margin-bottom: 0;
	}
	.navbar-brand{
		margin: 0;
		margin-bottom: 5px;
		padding-left: 10px;
	}
	.navbar-brand img{
		height: 70px;
	}
	.menucenter{
		align-items: flex-start;
		min-width: initial;
	}
	#nav_function{
		position: initial;
	}
	#MainNav{
		display: block;
		position: fixed;
		right: 0;
		top: 85px;
		background: hsl(180deg 82% 32% / 90%);
		width: 0;
		max-width: 425px;
		overflow-x: auto;
		height: calc(100% - 85px);
		-webkit-transition: all .6s ease;
		   -moz-transition: all .6s ease;
		    -ms-transition: all .6s ease;
		     -o-transition: all .6s ease;
		        transition: all .6s ease;
	}
	#MainNav ul.navbar-nav{
		padding: 30px 30px;
		padding-bottom: 100px;
	}
	#MainNav a.nav-link{
		text-align: right;
		font-size: 1.2rem;
		white-space: nowrap;
	}
	#MainNav.open{
		width: 100%;
		display: block;
	}
	footer .footermenu{
		flex-wrap: wrap;
		padding-bottom: 30px;
		padding-top: 40px;
	}
	.footermenu .col1,
	.footermenu .col2{
		max-width: 100%;
		min-width: 100%;
	}
	.footermenu .col1{
		display: flex;
	}
	footer .footermenu .col1 .desc{
		padding-left: 30px;
	}
	.room_filter{
		background: #0f9596;
	}
	.room_filter .filterbox{
		position: initial;
		padding-top: 60px;
	}
	.room_filter::before,
	.room_filter::after,
	.filterbox::before{
		display: none;
	}
	.filterbox .boxbtn{
		bottom: 100%;
		-webkit-transform: none;
		   -moz-transform: none;
		    -ms-transform: none;
		     -o-transform: none;
		        transform: none;
	}
	.room_filter .container{
		max-width: 100%;
	}
	.room_filter .filterbox{
		flex-wrap: wrap;
	}
	.filterbox .boxbtn .btn{
		font-size: 1rem;
	}
	.filterbox .boxbtn{
		left: 0;
		right: 0;
		margin: auto;
		width: 300px;
		justify-content: center;
	}
	.room_filter .filterbox .datebox .checkdate input{
		text-align: left;
	}
	.room_filter .filterbox .datebox .checkdate .count{
		font-size: 14px;
	}
	.roomicon a{
		max-width: 18vw;
	}
	.roomicon a .name{
		font-size: 2.5vw;
	}
	.story_sec1 .img{
		margin-right: 30px;
	}
	.story_sec1 .sec2{
		padding-top: 30px;
	}
	.story_sec1 .img{
		width: 35%;
	}
	.story_sec2{
		flex-wrap: wrap;
	}
	.story_sec2 > .img{
		max-width: 100%;
	}
	.story_sec2 > .info{
		padding: 5vw 6vw;
	}
	.headtitle::before,
	.headtitle::after,
	.headtitle .polygon::before{
		display: none;
	}
	.headtitle .container{
		max-width: 100%;
	}
	.headtitle .polygon{
		background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(15 149 150 / 80%) 100%);
	}
	.rooms_info{
		padding-top: 40px;
	}
	.rooms_info .roomdesc{
		padding-bottom: 20px;
	}
	.rooms_info .roomdesc > h2{
		font-size: 2.2rem;
		margin-bottom: 15px;
	}
	.rooms_info .roomdesc > p{
		font-size: 1.1rem;
	}
	.rooms_info .roomfac > h4{
		font-size: 2rem;
	}
	.rooms_info .roomfac > ul.faclists{
		font-size: 1rem;
	}
	.slideinfo.style1 .info .desc{
		padding-left: 3vw;
	}
	.slideinfo .info .desc h3{
		font-size: 1.8rem;
	}
	.slideinfo .info .desc p{
		font-size: 1rem;
	}
	.slideinfo .info{
		padding-left: 0;
	}
	.slideinfo.style1 .info{
		padding-right: 0;
	}
	.contactinfo{
		flex-wrap: wrap;
	}
	.contactinfo > div{
		min-width: 100%;
		max-width: 100%;
	}
	.form_contact{
		padding-left: 0;
		padding-top: 0;
	}
	.contactinfo{
		padding-bottom: 50px;
	}
	.googlemap iframe{
		height: 50vw;
	}
	.contactinfo .info h2{
		font-size: 2.5rem;
	}
	.form_contact > h2{
		margin-bottom: 20px;
	}
	.career_info > .container{
		flex-wrap: wrap;
		justify-content: center;
	}
	.career_info > .container .info{
		max-width: 100%;
		min-width: 100%;
		padding-left: 0;
		padding-top: 50px;
	}
	.careerform{
		background: #eee;
		padding: 50px 30px;
	}
	.career_info > .container .image{
		max-width: 70%;
		min-width: 70%;
	}
	.m_inner .m_box .m_left .m_fixmenu{
		display: none;
	}
	.m_nav .container,
	.m_inner .container{
		min-width: 100%;
	}
	.m_inner .m_dasboard{
		flex-direction: column;
	}
	.m_inner .m_dasboard .L{
		align-self: center;
		margin-top: 30px;
	}
	.m_inner .m_dasboard .R{
		width: 100%;
	}
	.m_inner .m_box .m_left{
		position: absolute;
		top: 15px;
		bottom: 0;
		right: 100%;
		z-index: 10;
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
	.m_inner .m_box.open .m_left{
		box-shadow: 0px 10px 20px rgb(0 0 0 / 35%);
	}
	.m_inner .m_box.open .m_left{
		right: calc(100% - 262px);
		border-right: 1px solid #eee;
	}
	.m_inner .m_box .m_right{
		padding: 0;
		width: 100%;
		margin-top: 15px;
	}
	.m_inner .m_dasboard{
		margin-bottom: 15px;
	}
	.m_inner .m_box{
		position: relative;
		overflow: hidden;
	}
	.rooms_header{
		padding-bottom: 0;
	}
	.room_booking_info .card{
		padding: 20px 20px;
	}
	.room_booking_info .main_info{
		flex-wrap: wrap;
	}
	.room_booking_info .main_info > .info,
	.room_booking_info .main_info > .roominfo{
		max-width: 100%;
		min-width: 100%;
	}
	.room_booking_info .main_info > .info{
		padding: 15px 0;
	}
	.room_booking_info .faclists,
	.room_booking_info .option_box{
		justify-content: center;
	}
	.room_booking_info .sub_room > ul > li .col a.btn{
		font-size: 1rem;
	}
	.room_booking_info .sub_room > ul > li .fn_rooms{
		flex-direction: row;
    	flex-wrap: wrap;
    	border-bottom: 1px solid #eee;
    	margin-bottom: 10px;
	}
	.room_booking_info .sub_room > ul > li .fn_rooms:last-child{
		border-bottom: none;
		margin-bottom: 0;
	}
	.room_booking_info .sub_room > ul > li .col.r_cordition{
		max-width: 150px;
		min-width: 150px;
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.room_booking_info .sub_room > ul > li .col.r_info{
		min-width: calc(100% - 110px);
		max-width: calc(100% - 110px);
	}
	.room_booking_info .sub_room > ul > li .col.r_unit{
		min-width: 110px;
		max-width: 110px;
	}
	.room_booking_info .sub_room > ul > li .col.r_price{
		min-width: 200px;
		max-width: 200px;
		padding-right: 15px;
	}
	.room_booking_info .sub_room > ul > li .col.t_reserve{
		max-width: calc(100% - 200px);
		min-width: calc(100% - 200px);
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.room_booking_info .sub_room > ul > li .col a.btn{
		width: 100%;
	}
	.m_room_booking{
		padding-top: 0;
	}
	.m_room_booking .room_filter{
		padding-top: 0;
		padding-bottom: 0;
	}
	.m_inner{
		padding-top: 0;
	}
	.bill_info .head,
	.bill_info .sumtotal{
		flex-wrap: wrap;
	}
	.bill_info .sumtotal .logo,
	.bill_info .sumtotal .total{
		min-width: 100%;
		max-width: 100%;
	}
	.bill_info .sumtotal .logo{
		text-align: center;
	}
	.bill_info .room_info > .img{
		max-width: 150px;
		min-width: 150px;
	}
	.bill_info .room_info > .info {
	    min-width: calc(100% - 150px);
	    max-width: calc(100% - 150px);
	    padding-left: 30px;
	}
	.bill_info .head .center{
		padding: 0;
	}
	.bill_info .head .img{
		min-width: 100%;
		text-align: center;
		padding-bottom: 20px;
	}
	.bill_info{
		padding: 20px;
	}
	.bill_info .address_info .left{
		padding-right: 15px;
	}
	.bill_info .address_info .right{
		padding-left: 20px;
	}
	.ticketbox{
		flex-wrap: wrap;
	}
	.ticketbox .tLeft{
		padding-right: 0;
		padding-bottom: 15px;
	}
	.ticketbox .tLeft,
	.ticketbox .tSum{
		min-width: 100%;
    	max-width: 100%;
	}
	.booking_sums > .discount{
		max-width: 200px;
        min-width: 200px;
	}
	.booking_sums > .discount #checkDiscountWater,
	.booking_sums > .discount #checkDiscount{
		width: 160px;
		font-size: 1.2rem;
	}
	.booking_sums .book_sumtotal .total .btitle,
	.booking_sums .book_sumtotal .total .cc{
		font-size: 1.8rem;
	}
	.ticketbox table{
		font-size: 1rem;
	}
	.ticketbox .fnUnit input{
		max-width: 50px;
	}
	ul.meeting_rooms > li.meeting_rows > .ms .mSeeMore,
	ul.meeting_rooms > li.meeting_rows > .ms .mDesc{
		font-size: 1.8vw;
	}
	ul.meeting_rooms > li.meeting_rows > .ms .mTitle h3{
		font-size: 2.4vw;
	}
	ul.meeting_rooms > li.meeting_rows > .ms .mTitle .mSeating{
		font-size: 1.5vw;
	}
	.eventSlode .sec:hover a.img > span{
		font-size: 4vw;
		padding: 4vw 0;
	}
	#ReviewSlide .slick-prev, 
	#ReviewSlide .slick-next{
	    width: 50px;
	    height: 50px;
	    background-size: cover;
	}
	#ReviewSlide .slick-prev{
		left: 15px;
	}
	#ReviewSlide .slick-next{
		right: 15px;
	}
	.meeting_form{
		padding: 50px 0;
	}
	.meeting_form form h2{
		font-size: 1.7rem;
	}
	.meeting_form form{
		padding: 0;
	}
	.meeting_views{
		padding: 50px 0;
	}
	.meeting_views .viewhtml, .meeting_views .mainSlide .Img{
		padding-left: 60px;
		padding-right: 60px;
	}
	.meeting_views .view_details > h2{
		font-size: 2rem;
	}
	ul.blogslists > li .img{
		height: 160px;	
	}
	ul.blogslists > li .info > h2{
		font-size: 1.2rem;
	}
	.blogs_layout .blog_intro .ms h2{
		font-size: 2rem;
	}
	.blogs_layout .blog_intro .ms{
		padding: 70px 0;
		padding-bottom: 50px;
	}
	.meeting_event{
		padding: 50px 0;
	}
	.meeting_event .mTitle h2{
		font-size: 2rem;
	}
}
@media (max-width: 767px) {
	.m_login{
		padding: 0 15px;
	}
	.btnRegis,
	.btnLogin{
		font-size: 1.3rem;
	}
	.m_login .boxlayout .logo{
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.m_inner .m_right > .card table h5{
		min-width: 300px;
	}
	.m_inner .m_box .m_right a.h5{
		min-width: 300px;
		display: block;
	}
	.m_inner .m_box .m_right .btnRegis{
		font-size: 0.9rem;
	}
	.m_inner{
		padding-bottom: 30px;
	}
	.footermenu .col2{
		display: none;
	}
	footer .footermenu .col1{
		justify-content: center;
	}
	.slick-dots li button::before,
	.slick-dots li{
		width: 20px;
	}
	.headtitle .polygon h1{
		font-size: 2rem;
	}
	.story_sec1{
		padding: 30px 0;
	}
	.story_sec1 .sec2{
		clear: both;
	}
	.story_sec1 .sec2 .img{
		margin-left: 0;
	}
	.story_sec1 .sec1 h3{
		font-size: 2rem;
	}
	.roomsinfo .img{
		height: 70vw;
	}
	.roomsinfo .info h3{
		font-size: 4vw;
		padding: 4vw 3vw;
	}
	.rooms_info .roomdesc > h2{
		font-size: 2rem;
	}
	.rooms_info .roomdesc > p{
		font-size: 1rem;
	}
	.room_footer{
		padding: 50px 0;
		font-size: 1.2rem;
	}
	.rooms_header{
		padding: 30px 0;
	}
	.rooms_header h1{
    	font-size: 2rem;
    	margin-bottom: 10px;
    }
    .rooms_header p{
    	font-size: 1.2rem;
    }
    .waterinfo .container{
    	max-width: 100%;
    }
    .water_zone{
    	overflow: hidden;
    }
    .water_zone a.btnZone.ZoneC{
    	left:83%;
    }
    .water_zone a.btnZone.ZoneB{
    	left: 35%;
    }
    .water_zone a.btnZone{
    	width: 7vw;
    }
    .zone_info{
    	flex-wrap: wrap;
    	justify-content: center;
    }
    .isPhoto .zone_info .zicon, .zone_info .zicon{
    	margin: 0;
    	margin-bottom: 30px;
    }
    .zone_info .desc{
    	padding: 0;
    }
    .slideinfo .info .desc h3{
    	font-size: 1.5rem;
    }
    .meeting_sec1{
    	padding: 80px 30px;
    }
    .meeting_sec1 .info h2{
    	font-size: 3rem;
    	margin-bottom: 15px;
    }
    .meeting_sec1 .info p{
    	font-size: 1.2rem;
    }
    .meeting_sec1 .info .listicon{
    	margin-top: 20px;
    	font-size: 1rem;
    	column-gap:0px;
    	flex-wrap: wrap;
    }
    .meeting_sec1 .info .listicon .icon{
    	width: 33.33%;
    	margin-bottom: 15px;
    }
    .news_layout{
    	padding: 40px 0;
    }
    .contactform .container{
    	padding-left: 30px;
    	padding-right: 30px;
    }
    .contactform{
    	padding-bottom: 40px;
    }
    .contactinfo .info h2{
    	font-size: 2rem;
    	margin-bottom: 15px;
    }
    .contactinfo .info h3{
    	font-size: 1.1rem;
    	margin-bottom: 10px;
    }
    .contactinfo .info h4{
    	font-size: 1.1rem;
    }
    .contactinfo .info .icon,
    .contactinfo address{
    	font-size: 1rem;
    }
    .rooms_header{
    	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
    .roomsinfo{
    	padding-bottom: 30px;
    }
    .roomsinfo.active::before{
    	border-top: 30px solid #0f9495;
	    border-right: 30px solid transparent;
	    border-left: 30px solid transparent;
    }
    
    .room_booking_info .sub_room > ul > li h3{
    	font-size: 1.3rem;
    }
    .room_booking_info .sub_room > ul > li .col.r_price .r_total{
    	font-size: 1.5rem;
    }
    .room_booking_info .sub_room > ul > li{
    	padding: 25px 0;
    }
    .room_booking_info .card{
    	margin-bottom: 20px;
    	padding: 0 10px;
    }
    .room_booking_info .card .view_info .adult{
    	flex-direction: column;
    }
    .room_booking_info .card .view_info .adult > div select{
    	max-width: 100px;
    }
    .room_booking_info .sub_room{
    	padding-top: 15px;
    	padding-bottom: 15px;
    }
    .room_booking_info .sub_room > ul > li:last-child{
    	padding-bottom: 0;
    }
    .water_zone .map-mobile{
    	display: block;
    }
    .water_zone .map-desktop{
    	display: none;
    }
    .water_zone a.btnZone.ZoneA{
        left: 22%;
        top: 25%;
    }
    .water_zone a.btnZone.ZoneB{
        left: 35%;
        top: 29%;
    }
    .water_zone a.btnZone.ZoneC{
        left: 45%;
        top: 34%;
    }
    .water_zone a.btnZone.ZoneD{
        left: 52%;
        top: 42%;
    }
    .m_inner .m_login{
    	padding: 40px 0;
    }
    .m_inner::before{
    	display: none;
    }
    .zoneslide .slick-dots{
    	bottom: 20px;
    }
    .ticketbox .tLeft .img{
    	width: 100px;
    }
    .ticketbox table{
    	font-size: 1rem;
    }
    .ticketbox .fnUnit input{
    	max-width: 50px;
    }
    .table-responsive{
    	white-space: nowrap;
    }
    .m_inner .m_dasboard .R{
    	padding: 15px 20px;
    }
    .m_inner .m_dasboard .sec1,
    .m_inner .m_dasboard .sec2{
    	padding: 0;
    }
    .m_inner .m_dasboard .sec3{
    	padding: 15px 0;
    }
    .m_inner .m_dasboard .sec2 .name{
    	font-size: 1.2rem;
    }
    .booking_sums > .discount{
    	background: #333;
    	padding: 30px 30px;
    	min-width: 100%;
    	max-width: 100%;
    }
    .booking_sums > .discount #checkDiscountWater,
    .booking_sums > .discount #checkDiscount{
    	width: 240px;
    }
    .booking_sums > .book_sumtotal{
    	padding: 15px 30px;
    	min-width: 100%;
    	max-width: 100%;
    }
    .booking_sums{
    	flex-direction: column;
    }
    .fancybox-content{
    	padding: 15px;
    }
    .fancybox-button{
    	height: 30px;
    	width: 30px;
    }
    .ticketbox .tLeft .img{
    	min-width: 80px;
    	max-width: 80px;
    }
    .ticketbox .tLeft .name{
    	min-width: 300px;
    }
    .ticket_date{
    	font-size: 1.1rem;
    }
    .ticket_date .help-block{
    	font-size: 0.9rem;
    }
    .meeting_sec1{
    	padding-top: 50px;
    	padding-bottom: 50px;
    }
    ul.meeting_rooms > li.meeting_rows > .ms .mTitle h3{
    	font-size: 3vw;
    }
    ul.meeting_rooms > li.meeting_rows > .ms .mTitle .mSeating{
    	font-size: 2vw;
    }
    ul.meeting_rooms > li.meeting_rows > .ms .mSeeMore, ul.meeting_rooms > li.meeting_rows > .ms .mDesc{
    	font-size: 2vw;
    }
    .meeting_buffet .ms{
    	font-size: 2vw;
    }
    .meeting_buffet .ms h3{
    	font-size: 3.4vw;
    }
    .meeting_reviews .rTititle h3 {
        font-size: 5vw;
    }
    .meeting_reviews .rTititle .desc {
        font-size: 3vw;
    }
    #ReviewSlide .review .message{
    	font-size: 18px;
    }
    .meeting_form img{
    	padding: 0;
    	margin-bottom: 30px;
    }
    .meeting_form form h2{
    	margin-bottom: 20px;
    }
    .meeting_form{
    	padding-bottom: 0;
    }
    .meeting_views .viewhtml, .meeting_views .mainSlide .Img{
    	padding-left: 0;
    	padding-right: 0;
    }
    .RoomInfos{
    	padding: 20px 0;
    }
    .meeting_views{
    	padding: 30px 0;
    }
    .RoomInfos{
    	padding-bottom: 0;
    }
    .room_option img{
    	height: 23px;
    }
    .blogs_layout .view_details{
    	padding: 30px 0;
    }
    .blogs_layout .view_details > h2{
    	font-size: 1.5rem;
    }
    .blogs_layout{
    	padding-bottom: 0px;
    }
    .blog_lists > h3{
    	text-align: center;
    }
    .blog_lists{
    	padding: 30px 0;
    }
    ul.blogslists{
    	margin: 0;
    }
    ul.blogslists > li{
		min-width: 100%;
		max-width: 100%;
		margin: 0;
		margin-bottom: 30px;
	}
    ul.blogslists > li .img{
		height: auto;	
	}
	.blogs_layout .blog_intro .ms{
		padding-bottom: 50px;
	}
	.blogs_layout .blog_intro .cates{
		margin-top: 0;
	}
	.view_details .img{
		text-align: center;
	}
}
@media (max-width: 550px) {
	body.front_layout{
		padding-top: 75px;
	}
	#MainNav .submenu a.dropdown-item{
		text-align: center;
	}
	.navbar-toggler{
		margin-top: 8px;
	}
	#MainNav ul.navbar-nav{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#MainNav{
		top: 75px;
		height: calc(100% - 75px);
	}
	.navbar-brand{
		padding-left: 0;
	}
	.navbar-brand img{
		height: 60px;
	}
	.langbox a{
		width: 35px;
		height: 35px;
		font-size: 0.9rem;
	}
	#nav_function .btn-main{
		padding: 5px 20px;
		font-size: 14px;
		border-radius: 20px;
	}
	footer .footermenu .col1 .img{
		margin-bottom: 20px;
	}
	footer .footermenu .col1 .img > img{
		max-width: 100px;
	}
	footer .footermenu{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	footer .footermenu .col1 .contact{
		flex-wrap: wrap;
	}
	footer .footermenu .col1 .contact .ms{
		min-width: 100%;
	}
	footer .copyright{
		padding-left: 15px;
		padding-right: 15px;
		font-size: 14px;
	}
	#MainNav a.nav-link{
		text-align: center;
	}
	.roomicon a{
		max-width: 25vw;
	}
	.roomicon a .name{
		font-size: 4vw;
	}
	.roomicon{
		padding-left: 6vw;
		padding-right: 6vw;
	}
	#slide_icon{
		padding-left: 0;
		padding-right: 0;
	}
	#slide_icon .slick-dots{
		bottom: -50px;
	}
	.rooms_info .roomfac > ul.faclists{
		gap:10px;
	}
    .rooms_info .roomfac > ul.faclists > li{
    	min-width: calc(33.33% - 20px);
    	max-width: calc(33.33% - 20px);
    }
    .rooms_header{
    	padding: 20px 0;
    	padding-top: 30px;
    }
    .rooms_header h1{
    	font-size: 2rem;
    }
    .rooms_header p{
    	font-size: 1rem;
    }
    .ticketslide.slick-dotted.slick-slider{
    	margin-top: 40px;
    }
    .waterinfo{
    	padding-top: 30px;
    }
    .waterhtml > h2{
    	font-size: 2rem;
    }
    .waterhtml > p{
    	font-size: 1rem;
    }
    .zone_info{
    	padding: 50px 30px;
    }
    .isPhoto .zone_info .zicon > img, .zone_info .zicon > img{
    	width: 150px;
    }
    .zone_info .desc{
    	text-align: center;
    }
    .slideinfo .info::before{
    	display: none;
    }
    .slideinfo{
    	flex-wrap: wrap;
    }
    .slideinfo .imginfo,
    .slideinfo .info{
    	min-width: 100%;
    	max-width: 100%;
    }
    .slideinfo.style1 .info,
    .slideinfo .info{
    	padding: 30px;
    	text-align: left;
    }
    .slideinfo .slick-dots{
    	left: 0!important;
    	right: 0!important;
    }
    .slideinfo .info .desc h3{
    	font-size: 1.3rem;
    }
    .head_img{
    	height: 60vw;
    }
    .head_img > img{
    	height: 100%;
    	width: 100%;
    	object-fit: cover;
    }
    .meeting_sec1{
    	padding: 50px 20px;
    }
    .meeting_sec1 .info h2{
    	font-size: 2rem;
    }
    .meeting_sec1 .info p{
    	font-size: 1rem;
    }
    .form_contact > h2{
    	font-size: 1.5rem;
    }
    .googlemap{
    	margin-left: -30px;
    	margin-right: -30px;
    }
    .googlemap iframe{
    	height: 100vw;
    	float: left;
    }
    .contactform{
    	padding-top: 30px;
    	padding-bottom: 0;
    }
    .career_info > .container .info h2{
    	text-align: center;
    }
    .careerform .formcareer > h2{
    	font-size: 2.5rem;
    }
    .career_info{
    	padding-top: 40px;
    	padding-bottom: 30px;
    }
    .career_info > .container .image{
    	max-width: 90%;
    	min-height: 90%;
    }
    .m_inner .m_dasboard .sec1 .info .col:nth-child(2){
		min-width: 100%;
		max-width: 100%;
	}
	.m_inner .m_dasboard .sec3 strong{
		font-size: 1.2rem;
	}
	.room_filter .filterbox .datebox img{
		display: none;
	}
	.room_booking_info .option_box{
		flex-wrap: wrap;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 15px;
		text-align: center;
	}
	.room_booking_info .option_box .desc{
		min-width: 100%;
		max-width: 100%;
	}
	.room_booking_info .sub_room > ul > li .col a.btn{
		width: 100%;
	}
	.room_booking_info .sub_room > ul > li h3{
		font-size: 1.1rem;
	}
	.room_booking_info .card{
		padding: 0;
	}
	.bill_info .room_info > .img{
		max-width: 80px;
		min-width: 80px;
	}
	.bill_info .room_info .view_info h3{
		font-size: 15px;
	}
	.bill_info .room_info .view_info .date_info > .rows, .bill_info .room_info .view_info .adult{
		font-size: 13px;
	}
	.bill_info .room_info .view_info .date_info > .rows.sum,
	.bill_info .room_info .view_info .date_info > .rows.head{
		font-size: 14px;
	}
	.bill_info .room_info > .info {
	    min-width: calc(100% - 80px);
	    max-width: calc(100% - 80px);
	    padding-left: 15px;
	}
	.bill_info .sumtotal .total{
		padding-top: 0;
	}
	.bill_info .sumtotal .price_sum{
		font-size: 15px;
	}
	.bill_info .sumtotal .subinfo.totalinfo{
		font-size: 17px;
		padding-bottom: 0;
	}
	.bill_info .sumtotal .subinfo{
		padding-bottom: 5px;
	}
	.bill_info .sumtotal .total{
		font-size: 14px;
	}
	.bill_info .sumtotal .logo .img img{
		max-width: 70%;
	}
	.bill_info .room_info{
		padding-bottom: 0;
		padding-top: 10px;
	}
	.bill_info .address_info{
		padding: 10px 0;
	}
	.bill_info .address_info .info .name{
		font-size: 15px;
	}
	.bill_info .address_info .info{
		font-size: 13px;
	}
	.bill_info .head .center .thk{
		font-size: 15px;
	}
	.bill_info .head .center > p{
		font-size: 13px;
	}
	.bill_info .head .no .order_id,
	.bill_info .head .no{
		max-width: 100%;
		min-width: 100%;
		font-size: 14px;
	}
	.bill_footer{
		padding: 20px 0;
	}
	.m_room_booking .room_booking_info{
		padding-bottom: 20px;
	}
	.ticket_info table{
		font-size: 0.9rem;
	}
	.ticketbox .tLeft .img{
    	width: 70px;
    }
    .btn-big{
    	font-size: 1.1rem;
    	padding: 10px 15px;
    }
    #reques_amount,
    #btnRequest,
    .m_inner .m_table .btn{
    	font-size: 0.9rem;
    }
    .maincheckout > a{
    	font-size: 1.1rem;
    	padding: 10px 20px;
    	min-width: 130px;
    }
    .maincheckout{
    	margin-top: 20px;
    }
    .booking_sums{
    	margin-bottom: 0px;
    }
    .room_booking_info .sub_room > ul > li .col.r_price {
        min-width: 150px;
        max-width: 150px;
    }
    .room_booking_info .sub_room > ul > li .col.t_reserve {
        max-width: calc(100% - 150px);
        min-width: calc(100% - 150px);
    }
    .rooms_info{
    	padding-bottom: 30px;
    }
    .ticket_date .selectdate{
    	flex-direction: column;
    	gap: 5px;
    	margin-bottom: 10px;
    }
    ul.meeting_rooms > li.meeting_rows{
    	flex-direction: column;
    }
    ul.meeting_rooms > li.meeting_rows > .img,
    ul.meeting_rooms > li.meeting_rows > .ms{
    	min-width: 100%;
    	max-width: 100%;
    }
    ul.meeting_rooms > li.meeting_rows > .ms{
    	padding: 7vw 5vw;
    }
    ul.meeting_rooms > li.meeting_rows > .ms::before{
    	display: none;
    }
    ul.meeting_rooms > li.meeting_rows:nth-child(2n+1){
    	flex-direction: column;
    }
    ul.meeting_rooms > li.meeting_rows > .ms .mSeeMore, ul.meeting_rooms > li.meeting_rows > .ms .mDesc{
    	font-size: 3vw;
    }
    ul.meeting_rooms > li.meeting_rows > .ms .mTitle h3{
    	font-size: 5vw;
    }
    ul.meeting_rooms > li.meeting_rows > .ms .mTitle .mSeating{
    	font-size: 3vw;
    }
    .RoomInfos .col-md-7 > h4{
    	text-align: center;
    }
    .blogs_layout .view_details{
    	padding-top: 20px;
    }
    .blogs_layout .blog_intro .ms h2{
    	font-size: 1.5rem;
    }
    .meeting_event .mTitle h2{
    	font-size: 1.8rem;
    }
    .meeting_event,
    .meeting_event .mTitle .ms{
    	font-size: 1rem;
    }

}
@media (max-width: 425px) {
	.roomsinfo .img::after{
		display: none;
	}
	.roomsinfo .img{
		height: 130vw;
	}
	.roomsinfo .info h3{
		font-size: 7vw;
		padding: 4vw 3vw;
		padding-bottom: 20vw;
	}
	.ticketbox .tLeft .img{
    	width: 60px;
    }
}
@media (max-width: 400px) {
	#nav_function .btn-main{
		padding: 3px 15px;
		font-size: 14px;
	}
	#nav_function{
		gap:5px;
	}
	footer .footermenu .col1 .img > img{
		max-width: 80px;
	}
	.rooms_info .roomfac > ul.faclists > li{
    	min-width: calc(50% - 20px);
    	max-width: calc(50% - 20px);
    }
}