@charset "UTF-8";

@media (min-width:1320px)
{.container{max-width:1300px}}
@media screen and (max-width: 1300px) { 
.col-3box{height: 700px;}

}

@media screen and (max-width: 1199.98px) { 
	
.burger-container { display:block }
	
.header-nav .menu { display:none; }	
.header-nav.light-theme .header-brandlogo { position: relative;  left: auto; top: auto; padding-top: 0; padding-bottom: 0; z-index: 9;}	
	
.header-nav.light-theme .header-brandlogo { padding-top: 10px; padding-bottom: 10px; }	
.header-nav.light-theme .header-brandlogo img { height:30px;  }	
		

.header-nav.light-theme { }	
.stk-menu .header-nav.light-theme { display:none; }		
.stk-menu .header-nav.dark-theme {     transform: translateY(0%);  }
	.header-social { padding-left:50px; }	
	
.nav-menu > li { margin:0 0; }
.nav-menu > li > a{ font-size:13px; }
.innerbox h2 {font-size: 28px; }	
	
.title-content-whybook .title {padding: 30px 20px; }	
.slide-theam .other-content h4 {font-size: 16px; }	
.slide-theam .other-content { font-size:12px; }
.header .menu-header{ background: #fff; }	
.otherpage .burger-container{right: 0; top: 0;}
.menu-mobile ul.menu-sub{position: relative; top: auto; bottom: auto;transform: translateY(0);}
.instagram-item:nth-child(9) .box-instagram h5 { font-size:28px; }	
.booknow i{display: none!important;}	
.header-brandlogo{height: 55px; text-align: left;}
.header-brandlogo a{display: block; margin-left: 60px;}
}

@media screen and (max-width: 991.98px) { 
.slide-whybook { padding: 25px 20px 20px; }	
.title-content-whybook .title{  font-size: 16px; line-height: 22px; }	
.title-whybook span{ font-size: 18px; line-height: 22px;}
.title-sub {font-size: 16px;line-height: 22px; }	
	
.col-3box .innderbox-detail{display: none;}
.innerbox h2{font-size: 30px;}
.col-3box,.col-3box .topground{/*height: auto;*/ height: 700px; }
.col-3box .colbox,.topground .hoverbox{height: 236px; float: none; width: 100%;}
.col-3box .piccolbox{width: 100%;}
.wrapinnerbox{height: 100%;}
.col-3box .foreground{display: none;}
.col-3box .col-2b .piccolbox,
.col-3box .col-3b .piccolbox{left: 0;}
		
	
/*footer*/	
.footer-logo-line::before { width:13%; }	 	
.footer-logo-line::after { width:66%; }	
	
.container { width:92%; max-width: inherit; }

.dining-inner { padding-left:0px; }		
/*fac*/
.page-side {padding-left: 0px;}	
/*offer*/
.coverOffer{position: relative; bottom:auto; left:auto; width: 100%; margin-top: 30px; }	
.coverOffer h3 { color:#000; text-shadow: none;}	
.innewweddingbox  .innerbox{padding: 20px;}
.instagram-item:nth-child(9) .box-instagram h5 { font-size:28px; }	
.instagram-item {     flex: 1 25% }	
.instagram-item:nth-child(9) {flex: 1 100%; }
	.instagram-item:nth-child(9) .box-instagram h5 { padding:15px 0; }	
.box-caption h2{font-size: 50px;}
.box-caption h3{font-size: 20px;}
.title-sec .title{font-size: 30px; line-height: 35px;}
.owl-small .item .text-rooms{font-size: 15px;}
.btn-st-2{font-size: 16px;}
.main-title-item h1{font-size: 30px; margin-bottom: 20px;}
}

@media screen and (max-width: 767.98px) { 
.header.scrollto::before { top: 0px; height: 55px; }
.header .booknow {  right: 0px; }
.box-engine-content.showengine { display:none; }	
.header .logo, .burger-container { height:55px; width: 45px; }	
.header-brandlogo img { height: 24px;}	
/*line*/
.header .menu-header { width: calc(100% - 0px); left: 0; }	
.header .menu-header { padding-top:0; }	
.header .menu-header::before {  display: none;}	
.slide-home::before {  display: none;}
.slide-home::after { display: none; }

.loop .owl-item.active {}	
.loop .owl-item.active .caption-front-offer { opacity: 1; }	
/**/
.item-front-rooms  { background-image: none !important; min-height:inherit; padding-top: 0;}	
.item-front-rooms .img-rooms { display: block;  }	
.caption-front-rooms {  color: #fff; position: relative;  right: auto; bottom: auto;  padding: 30px;  background: #000;  width: 95%; max-width: inherit;margin: -25px auto 0;}	
	
.burger-container { top:0; right: 0; }		
.col-3box,.col-3box .topground{/*height: auto;*/ height: 700px; }		
.footer { padding-bottom:90px; }	
.footer-logo-line::before { width:25%; } 
.footer-logo-line::after { width:25%; }
.footer-link-inner  {  padding-top: 20px; padding-bottom: 20px; margin-top: 20px; margin-bottom: 20px;}
.footer-link-inner  { text-align: left;}	
.footer-link-inner li { margin: 0 10px;}	
.footer-social { }
.sidebarMobile { display:block; }	
.title-group .display-4 { font-size: 2.5rem; font-weight: 300; line-height: 1.2;}	
.join-mail { width: 80%; margin:0 auto;}	
.join-mail .btn-joinemail, .join-mail .btn-joinemail span { width:100%; }	
.container {width: 100%;}	
.main-title-wedding{margin-top: 0;}
.main-title-item.top { margin-top: 0px; padding-top: 30px; padding-bottom:20px; }	
.main-content.topbanner { padding-top: 20px; }
.front-hotelother-inner { padding-top:50px; }
.nav-service { display:none; }
.txt-meeting { padding: 25px 30px; }	
.order-first {     -ms-flex-order: 1; order: 1; }	
.link-menu-dining li { display:inline-block; margin-right: 10px;}
.link-menu-dining li a{ font-size:12px;}	
.dining-row { margin:15px 15px 30px 15px; }	
.dining-caption-inner { padding:0; }	
.dining-caption { position: relative; left: auto; bottom: auto; width: 100%;}	
.dining-caption h3{ margin-top: 20px; }	
.btn-st-1 { padding: 5px 25px;  }
.btn-st-2 { padding: 5px 25px;}
.dining-inner { padding-left:0px; }	
.slide-dining { margin-top:30px; }
.dining-time { text-align:left;}
.dining-time h3::after{  right: auto ; left: 0}
.dining-other::before {height: 65%;}
.dining-inner h1{ font-size: 1.9rem; }		
	.logo-dining { padding-top: 40px; }	
.facilities-box { padding-left: 0px !important;}	
.facilities-row { padding-right: 20px; padding-top:20px; padding-right: 20px; padding-bottom: 20px; padding-left: 20px !important;}
	.fac-box-inner .order-first { order: 0;}	
	.fac-detail .order-first { order: 0;}	
.facilities .facilities-other li { width:100%; }		
.pop-memberprivileges {  bottom: -200px;	} 
.clickpop span { display: none; }
.pop-memberprivileges .clickpopbg { display: none; }
.pop-memberprivileges .clickpop { display:inline-block; position: absolute; right:15px; top: -15px; width: 30px; height:30px; text-align: center;line-height: 30px; padding: 0; border-radius: 30px; }
.pop-memberprivileges .clickpop::before{ display: none; }
.pop-memberprivileges .pop-comment { padding:20px 20px 70px 20px }
	/*wedding*/
.innewweddingbox{padding: 25px;}
.innewweddingbox{width: 100%; float: none; height: 350px;}
.innewweddingbox .innderbox-detail{display: none;}
.expdetail{padding-top: 40px; padding-bottom: 40px;}
.hide-md{display: none;}
.expdetail.CMenus div{padding-left: 0; width: 100%;}
.inquirywedding{padding: 20px 0; margin-top: 0;}
.boxinquirywedding::after{display: none;}
.ring{width: 90px; left: -20px;}
.spapage .btn-discover{margin-bottom: 30px;}
.showtext{display: none;}
.flashsale{max-width: 300px; right: 10px; bottom: -253px;}
.slideflashsale{height: 295px;}
.flashsale.active{bottom: 51px;}
.toggle-button{top: -80px;}
	
.footer-link{display: none;}
.offer-page .btn-book{width: 100%; text-align: center; margin-top: 20px; padding-top:15px; padding-bottom: 15px;}
.from-rate{margin-top: 20px; margin-bottom: 20px;}
}

@media screen and (max-width: 575.98px) {
.pop-memberprivileges {  width: 300px;   bottom: -205px; }	
.box-engine-content { position: fixed; right: -300px;width: 300px;}
.title-whybook span { display:inline-block;}
.title-whybook { display: inline-block;}
.title-sub { text-align:left; display: inline-block;}	
.front-whybook { padding-top:0; }	
.col-3box .colbox,.topground .hoverbox{height: 194px; margin-bottom: 5px;}
.col-3box,.col-3box .topground{/*height: auto;*/ height: 600px; }	
.topground .hoverbox{padding: 20px;}
.owl-carousel .owl-item img { width:100%; }	
.join-mail { width:100%; }	
.list-delroomtype li { font-size: 16px; display: inline-block; padding: 5px 5px 5px 5px;	}
.text-accinner { padding:15px; } 
	.owl-acc .owl-nav .owl-prev { right:50px; }	
.owl-acc .owl-nav .owl-prev .box{width: 30px;height: 30px;}
.owl-acc .owl-nav .owl-prev .box::before { font-size: 20px; line-height: 30px; }
.owl-acc .owl-nav .owl-next .box {width: 30px; height: 30px;  }
.owl-acc .owl-nav .owl-next .box::before { font-size: 20px; line-height: 30px; }

.facilities {  padding-top: 0px; padding-bottom: 0px;}
.facilities .caption-spa::after { display: none }	
.facilities .facilities-about { padding: 25px;}	
.facilities .haft { width:100%; }	
.facilities-box figure { margin-top: 15px !important;}
.fac-list-service {}	
.fac-list-service img{ display: none; }	
.fac-list-service .fac-overlay{ display: none; }
.fac-caption .flaticon-right-arrow::before {color: #333;}	
.fac-list-service .fac-caption { color:#333; width: 100%; height: 100%; max-height: inherit; max-width: inherit; position: relative;top:auto; left: auto; border-top:1px solid rgba(201,201,201,1.00) ;padding-top: 25px; padding-left: 25px; padding-right: 25px;
	 -moz-transform: translate(0%, 0%); -ms-transform: translate(0%, 0%);  -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);
	}	
.item-fac-3 { position: relative; max-width: inherit; max-height: inherit; overflow: hidden;}
	.fac-box { margin-top:25px; }	
.contact-detail{margin-bottom:20px; margin-top: 30px;}
.contact-detail h2{font-size: 25px;}

.boxinquirywedding{ padding-left: 20px; padding-right: 20px; }
.innewweddingbox{height: 250px;}
.expdetail h2,.inquirywedding h2{font-size: 23px;}
.faqlist h3{font-size: 25px;line-height: 25px; padding-top: 7px; padding-bottom: 7px;}
.fixlist{width: auto; max-width: auto;}
.faqlist h3 i{max-width: 15px; position: relative; top: 0px; line-height: 15px; margin-left: 20px;}

.title-sec{padding-bottom: 20px;}
.caption-front-offer{position: relative;}
.front-offer .top-btn{padding-top: 0;}
.box-caption{padding: 15px; bottom: 25px;}
.box-caption h2{font-size: 30px;}
.box-caption h3{font-size: 16px;}
.slide-full .owl-item .item{height: 60vh;}
.slidehome{height: 60vh;}
.list-delroomtype{margin-bottom: 20px;}
.list-delroomtype li{float: left; width: 50%; border-left: 0; border-right: 1px solid #ccc;
padding-bottom:10px;}

}