/* MOBILE RESPONSIVE */
/* small device ----------- */
@media only screen 
and (max-width: 960px) {
		body { font-size:18px; line-height:1.2em; }
		.tagMobile { display:block; }
		.desktopOnly { display:none !important; }
		.mobileOnly { display:block !important; }


		a.lnkButton { padding:13px 20px; min-width:70px; }
		a.lnkButton.ctaBrf { margin-top:10px; }
		a.lnkMore.sml { font-size:13px; line-height:14px; }
		.dvSmIcn.icnMore { margin-top:-1px; }
        a.btnBookRoom { padding:13px 17px; }

		/* ---------------------------------------------------------- */
		.icnNvStart { background-position:-219px -565px !important; }
		.icnNvStart.icnWhite { background-position:-274px -565px !important; }
		.icnNvMember { background-position:-109px -565px !important; }
		.icnNvMember.icnWhite { background-position:-164px -565px !important; }

		/* ---------------------------------------------------------- */
		ul.pointLst {
			list-style-type:none;
			display: grid;
			overflow: hidden;
			text-align: center;
			grid-template-columns: 1fr;
			grid-auto-rows: 1fr;
			grid-column-gap: 10px;
			grid-row-gap: 30px;
			padding:20px 0;
		}
		
		/* ICON SETS */
		i.dvBigIcn { width:20px; height:20px; margin-top:-1px; margin-right:0; background-size:cover; }
		
		/* CTA */
		ul.actLst { margin-top:10px; /*justify-content:center !important;*/ }
		ul.actLst.mnLink>li { font-size:16px; line-height:20px; padding:5px 0; margin-left:5% !important; }
		ul.actLst.mnLink>li:first-child { margin-left:0 !important; }
        
        /* VIDEO */
        a.toggleVidMute { bottom:30px; }

        /* SECTION */
        section.contentTop { padding-top:70px; }
        section.contentPicTop { padding-top:0px; }
        /* WRAPPER */
        .contentWrap { position:relative; width:88%; max-width:none; padding:30px 0; }
        .contentWrap.blockWrap { padding:30px 0 100px 0 !important; }
		
        /* HEADER NAVIGATION */
        .hamburger-box {
            width: 30px;
            height: 23px; 
        }
        .hamburger-inner {}
        .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width:30px; height:2px; }
        .headerLf { min-width:0; width:8%; }
        .headerMd { width:50%; padding:22px 0 15px 0; }
        .headerRg { width:26%; }
        .headerLogo { position:relative; width:100%; margin-bottom:8px;  }
        /* NAV MENU */
        ul.nvMenu { margin:8px 0; }
        ul.nvMenu.mnRight { margin-top:11px; }
        ul.nvMenu>li { display:block; margin:8px 0; }
        ul.nvMenu.sldMn>li { font-size:1.8em; line-height:1.1em; margin:5px; }
        a.lnkBooking { font-size:0.8em; }
        /* SLIDE MENU NAVIGATION */
        .nvSlideBx { width:100%; }
        .menuBx { position:absolute; top:10%; right:5%; left:5%; bottom:5%; overflow-y:auto; }

        /* FOOTER */
        #footerSection { min-height:0; }
        .footerWrap { width:94%; padding:30px 0 20px 0; }
        .footerRow { flex-direction:column; padding:10px 0; }
        .footerRow.ftDtlRow { padding:0; }
        .footerRow.ftNav { padding-top:0; }
        .ftColLf { width:100%; margin:10px 0; }
        .ftColRg { width:100%; margin:10px 0; text-align:left; }
        .footerRow.ftNav .ftColLf { margin:0; }
        .footerBrief { font-size:1.8em; line-height:1em; }
        /* address */
        ul.ftAddrsRow>li { margin:20px 0; font-size:1em; }
        /* footer navigation */
        ul.ftNav { margin-left:0; justify-content:flex-start; }
        ul.ftNav>li { flex-basis:22%; min-width:85px; }
        ul.btmFtLinks { flex-direction:row; flex-wrap:wrap; gap:4%; }
        /* subscribe */
        .footerSubsc { max-width:380px; margin-left:0; font-size:1.1em; }

        /* BLOCK CONTENT */
        .headingCol { padding-top:50px; padding-bottom:10px; }
        .headingCol>.colTitle { position:absolute; width:100%; left:0; right:0; font-size:1.2em; top:0; }
        .headingCol>.colMd { width:100%; }
        .headingCol>.colLf { position:absolute; width:45%; top:0; left:0; text-align:left; }
        .headingCol>.colRg { position:absolute; width:45%; top:0; right:0; text-align:right; }
        /* heading title */
        .headingCol h2 { font-size:2.4em; line-height:1.0em; margin-bottom:25px; }
        .headingCol h3 { font-size:2.2em; line-height:0.95em; margin-bottom:20px; }
        .headingCol h4 { font-size:1.8em; line-height:0.95em; margin-bottom:20px; }
        .headingCol h5 { font-size:1.6em; line-height:0.95em; margin-bottom:20px; }
        .headingCol h6 { font-size:1.4em; line-height:0.95em; margin-bottom:20px; }
        .headingBrief { font-size:1.6em; line-height:1.1em; }
        /* action button */
        .headingCol ul.actLst, .cntColNote ul.actLst, ul.cntRow>li ul.actLst { flex-direction:column !important; row-gap:20px !important; }
        .headingCol ul.actLst>li, .cntColNote ul.actLst>li, ul.cntRow>li ul.actLst>li { width:100% !important; }
        .cntColNote ul.actLst { margin:20px 0; }
        
        /* FOLD TAB CONTENT */
        .fldTabWrap { min-width:0; }
        .listWrap { min-width:0; }

        /* PAGE HEADER */
        .headingWrap { position:relative; width:88%; max-width:none; padding:50px 0 !important; }
        .pageHead ul.actLst>li { text-align:center; }
        /* HEAD BANNER TEXT */
        .headBannerBx { left:5%; right:5%; }
        .headBannerPic { width:100%; height:100vh; overflow:hidden; }
        .headBannerCnt>label { font-size:0.8em; margin-bottom:20px; }
        h1.headTitle { font-size:2.2em; line-height:1.0em; }
        ul.bannerLst.owl-carousel .owl-nav { display:none; }

        /* ROW LISTING */
        ul.rowLst>li { margin:40px 0; padding-bottom:30px; border-bottom:1px #888888 solid; }
        ul.rowLst>li.flexCol { flex-direction:column; }
        ul.rowLst>li.flexCol>.colThb { width:100%; flex-basis:100%; margin-bottom:30px; }
        ul.rowLst>li.flexCol>.colCnt { position:relative; top:auto; flex-basis:100%; min-height:0; }
        ul.rowLst>li.flexCol>.colCnt>ul.actLst { position:relative; margin-top:20px; }

        /* FOLD TAB CONTENT */
        ul.fldTab>li { padding:5px 0; }
        ul.fldTab>li>h3 { font-size:1.8em; }
        ul.fldTab>li>.blockHid { margin:10px 0 40px 0; padding:10px 0; }
        .blockHid>h5 { font-size:2.0em; }
        .blockHid>.contentBx::before { width:60%; }
        /* fold content block */
        ul.cntBlock>li { padding:10px 0 50px 0; }
        ul.cntRow>li { padding:10px 0; flex-direction:column; text-align:left; }
        ul.cntRow>li>h5 { display:block; width:92%; flex-basis:0; font-size:2em; text-align:left; margin-bottom:10px; }
        ul.cntRow>li>h5.ttl { width:100%; padding-left:0; }
        ul.cntRow>li>a.ctaBtnLnk { }
        ul.cntTbl { row-gap:12px; }
        ul.cntTbl>li { flex-basis:50%; font-size:1em; }
        ul.cntTbl>li>label { font-size:0.75em; }
        .cntDesc { font-size:1.4em; line-height:1.4em; }
        /* table column style */
        ul.cntRow>li.cntColumn { align-items:flex-start; flex-direction:column; }
        /* table row style */
        ul.cntTbl.tblRow { row-gap:10px; }
        /* col picture */
        .flexBxCol { flex-direction:column; }
        .cntColPic { width:100%; margin:20px 0; }
        .cntColPic ul.previewThbLst.owl-carousel .owl-item>li { height:250px; }
        .cntColNote { width:100% !important; margin-left:0; }

        /* ROOM LIST */
        a.roomLnk { font-size:1.3em; line-height:1em; }
        ul.roomLst { flex-direction:column; border-bottom:0; column-gap:0; row-gap:30px; }
        ul.roomLst::before { display:none; }
        ul.roomLst>li { width:100%; flex:1; margin:30px 0; }
        ul.roomLst:first-child>li { margin:0 0 30px 0 !important; }
        /* room content */
        ul.roomCnt>li { flex-direction:column-reverse; }
        ul.roomCnt>li>div { width:100%; }
        ul.roomCnt>li.col>div:nth-child(1) { width:100%; flex-basis:100%; text-align:left; }
        ul.roomCnt>li.col>div:nth-child(2) { width:100%; text-align:left; margin-left:0; }
        ul.roomCnt>li.ctaLnk { align-items:center; flex-direction:row; padding-top:10px; }
        ul.roomCnt>li.ctaLnk>div:nth-child(1) { width:45%; margin-right:auto; flex-basis:45%; text-align:left; }
        ul.roomCnt>li.ctaLnk>div:nth-child(2) { width:45%; margin-left:auto; }
        ul.roomCnt>li.ctaLnk a.headingLnk { margin-top:0px; }
        /* rooms spesification */
        ul.roomSpek>li { flex-basis:45%; }

        /* DETAIL READ */
        /* custom fields */
        .customCntPart { flex-direction:column; }
        .customCntPart>ul { flex-basis:100%; }
        .colRead>.dtlImage { margin-bottom:20px; }
        .readActBx { margin-bottom:30px; }
        .readActBx>.flexCol { flex-direction:column; row-gap:10px; }
        .readActBx>.flexCol>.colLf { margin-left:0; margin-right:auto; }
        .readActBx>.flexCol>.colRg { margin-left:0; margin-right:auto; }
        /* image wrap */
        .readWrap.vertcl .colRead { flex-direction:column; }
        .readWrap.vertcl .colRead>.dtlImage { width:100%; margin-bottom:20px; }
        .readWrap.vertcl .colRead>.dtlContent { width:100%; margin-right:0; }

        /* OFFERS */
        ul.offerLst.gridBx { grid-template-columns: repeat(1, 1fr); grid-column-gap:0; grid-row-gap:35px; }

        /* GALLERY */
        ul.photoLst.gridBx { grid-template-columns: repeat(2, 1fr); grid-column-gap: 15px; grid-row-gap: 15px; }

        /* CONTACT */
        .mapWrap { padding-bottom:110%; }
        ul.addrsCol { padding:30px 0; gap:10px; flex-direction:column; }
        ul.addrsCol>li { width:88%; font-size:1em; text-align:left; }
        h3.formTitle { font-size:2.0em; margin-bottom:10px; }

        /* SHOP */
        /* home shop */
        ul.hmShopLst::before { top:65%; }
        ul.hmShopLst label { top:55%; }
        /* shop listing */
        ul.shopLst.gridBx { display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:column; width:94%; }
        ul.shopLst.gridBx>li { width:100%; border-top:1px #000000 solid; }
        ul.shopLst.gridBx>li:first-child { border-top:0; }
        /* PRODUCT */
        .prdThb { padding-bottom:80%; margin-bottom:10px; }
        .prdCntBx { min-height:0; }
        ul.prdCnt { width:75%; margin-left:auto; margin-right:6%; }
        ul.prdCnt>li { padding:3px 0; }
        ul.prdCnt>li>h6 { font-size:1.1em; line-height:1.3em; }
        span.prdPrice { width:auto; }
        
        
        
} 

/* SMALL SCREEN, iPHONE MINI */
@media only screen 
and (max-width: 360px) {
	
}

@media only screen 
and (max-width: 1024px) {
    
}

/* VERY SMALL SCREEN, iPHONE 5 */
@media only screen 
and (max-width: 320px) {
	
}

/* PHONES LANDSCAPE ORIENTATION */
@media only screen 
and (max-width: 1000px)
and (orientation: landscape) {
}

/* TABLET LANDSCAPE ORIENTATION */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	 	
}