@charset "utf-8";
*
{ font-family:'Playfair Display', Arial,Verdana, Geneva, sans-serif;}

.specChar
{ font-family: 'PT Serif', serif !important;}

.popupArea .popupInner .disclaimerContent .tit
{ font-size:20px; font-size:1.667rem; text-transform:uppercase; font-weight:400;}
.popupArea .popupInner .disclaimerContent p
{ font-size:15px; font-size:1.25rem; line-height:1.3;}
.popupArea .popupInner .disclaimerContent a
{ font-size:16px; font-size:1.333rem; text-transform:uppercase; }

.popupArea .popupInner .formMsgContent p
{ font-size:15px; font-size:1.25rem; line-height:1.3;}


.enquiryPanel .panelInner .tit
{ font-size:42px; font-size:3.5rem; line-height:1.3; text-transform:uppercase; font-weight:normal;}
.enquiryPanel .panelInner p.leadin
{ font-size:14px; font-size:1.167rem; line-height:1.3;}
.enquiryPanel .panelInner p.leadin span
{ font-family: 'Prata', serif; letter-spacing:1px;}
.enquiryPanel .panelInner .labelCol
{ font-size:13px; font-size:1.083rem; line-height:1.3; text-transform:uppercase;}
.enquiryPanel .panelInner .inputCol span
{ top:0.1333rem;}
.enquiryPanel .panelInner .inputCol label
{ font-size:13px; font-size:1.083rem; line-height:1.3;}
.enquiryPanel .panelInner .inputCol input.textInput
{ font-size:13px; font-size:1.083rem; line-height:1.3;}
.enquiryPanel .panelInner .inputCol .textareaInput
{ font-size:13px; font-size:1.083rem; line-height:1.3;}

.enquiryPanel .panelInner .remarksRow
{ font-size:12px; font-size:1rem; line-height:1.3;}
.enquiryPanel .panelInner .remarksRow span
{ font-size:12px; font-size:1rem; line-height:1.3;}

.enquiryPanel .panelInner .ctaRow a
{ font-size:16px; font-size:1.333rem; text-transform:uppercase; }

/* Header Setting
***********************/
#header .inner .topNavCol .topNavInner a.btnEN,
#header .inner .topNavCol .topNavInner a.btnTC,
#header .inner .topNavCol .topNavInner a.btnSC
{ font-size:16px; font-size:1.333rem; text-transform:uppercase; }
#header .inner .topNavCol .topNavInner a.btnVGroup
{ font-size:16px; font-size:1.333rem; text-transform:uppercase; font-weight:400;}
.btnEnquiry .txtCol
{ font-size:20px; font-size:1.667rem; text-transform:uppercase; font-weight:400;}

#header .inner .btmNavRow .mainNavCol li
{ margin-left:60px;}
#header .inner .btmNavRow .mainNavCol li a
{ font-size:16px; font-size:1.333rem; font-weight:400; text-transform:uppercase;}

#header .inner .secondLvMenu li
{ margin-left:40px;}
#header .inner .secondLvMenu li a
{ font-size:14px; font-size:1.167rem; font-weight:700;}

#header .inner .thirdLvMenu
{ padding-right:100px; }
#header .inner .thirdLvMenu.typicalUnitMenu
{ padding-right:314px; }
#header .inner .thirdLvMenu li
{ padding:0px 20px;}
#header .inner .thirdLvMenu li.first
{ padding-left:0px;}
#header .inner .thirdLvMenu li.last
{ padding-right:0px;}
#header .inner .thirdLvMenu li a
{ font-size:14px; font-size:1.167rem; font-weight:400;}


.mobileNavArea .inner ul li > a
{ font-size:16px; font-size:1.333rem; text-transform:uppercase;}
.mobileNavArea .inner ul.secondLvMenu > li > a
{ font-weight:700;}

.mobileNavArea .inner ul li.m7 a
{ font-size:14px; font-size:1.5rem;}


