.infoDiv100 { display: none; }
.infoDiv300 { display: none; }
.infoDiv450 { display: none; }
.infoDiv700 { display: none; }
.infoDiv768 { display: none; }
.infoDiv900 { display: none; }
.infoDiv1100 { display: block; }
.infoDiv { height: 30px;  position: fixed;  bottom:0%; width:100%;  background-color: #000000; text-align: center; color: #FFFFFF }
.cut-text-multi { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/* Basic ************************************  */
.font-montserrat { font-family: 'Montserrat', sans-serif; }
.w100 { width: 100%; }
.padding0 { padding: 0; }
.pull-center { margin: auto; }
.bg-dark { background-color: #192533!important; padding: 0; }
.bg-white-grey { background-color: #f9f9fb; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-left { text-align: left; }
.bg-red { background-color: #FF0000; }
.bg-green { background-color: #00FF00; }
.bg-blue { background-color: #0000FF; }

/* Nav Bar ************************************  */
.maison-logo { max-width: 70px!important; max-height: 50px!important; margin-left: 10px; margin-top: 3px; }
a.submenu-link:link {color: #ffffff; font-size: 14px!important; font-weight: 300; line-height: 32px; }
a.submenu-link:visited { color: #ffffff; font-size: 14px!important; font-weight: 300; }
a.submenu-link:hover {color: #cdae82; font-size: 14px!important; font-weight: 300; }
a.submenu-link:active {color: #cdae82; font-size: 14px!important; font-weight: 300; }
.section-content { background-color: #FFFFFF; padding-top: 0px; }

/* Hero ************************************ */
.carousel-main-1 { background-color: #192533!important; }
.text-hero { width: 100%; position: absolute; color: #182532; font-weight: 400; text-align: center; }
.text-hero2 { width: 100%; position: absolute; color: #182532; font-weight: 400; text-align: center; font-size: 16px; }
.text-hero { display: none; }

/* Register ************************************  */
.register-text { text-align: center; width: 100%;  }
.register-subtext { color: #ffffff; font-size: 16px!important; font-weight: 300; letter-spacing: 3px; margin-top: 20px; }
.register-img { width: 195px; }
.register-area { margin: 0; margin-top: 100px; }
.section-field-register { width: 90%; max-width: 500px; margin: auto; padding: 30px; color: #FFFFFF; }
.text-field { color: #FFFFFF!important; font-size: 12px; padding-left: 5px; margin-bottom: 20px; }
.text-field::placeholder { color: #FFFFFF!important; font-size: 12px; }
.text-field:-ms-input-placeholder { color: #FFFFFF!important; font-size: 12px; }
.text-field::-ms-input-placeholder { color: #FFFFFF!important; font-size: 12px; }
.note-area { width: 100%; text-align: justify; margin-top: 10px; }
.text-linkout { color: #cbb292; }
.gold-bt { padding: 5px!important; padding-left: 20px!important; padding-right: 20px!important; width: auto; height: auto; font-size: 14px; color: #182532; background-color: #cbb292; }

/* Location ************************************  */
.location-area { padding: 0; padding-top: 50px; text-align: center; }
.location-subtext { font-size: 24px; color: #182532; line-height: 28px; }
.line-divider-black { height: 2px; border: 0; border-top: 3px solid #182532; margin: auto; width: 100%; width: 480px; margin-top: 10px; margin-bottom: 20px; }
.location-headtext  { width: 212px; padding: 20px; }
.location-pic-area { padding: 30px; }
.location-pic1 { height: 700px; padding-right: 10px; }
.location-pic2 { height: 700px; padding-left: 20px; }
.location-pic-area1 { text-align: right; }
.location-pic-area2 { text-align: left; }

/* Path ************************************  */
.path-area { padding-top: 20px; padding-bottom: 50px; padding-left: 50px; padding-right: 50px; }
.path-icon { width: 63px; }
.path-pointer { width: 63px; float: left; }
.path-col { height: 104px; text-align: right; padding: 0; vertical-align: bottom; }
.path-bg { background-image: url('../img/path-bg.png'); }
.path-icon2 { width: 45px; }
.path-pointer2 { width: 45px; height: 73px; float: left; }
.path-col2 { height: 73px; text-align: right; padding: 0; vertical-align: bottom; }
.path-bg2 { background-image: url('../img/path-bg2.png'); }
.path-icon0 { width: 30px; margin-top: -5px; }
.path-pointer0 { width: 30px; height: 50px; float: left; margin-top: -8px; }
.path-col0 { height: 50px; text-align: right; padding: 0; vertical-align: bottom; }
.path-bg0 { background-image: url('../img/path-bg0.png'); }
.path-table0 { display: none; }
.path-table1 { display: none; }
.path-table2 { display: block; }

/* Gallery ************************************  */
.gallery-area { margin: auto; max-width: 1230px; padding-bottom: 50px; }
.gallery-area-table { width: 100%; }
.gallery-area-table-col1 { width: 39%; padding: 0px; padding-right: 4px; }
.gallery-area-table-col2 { width: 37%; padding: 0px; padding-right: 4px; }
.gallery-area-table-col3 { width: 24%; padding: 0px; height: 290px; }
.gallery-area-table-col4 { width: 24%; padding: 0px; padding-top: 4px; }
.gallery-area-table-col1-td { background-color: #192533; color: #FFFFFF; width: 100%; height: 520px; padding: 50px; }
.gallery-area-table-col2-td { width: 100%; height: 520px; padding: 0px; overflow: hidden; }
.gallery-area-table-col3-td { width: 100%; height: 290px; padding: 0px; overflow: hidden; }
.gallery-area-table-col4-td { width: 100%; height: 224px; padding: 0px; overflow: hidden; }
.gallery-head { font-size: 36px; font-weight: 200; }
.gallery-note-area { width: 100%; margin-top: 40px; font-size: 14px; }
.gallery-table2 { width: 100%; margin-top: 25px; }
.gallery-table2-text { font-size: 22px; font-weight: 300; padding-left: 10px; text-align: left; }
.gallery-area-table1 { display: block;  }
.gallery-area-table2 { display: none; width: 100%; max-width: 800px; margin: auto; }
.gallery-area-table-col1x-td { background-color: #192533; color: #FFFFFF; width: 100%; height: 546px; padding: 50px; }
.gallery-area-table-col1xx-td { background-color: #192533; color: #FFFFFF; width: 100%; padding: 50px; }
.gallery-area-table-col1x { }
.gallery-area-table-col2x { width: 291px; height: 180px; }
.gallery-area-table-col2x-td { height: 180px; }
.gallery-area-table3 { display: none; width: 100%; max-width: 400px; margin: auto; }

/* Big Map ************************************  */
.bigmap-img { width: 100%; }
.bigmap-img1 { display: block; }
.bigmap-img2 { display: none; }
.bigmap-img3 { display: none; }
.bigmap-bt-area { padding: 50px; padding-top: 10px; text-align: center; }

/* Project Info ************************************  */
.projectinfo-head { font-size: 30px; font-weight: 400;  margin-top: 60px; }
.projectinfo-divider { width: 70%; }
.projectinfo-table { margin: auto; margin-bottom: 60px; }
.projectinfo-table-td { text-align: left; width: 250px; }
.projectinfo-subhead { font-size: 22px; font-weight: 600; margin-top: 40px; }
.projectinfo-no { font-size: 22px; font-weight: 400; line-height: 42px; text-align: right;  }
.projectinfo-subhead2 { font-size: 22px; line-height: 32px; font-weight: 400; vertical-align: bottom; padding-left: 30px; }

/* Master Plan ************************************  */
.bg-white2 { background-color: #ffffff; }
.masterplan-head { text-align: center; font-size: 30px; font-weight: 400;  }
.bg-sea { padding-top: 50px; padding-bottom: 50px; background-image: url('../img/home6-plan.png'); background-repeat: no-repeat; background-position: center; height: 919px; }
.bg-sea2 { padding-top: 50px; padding-bottom: 50px; background-image: url('../img/home6-plan2.png'); background-repeat: no-repeat; background-position: center; height: 919px; }
.masterplan-plan { max-width: 700px; }
.masterplan-plan-area { padding: 20px; text-align: center; padding-left: 200px; }
.masterplan-head-img { width: 200px; }

/* Unit Detail ************************************  */
.bg-grey2 { background-color: #f9f9fb; }
.bg-unitdetail { padding: 50px; }
.unitdetail-head-img { width: 200px; }
.unitdetail-table { margin: auto; border: 0; width:90%; max-width: 700px; margin-top: 40px; }
.unitdetail-tab-active { cursor: pointer; white-space: nowrap; text-align: center; font-size: 18px; font-weight: 300; padding: 10px; padding-left: 20px; padding-right: 20px; background-color:#192533!important; color: #FFFFFF!important; border: 2px solid #192533!important; }
.unitdetail-tab { cursor: pointer; white-space: nowrap; text-align: center; font-size: 18px; font-weight: 300;  padding: 10px; padding-left: 20px; padding-right: 20px; background-color:#FFFFFF!important; color: #192533!important; border: 2px solid #192533!important; }
.unitdetail-panel { padding: 40px; width: 95%; margin: auto; text-align: center; }
.unitdetail-panel1 { display: block; }
.unitdetail-panel2 { display: none; }
.unitdetail-panel3 { display: none; }
.unitdetail-panel4 { display: none; }
.unitdetail-table-info { width: 100%; }
.unitdetail-table-info-td { width: 50%; }
.unitdetail-table-info-text { font-size: 22px; font-weight: 400; }
.unitdetail-table-info-text-sm { font-size: 18px; font-weight: 500; }
.unitdetail-selector { width: 100%; padding: 5px; font-size: 22px; font-weight: 400; text-align: left; border:0; border-bottom: 2px solid #192533!important; }
.unitdetail-selector-area { width: 80%; margin: auto; padding: 0; }
.unitdetail-arrow { float: right; margin-top: 10px; }
.unitdetail-plan1 { max-height: 370px; margin-top: 10px; }

/* Gallery2 ************************************  */
.bg-gallery2 { padding: 50px; }
.gallery2-head-img { width: 157px; }
.gallery2-table { margin: auto; border: 0; width:90%; max-width: 700px; margin-top: 40px; }
.gallery2-tab-active { text-align: center; width:50%; font-size: 20px; font-weight: 300; padding: 10px; background-color:#192533!important; color: #FFFFFF!important; border: 2px solid #192533!important; }
.gallery2-tab { text-align: center; width:50%; font-size: 20px; font-weight: 300;  padding: 10px; background-color:#FFFFFF!important; color: #192533!important; border: 2px solid #192533!important; }
.gallery2-panel { padding: 40px; width: 95%; margin: auto; text-align: center; }
.gallery2-panel1 { display: block; }
.gallery2-panel2 { display: none; }
.imgvideothumb { height: 80px; }

@media only screen and (min-width: 100px) {
    .AllTabFloorPlan1 { display: none; }
    .AllTabFloorPlan2 { display: block; }
    .imgvideothumb { height: 30px; }
    .unitdetail-tab-active { font-size: 6px; padding: 5px; }
    .unitdetail-tab { font-size: 6px; padding: 5px; }
    .infoDiv100 { display: block; }
    .infoDiv300 { display: none; }
    .infoDiv450 { display: none; }
    .infoDiv700 { display: none; }
    .infoDiv768 { display: none; }
    .infoDiv900 { display: none; }
    .infoDiv1100 { display: none; }
    .text-hero { display: none; }
    .register-img { width: 120px; }
    .register-subtext { font-size: 8px!important; }
    .register-area { margin-top: 40px; }
    .section-field-register { padding-top: 30px; }
    .location-headtext  { width: 140px; }
    .line-divider-black { width: 180px; }
    .location-subtext { font-size: 12px; line-height: 14px; }
    .location-pic-area1 { text-align: center; }
    .location-pic-area2 { text-align: center; }
    .location-pic1 { height: 200px; padding: 0; }
    .location-pic2 { height: 200px; padding: 0; margin-top: 20px; }
    .path-table0 { display: block; }
    .path-table1 { display: none; }
    .path-table2 { display: none; }
    .gallery-table2-text { font-size: 18px; }
    .gallery-head { font-size: 24px; font-weight: 200; }
    .gallery-area-table-col1xx-td { padding: 20px; }
    .gallery-area-table1 { display: none; }
    .gallery-area-table2 { display: none; }
    .gallery-area-table3 { display: block; }
    .bigmap-img1 { display: none; }
    .bigmap-img2 { display: none; }
    .bigmap-img3 { display: block; }
    .projectinfo-head { font-size: 18px; margin-top: 30px; }
    .projectinfo-table-td { width: 110px; }
    .projectinfo-subhead { font-size: 14px; }
    .projectinfo-no { font-size: 20px; }
    .projectinfo-subhead2 { font-size: 14px; }
    .masterplan-head { font-size: 22px; }
    .masterplan-plan { width: 90%; max-width: 300px; }
    .masterplan-plan-area { padding: 20px; }
    .masterplan-head-img { width: 120px; }
    .unitdetail-head-img { width: 120px; }
    .unitdetail-panel { padding: 10px; width: 100%; margin-top: 30px; }
    .unitdetail-selector-area { width: 95%; }
    .unitdetail-table-info-text { font-size: 16px; }
    .unitdetail-table-info-text-sm { font-size: 12px; }
    .gallery2-head-img { width: 80px; }
    .gallery2-panel { padding: 10px; width: 100%; margin-top: 30px; }
}
@media only screen and (min-width: 300px) {
    .infoDiv100 { display: none; }
    .infoDiv300 { display: block; }
    .infoDiv450 { display: none; }
    .infoDiv700 { display: none; }
    .infoDiv768 { display: none; }
    .infoDiv900 { display: none; }
    .infoDiv1100 { display: none; }
    .text-hero { display: none; }
    .register-subtext { font-size: 10px!important; }
    .register-area { margin-top: 50px; }
    .section-field-register { padding-top: 40px; }
    .location-headtext  { width: 140px; }
    .line-divider-black { width: 300px; }
    .location-subtext { font-size: 16px; line-height: 18px; }
    .location-pic1 { height: 330px; padding: 0; }
    .location-pic2 { height: 450px; padding: 0; margin-top: 40px; }
    .gallery-table2-text { font-size: 22px; }
    .gallery-area-table1 { display: none; }
    .gallery-area-table2 { display: none; }
    .gallery-area-table3 { display: block; }
    .gallery-head { font-size: 26px; font-weight: 200; }
    .gallery-area-table-col1xx-td { padding: 20px; }
    .masterplan-head-img { width: 160px; }
}
@media only screen and (min-width: 350px) {
    .path-table0 { display: none; }
    .path-table1 { display: none; }
    .path-table2 { display: block; }
    .projectinfo-head { font-size: 18px; margin-top: 30px; }
    .projectinfo-table-td { width: 120px; }
    .projectinfo-subhead { font-size: 14px; }
    .projectinfo-no { font-size: 22px; }
    .projectinfo-subhead2 { font-size: 14px; }
    .unitdetail-head-img { width: 160px; }
    .gallery2-head-img { width: 100px; }
}
@media only screen and (min-width: 450px) {
    .imgvideothumb { height: 40px; }
    .AllTabFloorPlan1 { display: block; }
    .AllTabFloorPlan2 { display: none; }
    .unitdetail-tab-active { font-size: 6px; }
    .unitdetail-tab { font-size: 6px; }
    .infoDiv100 { display: none; }
    .infoDiv300 { display: none; }
    .infoDiv450 { display: block; }
    .infoDiv700 { display: none; }
    .infoDiv768 { display: none; }
    .infoDiv900 { display: none; }
    .infoDiv1100 { display: none; }
    .register-img { width: 150px; }
    .register-subtext { font-size: 12px!important; }
    .register-area { margin-top: 80px; }
    .section-field-register { padding-top: 50px; }
    .location-headtext  { width: 180px; }
    .line-divider-black { width: 400px; }
    .location-subtext { font-size: 20px; line-height: 22px; }
    .location-pic1 { height: 420px; padding: 0; }
    .location-pic2 { height: 480px; padding: 0; margin-top: 40px; }
    .bigmap-img1 { display: none; }
    .bigmap-img2 { display: block; }
    .bigmap-img3 { display: none; }
    .projectinfo-head { font-size: 24px; margin-top: 30px; }
    .projectinfo-table-td { width: 180px; }
    .projectinfo-subhead { font-size: 18px; }
    .projectinfo-no { font-size: 22px; }
    .projectinfo-subhead2 { font-size: 16px; }
    .masterplan-head { font-size: 28px; }
    .masterplan-plan { width: 90%; max-width: 500px; }
    .masterplan-head-img { width: 200px; }
}
@media only screen and (min-width: 700px) {
    .unitdetail-tab-active { font-size: 10px; }
    .unitdetail-tab { font-size: 10px; }
    .infoDiv100 { display: none; }
    .infoDiv300 { display: none; }
    .infoDiv450 { display: none; }
    .infoDiv700 { display: block; }
    .infoDiv768 { display: none; }
    .infoDiv900 { display: none; }
    .infoDiv1100 { display: none; }
    .submenu-link { padding-left: 5px!important; padding-right: 5px!important; }
    .text-hero { display: block;  top: 90px; font-size: 18px!important; }
    .register-img { width: 195px; }
    .location-pic1 { height: 600px; padding: 0; }
    .location-pic2 { height: 700px; padding: 0; margin-top: 50px; }
    .path-table0 { display: none; }
    .path-table1 { display: block; }
    .path-table2 { display: none; }
    .gallery-head { font-size: 36px; font-weight: 200; }
    .gallery-area-table-col1xx-td { padding: 50px; }
    .gallery-area-table1 { display: none; }
    .gallery-area-table2 { display: block; }
    .gallery-area-table3 { display: none; }
    .unitdetail-head-img { width: 200px; }
    .unitdetail-panel { padding: 40px; width: 95%; margin-top: 0px;}
    .unitdetail-selector-area { width: 80%; }
    .unitdetail-table-info-text { font-size: 22px; }
    .unitdetail-table-info-text-sm { font-size: 18px; }
    .gallery2-head-img { width: 157px; }
    .gallery2-panel { padding: 40px; width: 95%; margin-top: 0px;}
}
@media only screen and (min-width: 768px) {
    .imgvideothumb { height: 80px; }
    .unitdetail-tab-active { font-size: 14px; }
    .unitdetail-tab { font-size: 14px; }
    .infoDiv100 { display: none; }
    .infoDiv300 { display: none; }
    .infoDiv450 { display: none; }
    .infoDiv700 { display: none; }
    .infoDiv768 { display: block; }
    .infoDiv900 { display: none; }
    .infoDiv1100 { display: none; }
    .section-field-register { padding-top: 0px; }
    .location-pic1 { height: 450px; padding-right: 10px; }
    .location-pic2 { height: 450px; padding-left: 20px; margin-top: 0px; }
    .location-pic-area1 { text-align: right; }
    .location-pic-area2 { text-align: left; }
    .bigmap-img1 { display: block; }
    .bigmap-img2 { display: none; }
    .bigmap-img3 { display: none; }
}
@media only screen and (min-width: 900px) {
    .unitdetail-tab-active { font-size: 18px; padding: 10px; padding-left: 20px; padding-right: 20px; }
    .unitdetail-tab { font-size: 18px; padding: 10px; padding-left: 20px; padding-right: 20px; }
    .infoDiv100 { display: none; }
    .infoDiv300 { display: none; }
    .infoDiv450 { display: none; }
    .infoDiv700 { display: none; }
    .infoDiv768 { display: none; }
    .infoDiv900 { display: block; }
    .infoDiv1100 { display: none; }
    .submenu-link { padding-left: 10px!important; padding-right: 10px!important; }
    .text-hero { top: 90px; font-size: 22px!important; }
    .section-field-register { padding-top: 0px; }
    .location-pic1 { height: 500px; }
    .location-pic2 { height: 500px; }
    .projectinfo-head { font-size: 30px; margin-top: 60px; }
    .projectinfo-table-td { width: 250px; }
    .projectinfo-subhead { font-size: 22px; }
    .projectinfo-no { font-size: 22px; }
    .projectinfo-subhead2 { font-size: 18px; }
    .masterplan-head { font-size: 30px; }
    .masterplan-plan { max-width: 700px; }
    .masterplan-plan-area { padding: 20px; padding-left: 200px; }
}
@media only screen and (min-width: 992px) {
    .projectinfo-head { font-size: 24px; margin-top: 30px; }
    .projectinfo-table-td { width: 180px; }
    .projectinfo-subhead { font-size: 18px; }
    .projectinfo-no { font-size: 22px; }
    .projectinfo-subhead2 { font-size: 16px; margin-bottom: 40px; }
}
@media only screen and (min-width: 1100px) {
    .infoDiv100 { display: none; }
    .infoDiv300 { display: none; }
    .infoDiv450 { display: none; }
    .infoDiv700 { display: none; }
    .infoDiv768 { display: none; }
    .infoDiv900 { display: none; }
    .infoDiv1100 { display: block; }
    .submenu-link { padding-left: 25px!important; padding-right: 25px!important; }
    .text-hero { top: 110px; font-size: 24px!important; }
    .location-pic1 { height: 700px; }
    .location-pic2 { height: 700px; }
}
@media only screen and (min-width: 1200px) {
    .gallery-area-table1 { display: block; }
    .gallery-area-table2 { display: none; }
    .gallery-area-table3 { display: none; }
    .projectinfo-head { font-size: 30px; margin-top: 60px; }
    .projectinfo-table-td { width: 250px; }
    .projectinfo-subhead { font-size: 22px; }
    .projectinfo-no { font-size: 22px; }
    .projectinfo-subhead2 { font-size: 18px; }
}