/* 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; }
		a.lnkMore.sml { font-size:13px; line-height:14px; }
		.dvSmIcn.icnMore { margin-top:-1px; }

		/* ---------------------------------------------------------- */
		/* sticky scroll content */
		.stickyScroll.stickyOn { left:0; right:0; width:94%; padding:3%; background-color:rgba(255,255,255, 0.9); border-bottom:1px #EEEEEE solid; margin:auto; }

		/* MODAL POPUP */
		.mdlArea { top:5%; bottom:5%; left:5%; right:5%; max-height:90vh !important; }
		.mdlArea.mdlSubscribe { max-width:none; max-height:75vh !important; }
		/* form popup */
		.frmBxTitle { position:relative; top:0; }
		.frmBxTitle>h3 { font-size:22px; line-height:22px; }
		.frmBx { top:15px; bottom:15px; left:15px; right:15px; }
		.frmBxScrl { position:absolute; top:40px; bottom:0; }
		.frmBxLf { top:0; bottom:auto; width:100%; height:180px; }
		.frmBxRg { top:20px; bottom:0; right:0; left:0; margin:auto; width:90%; }
		.frmCol { width:100% !important; }
		.frmBxLf.pDetColLf { position:relative; height:auto; }
		.frmBxRg.pDetColRg { position:relative; width:100%; height:auto; }

		/* SLICK */
		.carouselArrwBx { width:10%; }
		ul.slick-dots { bottom:-30px; }
		ul.slick-dots li { margin:3px !important; }
		/* vertical style */
		ul.vertical-dots { left:-12%; top:10%; }
		
		/* WEB CUSTOM STYLE */
		.topSection.topGap { margin-top:40px !important; }
		.contentSection { min-height:0; padding:50px 0; }
		.contentSection.topSection { padding-top:0; }
		.contentSection.pageHeading { margin-top:30px; padding:40px 0 30px 0; }
		.contentSection.header { margin-top:10px; padding:70px 0 20px 0; }
		.contentSection.cleaned { padding-bottom:0; }
		.contentSection.listSection { padding:20px 0 40px 0; }
		.contentWrap.headingWrap { width:92%; display:block !important; }
		/* HEADER */
		.headerLf { width:50%; margin-right:auto; text-align:left; }
        .headerMd { display:none; }
        .headerRg { width:auto !important; margin-left:auto; text-align:right; /* flex item gap */ }
        .headerNav { padding:10px 0 !important; }
        .headerNvBar { position:relative; }
        .webLogo { margin:0; }
        /* HEADER CORPORATE SITE */
        #headerSection.groupSite .headerLf, #headerSection.groupSite .headerRg, #headerSection.groupSite .menuBx { margin-top:10px; }
        #headerSection.groupSite .headerNav { padding:10px 0; }
        .headerBook.hideBookingBar { display:block !important; }
        #headerSection.headerSectionBanner select.bookgFld { background-color:transparent !important; padding:7px 3px; }
        
        /* NAVIGATION */
        a.mobileNav { display:inline-block; width:25px; height:25px; }
        a.mblNavClose { display:inline-block; position:absolute; top:30px; right:30px; width:20px; height:20px; background:url('../../i/icons/nvmobile-close.png') no-repeat center; }
        /* mobile menu box */
        .mobileMenu { z-index:10000; position:fixed; top:0; bottom:0; left:0; right:0; background:rgba(255,255,255, 0.95); }
        .mblNavBx { position:absolute; top:70px; left:30px; right:30px; bottom:30px; }
        ul.nvMenu>li { float:none; width:100%; font-size:22px; margin:15px 0; text-align:right; }
        ul.nvMenu>li a { color:#000000 !important; }
        ul.nvMenu>li:hover::after { display:none; }
        ul.nvMenu>li.nvLogo { width:100%; }
        .menuNote { font-size:16px; margin-top:30px; text-align:right; }
        /* drop navigation */
        .nvDrop { position:relative !important; margin-bottom:10px !important; background-color:transparent !important; border:0 !important; padding:5px 0 !important; }
        ul.nvDwMenu>li { font-size:20px; text-align:right; padding:10px 0; border-top:0 !important; border-bottom:1px #999999 dashed !important; }
        ul.nvDwMenu>li:first-child { border-bottom:1px #999999 dashed !important; }
        /* BOOKING BAR */
        .headerBook { z-index:1000; display:block; position:fixed; bottom:0; left:0; right:0; padding:5px 0 10px 0; border-top:2px #CCCCCC solid !important; border-bottom:0; background-color:rgba(0,0,0, 0.6); }
        .headerBook.hideBookingBar { display:block; }
        /* logo nav mobile */
        ul.nvLogoMbl { list-style-type:none; width:100%; display:flex; justify-content:flex-end; align-items:center; gap:7%; }
        ul.nvLogoMbl>li { }
        ul.nvLogoMbl>li img { max-height:50px; max-width:135px; }
        
        /* FOOTER */
        .footerNvRow { padding:10px 0; }
        .footerWrap { width:92%; }
        .ftFlexWrap { display:block; }
        .ftColLf { width:100%; max-width:600px; padding:10px 0; border-right:0; display:block; }
        .ftColRg { padding:20px 0 15px 0; margin-left:0; text-align:left; }
        .footerCprghtRow { padding:14px 0 75px 0; }
        /* footer navigation */
        .ftNvBx { margin-top:10px; }
        .ftNvBx:first-child { margin-top:0; }
        ul.ftNv { padding-right:0; margin-top:10px; border-bottom:1px #EEEEEE dashed; }
        ul.ftNv>label { display:block; font-size:19px; margin-bottom:8px; }
        ul.ftNv>li { display:none; font-size:18px; margin:5px 0; }
        ul.ftNv>li:last-child { margin-bottom:10px; }
        label.icnSetLabel { margin-bottom:8px; }
        .ftRwBx { margin-top:20px; }
        ul.ftSdNv>li { border-left:0; }
        /* logo brands */
        ul.ftBrands.carouselList li.slick-slide { margin:0 5px; }
        
        /* PAGE CONTENT */
        .cntList { margin:0; }
        .cntBody.cntList { padding:20px 0 !important; }
        
        /* PAGE HEADING */
        .headingTtl { width:96%; margin-bottom:20px; }
        .headingBrf { width:96%; }
        
        /* PROMO */
        .flxBx { display:block; }
        .promoColLf { width:100% !important; margin-bottom:20px; }
        .promoColRg { width:100% !important; }
        .htPromoCnt { padding-left:5px; padding-right:5px; }
        .htPromoBrf { padding-left:0; padding-right:0; }
        ul.htPromoLst { width:100%; }
        ul.htPromoLst { z-index:0; }
        ul.htPromoLst.flip li:nth-child(odd) .htPromoCnt { text-align:left; padding-left:5px; padding-right:5px; }
        ul.htPromoLst.flip li:nth-child(odd) .htPromoBrf { text-align-last:left; padding-left:0; padding-right:0; }
        ul.htPromoLst.flip li:nth-child(odd) ul.actLst>li { float:left; }
        
        /* NEWS LIST */
        ul.nwLst.carouselList li.slick-slide { margin:0 10px; }
        .nwLstMsg { min-height:0; }
        
        /* HOME HOTEL LIST */
        .colFix { flex-direction:column; }
        .colFix.htlHmCol>.colFixLf { width:100% !important; height:auto; }
        .colFix.htlHmCol>.colFixRg { position:relative; width:100% !important; height:auto; }
        .htlNtBx { margin:20px 0; width:90%; }
        
        /* HOME UNIT ROOMS */
        .rmHmSection { background-color:#FFFFFF; }
        .rmHmPicBx { padding-bottom:50px; }
        .colFix.rmHmCol>.colFixLf { width:100% !important; }
        .colFix.rmHmCol>.colFixRg { width:100% !important; }
        ul.rmHm.carouselList li.slick-slide { margin:0 6px; }
        .rmHmCnt { width:92%; padding:10px 4%; min-height:0; }
        .rmHmPrc { width:92%; padding:10px 4%; display:flex; justify-content:flex-start; align-items:center; }
        .rmHmPrc .rmPriceBx { margin-bottom:0; }
        .rmHmPrc a.lnkMore { margin-left:auto; }
        .rmHmBx.flexBxContainer { flex-direction:column; }
        
        /* HOME BANNER */
        h2.bannerTtl { font-size:36px; line-height:36px; }
        ul.bookgBar.stBooking input.bookgFld { min-width:180px; }
        ul.bookgBar.stBooking input.bookgFld.fldDate { width:180px; }
        .crslPrevBanner { top:auto !important; bottom:0 !important; }
        .crslNextBanner { top:auto !important; bottom:0 !important; }
        .bannerFind { width:90%; height:140px; }
        
        .modalContent { max-width:92vw; height:550px; }
        
        /* HOME WELCOME */
        .openingWrap .colFix { display:flex; flex-direction:column-reverse; }
        .welcomeImg { padding-bottom:60%; }
        
        /* OUR HOTELS */
        ul.oHtlLst>li { width:94%; min-height:300px; vertical-align:top; margin:15px 0; }
        
        /* COLUMN FIX */
        .colRow { margin-top:40px; }
        .colFix { display:block; }
        .colFix>.colFixLf { margin:0; width:100% !important; text-align:left; }
        .colFix>.colFixRg { margin:0; width:100% !important; }
        .colFix.flip>.colImgBg { padding-bottom:50%; }
        .colImgBg { margin-bottom:20px !important; }
        .msgBx { margin-left:auto !important; margin-right:auto !important; width:96% !important; text-align:center !important; }
        .msgBrf { text-align:justify; }
        
        /* ROOM TYPE */
        .colFix.rmBrief>.colFixLf { width:100% !important; padding:0 !important; border-right:0 !important; }
        .colFix.rmBrief>.colFixRg { width:100% !important; padding:20px 0 0 0 !important; }
        .colFix.rmBookBx { display:flex !important; justify-content:center !important; align-items:center !important; flex-direction:row; }
        .colFix.rmBookBx>.colFixLf { width:50% !important; margin-right:auto !important; }
        .colFix.rmBookBx>.colFixRg { width:40% !important; margin-left:auto !important; }
        
        /* CONTACT US */
        .colMap { margin-bottom:30px !important; }
        
        /* NEWSROOM */
        ul.nwCatLst { top:80px; padding-right:0; padding-left:4%; border-right:0; border-left:2px #DDDDDD solid; overflow:hidden; margin-bottom:20px; }
        ul.nwCatLst>li { float:left; text-align:left; margin-right:5%; }
        
        /* TEAM */
        ul.teamLst>li { flex-direction:column; width:90%; }
        ul.teamLst>li::after { left:0; right:0; margin:auto; height:1px; width:67%; }
        .teamPic { width:60%; margin-bottom:15px; }
        .teamBx { width:100%; margin-left:0; text-align:center; }
        
        /* OFFERS */
        ul.gridBx.offrLst { display:block; }
        ul.gridBx.offrLst>li { margin:40px 0 0 0; }
        ul.gridBx.offrLst>li:first-child { margin-top:0; }
        
        /* MEMBERSHIP */
        ul.lstMbrType.gridBx { grid-template-columns: 38% 55%; grid-column-gap:3%; }
        ul.lstMbrType.gridBx.cardSelect { display:grid !important; grid-template-columns: 38% 55%; }
        select.selCardType { padding:5px; border:1px #999999 solid; } 
        ul.lstMbrType.gridBx.mbrTblRow>li:nth-child(3),
        ul.lstMbrType.gridBx.mbrTblRow>li:nth-child(4),
        ul.lstMbrType.gridBx.mbrTblRow>li:nth-child(5) { display:none; }
        
        /* PHOTOS */
        ul.photoLst>li { margin:1.3% 0.8%; width:47%; padding-bottom:32%; }
        
        /* CHAT FLOAT */
        ul.chatIcnBx { bottom:11%; }
        
        /* talenta widget */
        .jbWrap #jobs p { display:block; }
        .jbWrap #jobs a { display:block !important; }
        
        /* CONTACT */
        /* listing */
        ul.gridBx.cntAddrsLst { width:94%; grid-template-columns: repeat(1, 1fr); margin:0; }
        ul.gridBx.cntAddrsLst li { text-align:left; border:0; }
        .cntAddrsBx { margin:5px 6%; }
        .crslPrevAddrs { left:-8px !important; }
        .crslNextAddrs { right:-8px !important; }
        .contactMsgBx { text-align:left !important; }
        ul.ftSocMed { display:inline-block; }
} 

/* 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: 1024px)
and (orientation: landscape) {
}

/* 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; }
}

@media (min-width: 768px) and (max-width: 1024px) and (orientation : portrait) {
    .desktopOnly { display:block !important; }
	.mobileOnly { display:none !important; }
}