/* MOBILE RESPONSIVE */
/* small device ----------- */
@media only screen 
and (max-width: 800px) {
		body { color:#666666; font-size:16px; line-height:22px; }
		.tagMobile { display:block; }
		.desktopOnly { display:none !important; }
		.mobileOnly { display:block !important; }

		h1 { font-size:28px; line-height:30px; margin-bottom:20px; }
		h2 { font-size:24px; line-height:26px; margin-bottom:10px; }
		h3 { font-size:20px; line-height:22px; margin-bottom:10px; }
		h4 { font-size:18px; line-height:20px; margin-bottom:5px; }
		h5 { font-size:16px; line-height:18px; margin-bottom:5px; }

		a.lnkButton { padding:10px 13px 8px 13px; min-width:70px; }

		/* ---------------------------------------------------------- */
		.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.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; }
		
        /* NAVIGATION BAR */
        #headerSection { height:auto; }
        .headerLf { width:30%; margin-right:auto; text-align:left; }
        .headerMd { }
        .headerRg { width:30%; margin-left:auto; text-align:right; /* flex item gap */ }
        .langIcn { margin-top:0; }
        .webLogo img { height:70px; }
        /* drop menu */
        .menuBx { top:75px; left:2%; right:2%; bottom:5px; }
        .menuWrap { position:absolute; top:20px; bottom:20px; left:20px; right:20px; overflow-y:auto; padding:15px 0; width:auto; max-width:none; }
        .menuWrap.wrapFlex { flex-direction:column; gap:0; }
        /* navigation */
        ul.nvMenu { position:relative; display:block; max-width:none; margin:10px 0; width:100%; padding:0 0 10px 0; border:0; border-bottom:1px #999999 dashed; }
        ul.nvMenu:first-child { margin-top:0; }
		ul.nvMenu>li { display:none; position:relative; margin:4px 0; padding:3px 0; font-size:18px; line-height:20px; }
		ul.nvMenu>li a { color:#FFFFFF; opacity:0.6; }
        ul.nvMenu>label { margin-bottom:5px; }
        /* dropdown menu */
        ul.nvMenu.nvLanguage { border-bottom:0; }
        ul.nvMenu.nvLanguage>li { display:block; padding:0; margin:0; }
        
        /* BANNER VIDEO */
        .videoWrap { position:absolute; top:0; bottom:0; left:0; right:0; }
        a.toggleVidMute { left:10%; bottom:17%; }
        
        /* BOOKING BAR */
        .bookFrame { bottom:3%; position:fixed; }
        .roomBarFrame { bottom:8%; position:fixed; }
        ul.bookBrFrm>li { width:auto; margin-right:5%; }
        ul.bookBrFrm>li.fldDate { width:50%; }
        
        /* ROOM TYPE */
        ul.bookBrCnt { flex-direction:column; width:100% !important; }
        ul.bookBrCnt>li { width:100% !important; min-height:0; border-left:0; padding:0; }
        ul.bookBrCnt>li.fldContent { margin-bottom:10px; }
        ul.bookBrCnt>li.fldPrice { margin-bottom:10px; }
        .roomBrDv { width:100%;  }
        .owl-carousel.roomCrsl .owl-nav { position:fixed; z-index:20; bottom:2%; left:1%; right:1%; }
        
        /* COLUMN CONTENT */
        ul.columnLst { flex-direction:column; width:100%; height:82vh; }
        ul.columnLst>li { width:100%;  margin:2.5px 0; }
        ul.grwHvr>li:hover { flex-grow:5 !important; }
        ul.grwHvr>li .columnBg { opacity:0.6; }
        .scrlBx { position:absolute; top:10px; bottom:10px; left:2%; right:2%; overflow-y:auto; height:90vh; }
        ul.slideLst.owl-carousel li { height:60vh; }
        ul.slideLst.owl-carousel.hlf li { height:60vh; }
        .cntHvr:hover .columnBg::after { height:70%; }
        
        /* POP UP BANNER */
        .modalBox { width:92%; height:62vh; }
        .btnMdlClose,.btnPopClose { top:0; right:-5px; }
        .popBnrImg { width:96%; height:62vh; }
        
        /* DETAIL */
        grid-container.detailBx {
            grid-template-columns: 100%;
            grid-template-rows: 30vh 55vh;
            grid-auto-rows: auto;
        }
        grid-container.contactBx { 
            height:92vh;
            grid-template-rows: 35vh 50vh !important;    
        }
        /* F&B */
        .sectionDining { position:relative !important; } 
        grid-container.restoBx {
            grid-template-columns: 100%;
            grid-template-rows: 60vh 100vh;
            grid-auto-rows: auto;
        }
        .outletWrap { height:100%;}
        grid-container.outletBx {
            grid-column: 1;
            grid-template-columns: 100% !important;
            grid-template-rows: 100vh auto auto !important; 
            grid-auto-rows: 20vh;
        }
        grid-container.outletBx .columnCnt { text-align:center; }
        [colMerge2] {
          grid-column: 1;
        }
        ul.columnLst.dineOutlet { height:100%; }
        grid-item.mblHvr { height:15vh !important; }
        grid-item.mblHvr:hover { height:40vh !important; }
        ul.columnLst.iconLst { display:inline-block; gap:0; }
        ul.columnLst.iconLst>li { padding:10px 0; }
        
        /* KAPPA ABOUT PAGE */
        .sectionPhilosophy { position:relative !important; } 
        grid-container.kappaBx {
            grid-template-columns: 100%;
            grid-template-rows: 60vh 100vh;
        }
        ul.aboutLst { flex-direction:column; width:100%; }
        
        /* OFFERS */
        .sectionOffers { position:relative !important; } 
        ul.grdLst.colLst { 
            grid-template-columns: 100%; 
            grid-template-rows: 60vh;
            grid-auto-rows:auto; 
        }
        ul.grdLst.rowLst { 
            grid-template-columns: 100%; 
            grid-auto-rows:60vh;
        }
        ul.grdLst.rowLst>li:nth-child(odd) ul.grdLst.colLst { grid-template-columns: 50% 50%; }
        .hlghtBx .boxCnt { width:80%; }
        .hlghtBx .boxCnt .cntHeader>h2 { font-size:30px; line-height:30px; }
        
        /* COLUMN */
        .cntHeader.main { text-align:center; }
        .columnCnt.cntMid { width:90%; }
        .columnCnt.cntRight { left:auto; right:auto; top:auto; bottom:auto; width:90%; text-align:center; }
        .columnCnt.cntVCenter { margin-bottom:20%; }
        .cntHeader>h1 { font-size:26px; line-height:26px; }
        .cntBody {  }
        .cntBrief { text-align:justify; }
        .cntMsg { margin-top:15px; }
        
        /* download */
        ul.dwnldLst>li { font-size:16px; line-height:20px; }
        
        /* CONTACT */
        ul.contactLst { margin-bottom:15px }
        ul.contactLst>li { margin:0; }
        
        
        ul.slideLst.owl-carousel .owl-nav button.owl-prev { left:9%; }
        ul.slideLst.owl-carousel .owl-nav button.owl-next { left:25%; }
        
        /* GALLERY */
        .sectionGallery .bannerArrw { position:fixed; bottom:7.5%; }
        .owl-carousel.galleryCrsl .owl-nav { position:fixed; bottom:8%; left:5%; right:5%; }
        .owl-carousel.galleryCrsl .owl-nav button.owl-prev { left:28% !important; }
        .owl-carousel.galleryCrsl .owl-nav button.owl-next { right:28% !important; }
        
        
        
} 

/* SMALL SCREEN, iPHONE MINI */
@media only screen 
and (max-width: 360px) {
	.colmnFt.colAddrs { width:100%; }
	.colmnFt.colNav { width:100%; }
	ul.btmColCnt.colAddrs { width:100%; margin-right:0; }
}

/* VERY SMALL SCREEN, iPHONE 5 */
@media only screen 
and (max-width: 320px) {
	.colmnFt.colAddrs { width:100%; }
	.colmnFt.colNav { width:100%; }
	ul.btmColCnt.colAddrs { width:100%; margin-right:0; }
	ul.nvBookingLst>li.dl { float:left; width:48% !important; }
	ul.nvBookingLst>li.dlr { float:left; width:48% !important; margin-left:10px; }
	ul.nvBookingLst>li.dl input, ul.nvBookingLst>li.dlr input { width:68% !important; }
}

/* PHONES LANDSCAPE ORIENTATION */
@media only screen 
and (max-width: 1000px)
and (orientation: landscape) {
        .popRenoBx { bottom:20% !important; left:auto !important; right:1.5% !important; }
}

/* TABLET LANDSCAPE ORIENTATION */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
	 	ul.nvMenu>li { letter-spacing:0.6px; padding:2px 0; margin:0 2.8%; }
	 	ul.offrsLst>li { margin:15px 20px; }
}