/* Footer Setting
***********************/
#footer .innerArea li span
{ font-family: 'Prata', serif; letter-spacing:1px;}
#footer .innerArea li,
#footer .innerArea li a
{ font-size:12px; font-size:1rem; text-transform:uppercase;}

#footer .innerArea .btnLease .txtCol p
{ font-size:18px; font-size:1.5rem; line-height:1.3; text-transform:uppercase;}
#footer .innerArea .btnLease .txtCol p span
{ font-size:16px; font-size:1.333rem; line-height:1.3; font-family: 'Prata', serif; letter-spacing:1px;}

/* Main Content Setting ***********************/
.mainContentArea .sectionLabel .txtCol p
{ font-size:28px; font-size:2.333rem; text-transform:uppercase;}

/* Intro Row Setting ***********************/
.introRow .logoArea h1
{ font-size:18px; font-size:1.5rem; font-weight:normal;}
.introRow .sloganArea p
{ font-size:46px; font-size:3.833rem;}


/* About Row Setting **************************/
.aboutRow .innerContentRow .videoCol .btnPlay a
{ font-size:18px; font-size:1.5rem;}

.aboutRow .innerContentRow .descCol .descInner h2
{ font-size:24px; font-size:2rem; line-height:1.3; font-weight:normal; }
.aboutRow .innerContentRow .descCol .descInner p
{ font-size:18px; font-size:1.5rem; line-height:1.5;}
.aboutRow .innerContentRow .descCol .descInner .slogan
{ font-size:18px; font-size:1.5rem; line-height:1.3;}


/* Room Type Row Setting **************************/
.roomTypeRow .roomDescArea .roomTitle
{ font-size:26px; font-size:2.167rem; line-height:1.3; text-transform:uppercase; font-weight:normal;}
.roomTypeRow .roomDescArea .roomDesc
{ font-size:16px; font-size:1.333rem; line-height:1.3; text-transform:uppercase;}
.roomTypeRow .roomDescArea .roomDetails dt
{ font-size:22px; font-size:1.833rem; line-height:1.3;}
.roomTypeRow .roomDescArea .roomDetails dt img
{ position:relative; top:0.1667rem; width:auto; height:2rem;}
.roomTypeRow .roomDescArea .roomDetails dt span
{ font-size:22px; font-size:1.833rem; line-height:1.3; font-family: 'Prata', serif; letter-spacing:1px;}
.roomTypeRow .roomDescArea .roomDetails dd
{ font-size:16px; font-size:1.333rem; line-height:1.3; text-transform:uppercase;}
.roomTypeRow .roomDescArea .ctaRow a
{ font-size:20px; font-size:1.667rem; line-height:1.3; text-transform:uppercase;}

/* Amenities Row Setting **************************/
.amenitiesRow .innerContentRow .detailsContent .txtCol p
{ font-size:22px; font-size:1.833rem; line-height:1.3; letter-spacing:1px; text-transform:uppercase;}
.amenitiesRow .innerContentRow .detailsContent.wellnessContent .txtCol p img
{ top:0.6667rem; width:auto; height:2.5rem;}

/* Location Row Setting **************************/
.locationRow .catalogDetails .catalogDetailsInner .tit
{ font-size:26px; font-size:2.167rem; line-height:1.3; text-transform:uppercase; font-weight:normal;}
.locationRow .catalogDetails .catalogDetailsInner p
{ font-size:16px; font-size:1.333rem; line-height:1.5;}

.locationRow .infobox
{ font-size:16px; font-size:1.333rem; line-height:1.3; text-transform:uppercase;}
.locationRow .infobox span
{ font-size:13px; font-size:1.083rem; line-height:1.3; text-transform:uppercase;}

/* Brochure Row Setting **************************/
.brochureRow .innerContentRow .txtCol h3
{ font-size:32px; font-size:2.667rem; line-height:1.3; text-transform:uppercase; letter-spacing:1px;}
.brochureRow .innerContentRow .txtCol p
{ font-size:22px; font-size:1.833rem; line-height:1.3; letter-spacing:1px;}
.brochureRow .innerContentRow .ctaRow a
{ font-size:20px; font-size:1.667rem; line-height:1.3; text-transform:uppercase;}


@media screen and (max-width:1200px){
/* Header Setting
***********************/
#header .inner .secondLvMenu li
{ margin-left:20px;}
#header .inner .secondLvMenu li a
{ font-size:15px; font-size:1.25rem;}
#header .inner .thirdLvMenu
{ padding-right:5%;}
#header .inner .thirdLvMenu.typicalUnitMenu
{ padding-right:266px; }
#header .inner .thirdLvMenu li
{ padding:0px 10px;}
#header .inner .thirdLvMenu li.first
{ padding-left:0px;}
#header .inner .thirdLvMenu li.last
{ padding-right:0px;}
#header .inner .thirdLvMenu li a
{ font-size:15px; font-size:1.25rem;}
}

@media screen and (max-width:1024px){
.introRow .logoArea h1
{ font-size:16px; font-size:1.333rem;}
.introRow .sloganArea p
{ font-size:36px; font-size:3rem;}
}

@media screen and (max-width:970px){
.menuRow
{ display:none;}
}


@media screen and (max-width:768px){

/* Intro Row Setting ***********************/
.introRow .sloganArea p
{ font-size:38px; font-size:3.167rem;}


/* Main Content Setting ***********************/
.mainContentArea .sectionLabel .txtCol h1
{ font-size:24px; font-size:2rem;}


/* About Row Setting **************************/
.aboutRow .innerContentRow .videoCol .btnPlay a
{ font-size:16px; font-size:1.333rem;}

.aboutRow .innerContentRow .descCol .descInner h2
{ font-size:20px; font-size:1.667rem; }
.aboutRow .innerContentRow .descCol .descInner p
{ font-size:16px; font-size:1.333rem;}
.aboutRow .innerContentRow .descCol .descInner .slogan
{ font-size:16px; font-size:1.333rem;}


/* Room Type Row Setting **************************/
.roomTypeRow .roomDescArea .roomTitle
{ font-size:22px; font-size:1.833rem;}
.roomTypeRow .roomDescArea .roomDesc
{ font-size:16px; font-size:1.333rem;}
.roomTypeRow .roomDescArea .roomDetails dt
{ font-size:18px; font-size:1.5rem; }
.roomTypeRow .roomDescArea .roomDetails dt img
{ top:0.25rem; height:1.833rem;}
.roomTypeRow .roomDescArea .roomDetails dt span
{ font-size:18px; font-size:1.5rem; }
.roomTypeRow .roomDescArea .roomDetails dd
{ font-size:16px; font-size:1.333rem;}
.roomTypeRow .roomDescArea .ctaRow a
{ font-size:18px; font-size:1.5rem; }


/* Amenities Row Setting **************************/
.amenitiesRow .innerContentRow .detailsContent .txtCol p
{ font-size:22px; font-size:1.833rem;}
.amenitiesRow .innerContentRow .detailsContent.wellnessContent .txtCol p img
{ top:0.3333rem; height:1.667rem;}


/* Location Row Setting **************************/
.locationRow .catalogDetails .catalogDetailsInner .tit
{ font-size:22px; font-size:1.833rem;}
.locationRow .catalogDetails .catalogDetailsInner p
{ font-size:16px; font-size:1.333rem;}


/* Brochure Row Setting **************************/
.brochureRow .innerContentRow .txtCol h3
{ font-size:24px; font-size:2rem;}
.brochureRow .innerContentRow .txtCol p
{ font-size:20px; font-size:1.667rem; }
.brochureRow .innerContentRow .ctaRow a
{ font-size:18px; font-size:1.5rem; }

}


@media screen and (max-width:600px){
/* Header Setting
***********************/
.btnEnquiry .txtCol
{ font-size:18px; font-size:1.5rem; }

/* Intro Row Setting ***********************/
.introRow .sloganArea p
{ font-size:28px; font-size:2.333rem;}
}



@media screen and (max-width:425px){
/* Font Size Ratio
font-size:13px; : font-size:4vw;
font-size:14px; : font-size:4vw;
font-size:16px; : font-size:4vw;
font-size:18px; : font-size:4.2vw;
font-size:20px; : font-size:5vw;
font-size:24px; : font-size:5.5vw;
font-size:30px; : font-size:6vw; 
font-size:36px; : font-size:7vw; 
font-size:80px; : font-size:14vw; 
**************************/


.mobileNavArea .inner ul li > a
{ font-size:15px; font-size:3.75vw;}

.mobileNavArea .inner ul li.m7 a
{ font-size:15px; font-size:4vw;}

.popupArea .popupInner .disclaimerContent .tit
{ font-size:18px; font-size:4.5vw;}
.popupArea .popupInner .disclaimerContent p
{ font-size:16px; font-size:4vw; }
.popupArea .popupInner .disclaimerContent a
{ font-size:16px; font-size:4vw; }

.popupArea .popupInner .formMsgContent p
{ font-size:16px; font-size:4vw; }


/* Header Setting
***********************/
.btnEnquiry .txtCol
{ font-size:16px; font-size:4vw; }


/* Intro Row Setting ***********************/
.introRow .sloganArea p
{ font-size:22px; font-size:5.5vw;}


/* Main Content Setting ***********************/
.mainContentArea
{ padding-bottom:45px;}
.mainContentArea .sectionLabel .txtCol h1
{ font-size:18px; font-size:4.5vw;}


/* About Row Setting **************************/
.aboutRow .innerContentRow .videoCol .btnPlay a
{ font-size:15px; font-size:3.75vw;}

.aboutRow .innerContentRow .descCol .descInner h2
{ font-size:20px; font-size:4.5vw; }
.aboutRow .innerContentRow .descCol .descInner p
{ font-size:15px; font-size:3.75vw;}
.aboutRow .innerContentRow .descCol .descInner .slogan
{ font-size:15px; font-size:3.75vw;}


/* Room Type Row Setting **************************/
.roomTypeRow .roomDescArea .roomTitle
{ font-size:20px; font-size:5vw; }
.roomTypeRow .roomDescArea .roomDesc
{ font-size:15px; font-size:3.75vw;}
.roomTypeRow .roomDescArea .roomDetails dt
{ font-size:17px; font-size:4.25vw; }
.roomTypeRow .roomDescArea .roomDetails dt img
{ top:0.1667rem; height:1.833rem; height:4.5vw;}
.roomTypeRow .roomDescArea .roomDetails dt span
{ font-size:17px; font-size:4.25vw; }
.roomTypeRow .roomDescArea .roomDetails dd
{ font-size:15px; font-size:3.75vw;}
.roomTypeRow .roomDescArea .ctaRow a
{ font-size:17px; font-size:4.25vw; }

.wrapper-dropdown-1 
{ font-size:17px; font-size:4.25vw; }
.wrapper-dropdown-1 .dropdown li a
{ font-size:17px; font-size:4.25vw; }

/* Amenities Row Setting **************************/
.amenitiesRow .innerContentRow .detailsContent .txtCol p
{ font-size:18px; font-size:4.5vw;}
.amenitiesRow .innerContentRow .detailsContent.wellnessContent .txtCol p img
{ top:0.3333rem; height:1.667rem; height:4.75vw;}

/* Location Row Setting **************************/
.locationRow .catalogDetails .catalogDetailsInner .tit
{ font-size:20px; font-size:5vw; }
.locationRow .catalogDetails .catalogDetailsInner p
{ font-size:15px; font-size:3.75vw;}

/* Brochure Row Setting **************************/
.brochureRow .innerContentRow .txtCol h3
{ font-size:20px; font-size:5vw; }
.brochureRow .innerContentRow .txtCol p
{ font-size:18px; font-size:4.5vw;}
.brochureRow .innerContentRow .ctaRow a
{ font-size:17px; font-size:4.25vw; }

}