/* styling for tablet */
/* Landscape */

@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

    .homeBanner {
      width: 100%;
      height: 100vh;
    }
    .homePromotion {
      width: 100%;
      height: auto;
    }
    .homePromotionBgBox {
      top: 30px;
      transform: translate(-50%,0);
    }
    .homePromotionBox {
      padding-top: 50px;
      padding-bottom: 170px;
    }

    .homeBannerInner {
      background-attachment: scroll;
      background-position: left bottom;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    /**************** QR PAGE ******************/
    .qrPageContent { 
      align-self: center;
      padding-top: 150px;
    }
    .qrPage-image {
      margin: 50px auto 50px
    }
    .qrPageC-textHighlight {
      margin-top: 30px;
    }
    
    /********** Body fix **************/
    body.bgHome { 
      background-color: transparent; 
    }
    body.bgHome:before {
      content: "";
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -10;
      background-image: url("../../images/home/bg_banner.jpg");
      background-attachment: initial;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .homeHighlightInner {
      position: relative;
      background: none;
      width: 100%;
      height: auto;
    }
    

}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {

    .acceptCookieContent {
      width: 80%;
    }
    .homeAdsArea {
      left: 3%;
      bottom: 100px;
    }
    .homeAdsAreaInner {
      padding-left: 25px;
      font-size: 36px;
      line-height: 42px;
      max-width: 300px;
    }
    .footerLine-qr {
      width: 60px;
    }
    .footerLine-text {
      font-size: 20px;
      padding-left: 10px;
    }
    .footerLine-text a {
      font-size: 24px;
    }

    .topNav-navlist-menu ul li {
      padding: 18px 10px;
      font-size: 18px;
      line-height: 25px;
    }
    .topNav-navlist-register {
      width: 108px;
      font-size: 18px;
    }

    .topNav-logoNavCover {
      padding: 13px 0;
    }
    
    .homeBannerInner {
      background-attachment: scroll;
      background-position: 30% 100%;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .homePromotion {
      width: 100%;
      height: auto;
    }
    .homePromotionBgBox {
      top: 40px;
      transform: translate(-50%,0);
    }
    .homePromotionBox {
      padding-top: 50px;
      padding-bottom: 170px;
    }

    .homeSectionTitle {
      font-size: 42px;
      line-height: 42px;
      letter-spacing: 1px;
    }
    .homeHighlightIntro-desc {
      font-size: 42px;
      line-height: 46px;
    }

    .homeProjectInfoBg img.only-pc {
      display: none !important;
    }
    .homeProjectInfoBg img.only-mobile {
      display: block !important;
    }
    
    .homeFacilitiesGallery {
      transform: translateX(-30px);
    }
    .homeFacilitiesContent-right {
      transform: translateX(-30px);
    }

    .homeGalleryNavList ul li {
      margin-right: 25px;
    }

    .homeGalleryContentItem {
      padding: 0 60px;
    }
    .homeGallery-360-content-right {
      width: 67%;
      padding-right: 60px;
    }
    .homeGalleryContentItemVideo .homeGallery-360-content-left {
      padding-left: 80px;
    }
    .homeGalleryContentItemVideo {
      padding: 0;
    }
    .homeGalleryContentItemVideo .homeGallery-360-content-right {
      width: 64%;
      padding-right: 0;
    }

    .homePlanTabContentItemInner-left {
      width: 30%;
    }
    .homePlanTabContentItem-plan-nav > ul > li {
      font-size: 20px;
      padding: 10px 15px;
    }

    .homeCompareUnitBoxTopInner {
      width: 80%;
    }
    .homePlanTabContentItemInner-floor-name {
      font-size: 30px;
      line-height: 36px;
    }

    .homeLocationContent-left {
      padding-left: 0;
    }
    .homeLocationContent-item-title {
      font-size: 30px;
    }

    /********** Body fix **************/
    body.bgHome { 
      background-color: transparent; 
    }
    body.bgHome:before {
      content: "";
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -10;
      background-image: url("../../images/home/bg_banner.jpg");
      background-attachment: initial;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .homeHighlightInner {
      position: relative;
      background: none;
      width: 100%;
      height: auto;
    }
  
}

/* Portrait */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

    /** MAIN **/
    .image-pc,
    .only-pc,
    .only-pc-inline {
      display: none !important;
    }
    .image-mobile,
    .only-mobile {
      display: block !important;
    }
    .only-mobile-inline {
      display: inline !important;
    }

    /** NAV **/
    .topNav {
      height: 80px;
    }
    .topNav-logoNavCover {
      left: 50%;
      transform: translateX(-50%);
      padding: 9px 0 14px;
    }
    .topNav.mobileNavFixed {
      position: fixed;
      transform: translateY(-80px);
    }
    .topNav.mobileNavFixed.mobileNavFixedActived {
      transform: translateY(0);
      transition: all .4s ease-in-out;
    }
    .topNavInner {
      position: relative;
      width: 100%;
      height: 100%;
      background-color: #434A4F;
    }
    .topNav .topNavBg {
      display: none;
      height: 100%;
    }
    .topNav-logoCover {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100px;
      height: 100%;
      padding: 9px 0 14px;
      background-color: #434A4F;
      z-index: 5;
    }
    .topNav-logo {
      margin: 0;
      height: 57px;
    }
    .topNav-langCover {
      position: absolute;
      top: 30px;
      right: unset;
      left: 25px;
      width: 50px;
      height: 100%;
      z-index: 5;
      background-color: transparent;
    }
    .topNav-lang {
      position: relative;
      width: 100%;
      height: 100%;
    }
  
    .mobileBottomNav {
      display: block;
    }

    .mobileNavArea {
      display: block;
      position: fixed;
      width: 100vw;
      height: 100%;
      top: 0;
      right: -100vw;
      background-color: #434A4F;
      z-index: -1;
      transition: right .4s ease-in-out;
      overflow-x: hidden;
      z-index: 90;
    }
    body.mobileNavActived .mobileNavArea {
      right: 0;
    }
    .mobileNavAreaInner {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
    }
    .mobileNavArea-content {
      width: 100%;
      overflow-y: auto;
      margin-top: 80px;
      height: calc(100vh - 100px);
      padding: 40px 60px 20px;
      color: #ffffff;
    }
    .mobileNavArea-navlist > ul > li {
      opacity: .5;
      font-size: 24px;
      line-height: 29px;
      margin: 35px 0;
      letter-spacing: 1.2px;
    }
    .mobileNavArea-navlist > ul > li > a {
      display: inline-block;
      padding: 4px 0;
      position: relative;
    }
    .mobileNavArea-navlist > ul > li > a::after {
      content: "";
      position: absolute;
      width: 0;
      height: 4px;
      background-color: #ffffff;
      bottom: 0;
      left: 0;
      transition: all .2s ease-in-out;
    }
    .mobileNavArea-navlist > ul > li.actived {
      opacity: 1;
    }
    .mobileNavArea-navlist > ul > li.actived > a::after {
      width: 100%;
    }

    /*********** FOOTER ***********/
    .pageFooter {
      padding: 70px 0 85px;
    }
    .pageFooterInner {
      width: 90%;
      max-width: unset;
      font-size: 20px;
      line-height: 24px;
    }
    .pageFooterContent {
      display: block;
      padding-bottom: 40px;
      text-align: center;
    }
    .pageFooterContent1 {
      width: 100%;
    }
    .pageFooterContent2 {
      width: 100%;
      margin-top: 30px;
    }
    .pageFooterContent3 {
      width: 100%;
      margin-top: 30px;
    }
    .pageFooterContent4 {
      width: 100%;
      margin-top: 30px;
    }
    
    .pageFooter-everland {
      max-width: 150px;
      margin: 0 auto;
    }
    .footerTel a {
      font-size: 30px;
    }
    .footerMail a {
      font-size: 22px;
    }
    .footerFB {
      margin-top: 30px;
      font-size: 22px;
    }
    .footerFB .iconfb {
      width: 20px;
      transform: translateY(3px);
      margin-right: 4px;
    }
    .footerLine {
      text-align: left;
      justify-content: center;
    }
    .footerLine-text {
      flex: 0;
      font-size: 22px;
      padding-left: 20px;
    }
    .footerLine-text a {
      font-size: 30px;
    }
    
    .footerCopyrightArea {
      padding-top: 15px;
      font-size: 18px;
      line-height: 28px;
      font-weight: 300;
      text-align: center;
    }
    .footerCopyrightArea-text {
      display: block;
      padding-right: 0;
    }
    .footerCopyrightArea-text::after {
      display: none;
    }
    .footerCopyrightArea-link {
      display: block;
      padding-left: 0;
    }

    .fixedSocial ul li.fixedSocialTelBtn {
      display: none;
    }

    /*********** ACCEPT COOKIE ************/
    .acceptCookieArea {
      height: 280px;
      bottom: -280px;
    }
    .mobileBottomNav.actived ~ .acceptCookieArea.acceptSlideIn {
      bottom: 65px;
    }
    .acceptCookieAreaInner {
      height: 100%;
      padding: 40px 12% 20px;
    }
    .acceptCookieClose {
      width: 24px;
      top: unset;
      right: unset;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
    }
    .acceptCookieContent {
      width: 100%;
      display: block;
    }
    .acceptCookieArea-text {
      width: 100%;
      font-size: 22px;
      line-height: 26px;
      padding-top: 0;
      padding-right: 0;
      text-align: center;
    }
    .acceptCookieArea-btn {
      width: 100%;
      text-align: center;
      margin-top: 30px;
    }
    .btn-register-cookie {
      display: inline-block;
    }

    .modalPrivacyPolicy {
      font-size: 22px;
      line-height: 26px;
    }
    .modalPrivacyPolicy .modal-dialog {
      width: 100%;
      height: 100vh;
      margin: 0;
    }
    .modalPrivacyPolicy .modal-content {
      border-radius: 0;
      padding: 30px 0 30px 30px;
      border: 0;
      box-shadow: unset;
    }
    .modalPrivacyPolicy .modal-body {
      max-height: calc(100vh - 140px);
      overflow: auto;
      padding: 0;
      margin-top: 20px;
    }
    .privacyHeader {
      padding-top: 30px;
    }
    .modal-top-close {
      width: 14px;
      top: 25px;
      right: 25px;
    }
    .privacyContent {
      padding-right: 20px;
    }
    .privacySection {
      padding-bottom: 25px;
      border-bottom: 1px solid rgba(112,112,112,.25);
      margin-bottom: 30px;
    }
    .privacySection p,
    .privacySection ul {
      font-size: 22px;
      line-height: 26px;
      margin-bottom: 12px;
    }
    .privacySection ul.ulWithIndent {
      padding-left: 30px;
    }
    .privacySectionHeader {
      margin-bottom: 20px;
    }


    /*********** HOME ***********/
    body.bgHome { 
      background-color: transparent; 
    }
    body.bgHome:before {
      content: "";
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -10;
      background-image: url("../../images/home/bg_banner_mobile.jpg");
      background-attachment: initial;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .homeBanner {
      width: 100%;
      height: auto;
      padding-top: 80px;
    }
    .homeBannerInner {
      position: relative;
      background-image: url("../../images/home/bg_banner_mobile.jpg");
      width: 100%;
      height: auto;
      background-attachment: fixed;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .registerArea {
      position: relative;
      top: unset;
      right: unset;
      width: 100%;
      height: auto;
      background: transparent linear-gradient(180deg, #00000080 0%, #00000099 21%, #000000D9 73%, #000000 100%) 0% 0% no-repeat padding-box;
    }
    .registerAreaInner {
      position: relative;
      width: 100%;
      height: auto;
      z-index: 2;
      background: transparent linear-gradient(180deg, #434A4F 0%, #434A4FBF 19%, #434A4F00 34%) 0% 0% no-repeat padding-box;
    }
    .registerHookArea {
      top: 40px;
      left: 0;
      right: unset;
      width: 100%;
      height: 140px;
      background-color: transparent;
      text-align: center;
    }
    .registerHookAreaInner {
      font-size: 35px;
      color: #f3f3f3;
      line-height: 38px;
      padding: 0;
    }
    .registerHookAreaInner .hookHighlight,
    .registerHookAreaInner big {
      font-size: 50px;
    }
    .registerHookAreaInner .hookSuperHighlight {
      font-size: 50px;
      line-height: 40px;
    }
    .registerHookAreaInner .hookSubHighlight,
    .registerHookAreaInner small {
      font-size: 24px;
    }
    .registerHookAreaInner .hookOverflowText {
      line-height: 50px;
    }
    .registerBgBar {
      display: none;
    }
    
    .reigsterBox {
      position: relative;
      /*padding-top: 190px;*/
      padding-top: 220px;
      width: 100%;
      color: #ffffff;
      font-size: 22px;
      line-height: 26px;
    }
    .registerBoxInner {
      padding: 20px 50px 50px;
    }
    .registerBox-title {
      font-size: 26px;
      line-height: 34px;
      /*font-weight: 700;*/
      font-weight: 500;
    }

    .homeAdsArea {
      display: none;
    }
    .homeBannerScroll {
      display: none;
    }

    /******** PROMOTION **********/
    .homePromotion {
      height: auto;
    }
    .homePromotionInner {
      height: auto;
    }
    .homePromotionBgBox {
      display: none;
    }
    .homePromotionBox {
      width: 100%;
      padding-top: 0;
    }
    .homePromotionTitleAbs {
      display: none;
    }
    .homePromotion-title {
      display: none;
    }
    .homePromotionImageCover {
      margin: 0;
      width: 100%;
    }
    .homePromotionImageCover.animate-zoom {
      transform: translateY(0px);
    }
    .homePromotionBgBoxImg.animate-zoom {
      transform: translateY(0px);
    }

    /**************** QR PAGE ******************/
    .qrPageContent { 
      align-self: center;
      padding-top: 150px;
      width: 70%;
    }
    .qrPage-image {
      margin: 50px auto 50px
    }
    .qrPageC-textHighlight {
      margin-top: 30px;
    }

    /****** Highlight *******/
    .homeSectionTitle {
      font-size: 42px;
      line-height: 42px;
      letter-spacing: 1px;
    }
    .homeHighlightIntro-desc {
      font-size: 42px;
      line-height: 46px;
      width: auto;
    }

    /****** FACILITIES ********/
    .homeFacilitiesInner .homeFacilitiesContent {
      display: block;
      padding: 0 0 70px;
    }
    .homeFacilitiesInner .homeFacilitiesContent-left {
      width: 100%;
    }
    .homeFacilitieOwl-text {
      font-size: 35px;
      line-height: 35px;
      font-weight: 700;
      margin-top: 30px;
    }
    .homeFacilitieOwlCaptionArea {
      position: absolute;
      width: 100%;
      padding: 0 65px;
      bottom: 30px;
      background-color: transparent;
      z-index: 2;
    }
    .homeFacilitieOwl-num {
      font-size: 25px;
      line-height: 30px;
      font-weight: 700;
      transform: translateX(-10px);
    }
    .homeFacilitieOwl-num div {
      display: inline-block;
      font-size: 80px;
      background-color: rgba(236,236,237,.95);
      padding: 20px 10px;
    }

    /****** GALLERY *******/
    .homeGalleryNavList {
      flex: 1;
      text-align: right;
      position: relative;
      padding-left: 30%;
    }
    .homeGalleryNavList select {
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: transparent;
      background-image: url('../../images/icon-select.png');
      background-position: 100% 60%;
      background-repeat: no-repeat;
      color: #ffffff;
      font-size: 24px;
      line-height: 29px;
      font-weight: 400;
      border: none;
      border-bottom: 1px solid #93979A;
      width: 200px;
    }
    .homeGalleryNavList select option {
      background-color: #5F6569;
      color: #ffffff;
    }
    .homeGalleryNavList select:focus {
      outline: none;
    }
    .homeGalleryContentItem {
      padding: 0 54px;
    }
    .homeGalleryContentItemVideo .homeGallery-360-content-left {
      padding-left: 20px;
    }
    .homeVideoControl {
      margin-top: 20px;
      transform: translateX(0);
    }

     /****** Plan *******/
     .homePlanContent {
      padding: 40px 0 40px;
    }
    .homePlanTabContent {
      padding: 0 54px;
    }
    .homePlanTabContentItem {
      display: block;
      padding: 20px 0 80px;
    }
    .homePlanTabContentItemInner {
      display: block;
    }
    .homePlanTabContentItemInner-left {
      width: 100%;
      padding-top: 40px;
    }
    .homePlanTabContentItemInner-right {
      width: 100%;
      padding-left: 0;
    }
    .homeCompareUnit-choose {
      opacity: 1;
      font-size: 15px;
      line-height: 18px;
    }
    .homeCompareUnit-select select { 
      font-weight: 400;
    }
    .homePlanTabContentItemInner-floor-name {
      margin-top: 25px;
      text-align: center;
      font-size: 30px;
      line-height: 36px;
    }
    .homePlanTabContentItemInner-floor-img {
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-remark-text {
      font-size: 16px;
      line-height: 20px;
    }
    .homePlanTabContentItemInner-floor-remark {
      display: block;
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-floor-remark-left {
      text-align: center;
    }
    .homePlanTabContentItemInner-floor-remark-right {
      text-align: center;
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-unit-img {
      width: 100%;
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-unit-remark {
      text-align: center;
    }
    .planContentItemUnit .homePlanTabContentItemInner-floor-name {
      margin-top: 25px;
    }
    .homePlanTabContentItemInner-unit-button {
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-unit-button .btn-theme {
      margin: 0;
    }

    /******* Location ********/
    .homeLocationContent {
      padding: 0 54px;
    }
    .homeLocationContent-left {
      padding-left: 20px;
    }
    .homeLocationContent-item-title {
      font-size: 30px;
    }

    /********** Body fix **************/
    body.bgHome { 
      background-color: transparent; 
    }
    body.bgHome:before {
      content: "";
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -10;
      background-image: url("../../images/home/bg_banner.jpg");
      background-attachment: initial;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .homeHighlightInner {
      position: relative;
      background: none;
      width: 100%;
      height: auto;
    }

}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 768px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {

    /** MAIN **/
    .image-pc,
    .only-pc,
    .only-pc-inline {
      display: none !important;
    }
    .image-mobile,
    .only-mobile {
      display: block !important;
    }
    .only-mobile-inline {
      display: inline !important;
    }

    /** NAV **/
    .topNav {
      height: 80px;
    }
    .topNav-logoNavCover {
      left: 50%;
      transform: translateX(-50%);
      padding: 9px 0 14px;
    }
    .topNav.mobileNavFixed {
      position: fixed;
      transform: translateY(-80px);
    }
    .topNav.mobileNavFixed.mobileNavFixedActived {
      transform: translateY(0);
      transition: all .4s ease-in-out;
    }
    .topNavInner {
      position: relative;
      width: 100%;
      height: 100%;
      background-color: #434A4F;
    }
    .topNav .topNavBg {
      display: none;
      height: 100%;
    }
    .topNav-logoCover {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100px;
      height: 100%;
      padding: 9px 0 14px;
      background-color: #434A4F;
      z-index: 5;
    }
    .topNav-logo {
      margin: 0;
      height: 57px;
    }
    .topNav-langCover {
      position: absolute;
      top: 30px;
      right: unset;
      left: 25px;
      width: 50px;
      height: 100%;
      z-index: 5;
      background-color: transparent;
    }
    .topNav-lang {
      position: relative;
      width: 100%;
      height: 100%;
    }
  
    .mobileBottomNav {
      display: block;
    }

    .mobileNavArea {
      display: block;
      position: fixed;
      width: 100vw;
      height: 100%;
      top: 0;
      right: -100vw;
      background-color: #434A4F;
      z-index: -1;
      transition: right .4s ease-in-out;
      overflow-x: hidden;
      z-index: 90;
    }
    body.mobileNavActived .mobileNavArea {
      right: 0;
    }
    .mobileNavAreaInner {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
    }
    .mobileNavArea-content {
      width: 100%;
      overflow-y: auto;
      margin-top: 80px;
      height: calc(100vh - 100px);
      padding: 40px 60px 20px;
      color: #ffffff;
    }
    .mobileNavArea-navlist > ul > li {
      opacity: .5;
      font-size: 24px;
      line-height: 29px;
      margin: 35px 0;
      letter-spacing: 1.2px;
    }
    .mobileNavArea-navlist > ul > li > a {
      display: inline-block;
      padding: 4px 0;
      position: relative;
    }
    .mobileNavArea-navlist > ul > li > a::after {
      content: "";
      position: absolute;
      width: 0;
      height: 4px;
      background-color: #ffffff;
      bottom: 0;
      left: 0;
      transition: all .2s ease-in-out;
    }
    .mobileNavArea-navlist > ul > li.actived {
      opacity: 1;
    }
    .mobileNavArea-navlist > ul > li.actived > a::after {
      width: 100%;
    }

    /*********** FOOTER ***********/
    .pageFooter {
      padding: 70px 0 85px;
    }
    .pageFooterInner {
      width: 90%;
      max-width: unset;
      font-size: 20px;
      line-height: 24px;
    }
    .pageFooterContent {
      display: block;
      padding-bottom: 40px;
      text-align: center;
    }
    .pageFooterContent1 {
      width: 100%;
    }
    .pageFooterContent2 {
      width: 100%;
      margin-top: 30px;
    }
    .pageFooterContent3 {
      width: 100%;
      margin-top: 30px;
    }
    .pageFooterContent4 {
      width: 100%;
      margin-top: 30px;
    }
    
    .pageFooter-everland {
      max-width: 150px;
      margin: 0 auto;
    }
    .footerTel a {
      font-size: 30px;
    }
    .footerMail a {
      font-size: 22px;
    }
    .footerFB {
      margin-top: 30px;
      font-size: 22px;
    }
    .footerFB .iconfb {
      width: 20px;
      transform: translateY(3px);
      margin-right: 4px;
    }
    .footerLine {
      text-align: left;
      justify-content: center;
    }
    .footerLine-text {
      flex: 0;
      font-size: 22px;
      padding-left: 20px;
    }
    .footerLine-text a {
      font-size: 30px;
    }
    
    .footerCopyrightArea {
      padding-top: 15px;
      font-size: 18px;
      line-height: 28px;
      font-weight: 300;
      text-align: center;
    }
    .footerCopyrightArea-text {
      display: block;
      padding-right: 0;
    }
    .footerCopyrightArea-text::after {
      display: none;
    }
    .footerCopyrightArea-link {
      display: block;
      padding-left: 0;
    }

    .fixedSocial ul li.fixedSocialTelBtn {
      display: none;
    }

    /*********** ACCEPT COOKIE ************/
    .acceptCookieArea {
      height: 280px;
      bottom: -280px;
    }
    .mobileBottomNav.actived ~ .acceptCookieArea.acceptSlideIn {
      bottom: 65px;
    }
    .acceptCookieAreaInner {
      height: 100%;
      padding: 40px 12% 20px;
    }
    .acceptCookieClose {
      width: 24px;
      top: unset;
      right: unset;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
    }
    .acceptCookieContent {
      width: 100%;
      display: block;
    }
    .acceptCookieArea-text {
      width: 100%;
      font-size: 22px;
      line-height: 26px;
      padding-top: 0;
      padding-right: 0;
      text-align: center;
    }
    .acceptCookieArea-btn {
      width: 100%;
      text-align: center;
      margin-top: 30px;
    }
    .btn-register-cookie {
      display: inline-block;
    }

    .modalPrivacyPolicy {
      font-size: 22px;
      line-height: 26px;
    }
    .modalPrivacyPolicy .modal-dialog {
      width: 100%;
      height: 100vh;
      margin: 0;
    }
    .modalPrivacyPolicy .modal-content {
      border-radius: 0;
      padding: 30px 0 30px 30px;
      border: 0;
      box-shadow: unset;
    }
    .modalPrivacyPolicy .modal-body {
      max-height: calc(100vh - 140px);
      overflow: auto;
      padding: 0;
      margin-top: 20px;
    }
    .privacyHeader {
      padding-top: 30px;
    }
    .modal-top-close {
      width: 14px;
      top: 25px;
      right: 25px;
    }
    .privacyContent {
      padding-right: 20px;
    }
    .privacySection {
      padding-bottom: 25px;
      border-bottom: 1px solid rgba(112,112,112,.25);
      margin-bottom: 30px;
    }
    .privacySection p,
    .privacySection ul {
      font-size: 22px;
      line-height: 26px;
      margin-bottom: 12px;
    }
    .privacySection ul.ulWithIndent {
      padding-left: 30px;
    }
    .privacySectionHeader {
      margin-bottom: 20px;
    }


    /*********** HOME ***********/
    body.bgHome { 
      background-color: transparent; 
    }
    body.bgHome:before {
      content: "";
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -10;
      background-image: url("../../images/home/bg_banner_mobile.jpg");
      background-attachment: initial;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .homeBanner {
      width: 100%;
      height: auto;
      padding-top: 80px;
    }
    .homeBannerInner {
      position: relative;
      background-image: url("../../images/home/bg_banner_mobile.jpg");
      width: 100%;
      height: auto;
      background-attachment: fixed;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .registerArea {
      position: relative;
      top: unset;
      right: unset;
      width: 100%;
      height: auto;
      background: transparent linear-gradient(180deg, #00000080 0%, #00000099 21%, #000000D9 73%, #000000 100%) 0% 0% no-repeat padding-box;
    }
    .registerAreaInner {
      position: relative;
      width: 100%;
      height: auto;
      z-index: 2;
      background: transparent linear-gradient(180deg, #434A4F 0%, #434A4FBF 19%, #434A4F00 34%) 0% 0% no-repeat padding-box;
    }
    .registerHookArea {
      top: 40px;
      left: 0;
      right: unset;
      width: 100%;
      height: 140px;
      background-color: transparent;
      text-align: center;
    }
    .registerHookAreaInner {
      font-size: 35px;
      color: #f3f3f3;
      line-height: 38px;
      padding: 0;
    }
    .registerHookAreaInner .hookHighlight,
    .registerHookAreaInner big {
      font-size: 50px;
    }
    .registerHookAreaInner .hookSuperHighlight {
      font-size: 50px;
      line-height: 40px;
    }
    .registerHookAreaInner .hookSubHighlight,
    .registerHookAreaInner small {
      font-size: 24px;
    }
    .registerHookAreaInner .hookOverflowText {
      line-height: 50px;
    }
    .registerBgBar {
      display: none;
    }
    
    .reigsterBox {
      position: relative;
      /*padding-top: 190px;*/
      padding-top: 220px;
      width: 100%;
      color: #ffffff;
      font-size: 22px;
      line-height: 26px;
    }
    .registerBoxInner {
      padding: 20px 50px 50px;
    }
    .registerBox-title {
      font-size: 26px;
      line-height: 34px;
      /*font-weight: 700;*/
      font-weight: 500;
    }

    .homeAdsArea {
      display: none;
    }
    .homeBannerScroll {
      display: none;
    }

    /******** PROMOTION **********/
    .homePromotion {
      height: auto;
    }
    .homePromotionInner {
      height: auto;
    }
    .homePromotionBgBox {
      display: none;
    }
    .homePromotionBox {
      width: 100%;
      padding-top: 0;
    }
    .homePromotionTitleAbs {
      display: none;
    }
    .homePromotion-title {
      display: none;
    }
    .homePromotionImageCover {
      margin: 0;
      width: 100%;
    }
    .homePromotionImageCover.animate-zoom {
      transform: translateY(0px);
    }
    .homePromotionBgBoxImg.animate-zoom {
      transform: translateY(0px);
    }

    /**************** QR PAGE ******************/
    .qrPageContent { 
      align-self: center;
      padding-top: 150px;
      width: 70%;
    }
    .qrPage-image {
      margin: 50px auto 50px
    }
    .qrPageC-textHighlight {
      margin-top: 30px;
    }

    /****** Highlight *******/
    .homeHighlightContent {
      padding: 140px 0 140px;
    }
    .homeSectionTitle {
      font-size: 42px;
      line-height: 42px;
      letter-spacing: 1px;
    }
    .homeHighlightIntro-desc {
      font-size: 42px;
      line-height: 46px;
      width: auto;
    }

    /******* Project Info **********/
    .homeProjectInfo {
      width: 100%;
      background-color: #434A4F;
      padding-top: 40px;
    }
    .homeBarSection {
      position: relative;
      top: unset;
      right: unset;
      width: 80%;
      height: 5px;
      margin-top: 40px;
      margin-right: 0;
      margin-left: auto;
    }
    .showOnScroll-barsection-right {
      margin-right: -23.4%;
    }
    .showOnScroll-barsection-right-in {
      margin-right: 0;
    }
    .homeProjectInfoTitle {
      position: relative;
      top: unset;
    }
    .homeProjectInfoContent {
      position: relative;
      right: unset;
      bottom: unset;
      display: flex;
      height: auto;
      width: 100%;
      max-width: unset;
      align-items: flex-end;
      justify-content: flex-end;
    }
    .homeProjectInfoContent-left {
      position: relative;
      padding: 8px 26px 58px 50px;
    }
    .homeProjectInfoContent-left::before {
      content: "";
      position: absolute;
      left: 0;
      top: -45px;
      width: 100%;
      height: 50px;
      background-color: #ffffff;
    }
    .homeProjectInfoContent-left table td {
      font-size: 19px;
      line-height: 28px;
    }
    .homeProjectInfoContent-left table td.tableSubjectMobile {
      font-size: 22px;
    }

    /****** FACILITIES ********/
    .homeFacilitiesInner.only-pc {
      display: none;
    }
    .homeFacilitiesInner.only-mobile {
      display: block;
    }
    .homeFacilitiesInner.only-mobile .homeFacilitiesContent {
      display: block;
      padding: 0 0 70px;
    }
    .homeFacilitiesInner.only-mobile .homeFacilitiesContent-left {
      width: 100%;
    }
    .homeFacilitieOwl-text {
      font-size: 35px;
      line-height: 35px;
      font-weight: 700;
      margin-top: 30px;
    }
    .homeFacilitieOwlCaptionArea {
      position: absolute;
      width: 100%;
      padding: 0 65px;
      bottom: 30px;
      background-color: transparent;
      z-index: 2;
    }
    .homeFacilitieOwl-num {
      font-size: 25px;
      line-height: 30px;
      font-weight: 700;
      transform: translateX(-10px);
    }
    .homeFacilitieOwl-num div {
      display: inline-block;
      font-size: 80px;
      background-color: rgba(236,236,237,.95);
      padding: 20px 10px;
    }

    /****** GALLERY *******/
    .homeGalleryContentItem.homeGalleryContentItemFullWidth {
      padding: 0;
    }
    .homeGalleryNavList {
      flex: 1;
      text-align: right;
      position: relative;
      padding-left: 30%;
    }
    .homeGalleryNavList select {
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: transparent;
      background-image: url('../../images/icon-select.png');
      background-position: 100% 60%;
      background-repeat: no-repeat;
      color: #ffffff;
      font-size: 24px;
      line-height: 29px;
      font-weight: 400;
      border: none;
      border-bottom: 1px solid #93979A;
      width: 200px;
    }
    .homeGalleryNavList select option {
      background-color: #5F6569;
      color: #ffffff;
    }
    .homeGalleryNavList select:focus {
      outline: none;
    }
    .homeGalleryContentItem {
      padding: 0 54px;
    }
    .homeGalleryContentItemVideo .homeGallery-360-content-left {
      padding-left: 20px;
    }
    .homeVideoControl {
      margin-top: 20px;
      transform: translateX(0);
    }

    /****** Panorama ********/
    .panoramaWrapperCover {
      height: 450px;
      padding: 0 54px;
    }
    .panoramaNavBottom {
      display: block;
    }
    .panoramaNav .pano-daynight,
    .panoramaNav .divPano-tab {
      display: none;
    }
    .pano-daynight {
      width: 100px;
    }
    .pano-daynight ul li {
      margin-right: 25px;
    }
    .pano-daynight ul li div {
      width: 22px;
      margin-right: 0px;
      transform: translateY(4px);
    }
    .divPano-tab {
      flex: 1;
    }
    .divPano-tab ul li {
      margin-right: 25px;
      font-size: 24px;
      line-height: 50px;
    }
    .pano-compass ul li {
      margin: 0 30px;
      font-size: 18px;
      line-height: 50px;
    }
    .panorama-view {
      height: 400px;
    }

    /********** 360 ***********/
    .homeGallery-360-content {
      flex-direction: column-reverse;
      padding: 0 54px;
    }
    .homeGallery-360-content-left {
      display: none;
    }
    .homeGallery-360-content-right {
      width: 100%;
    }
    .matterportInner {
      width: 100%;
    }
    .homeGallery-360-content-mobile-list {
      display: none;
      width: 100%;
      padding: 0 36px;
      height: 50px;
      background-color: rgba(0,0,0,.3);
      display: flex;
      align-items: center;
    }
    .homeGallery-360-content-mobile-list select {
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: transparent;
      background-image: url('../../images/icon-select.png');
      background-position: 100% 60%;
      background-repeat: no-repeat;
      color: #ffffff;
      font-size: 24px;
      line-height: 29px;
      font-weight: 500;
      border: none;
      width: 100%;
    }
    .homeGallery-360-content-mobile-list select option {
      background-color: #5F6569;
      color: #ffffff;
    }
    .homeGallery-360-content-mobile-list select:focus {
      outline: none;
    }

    /*********** Video ************/
    #homeGallery-video .homeGallery-360-content {
      padding: 0;
    }
    .homeGalleryVideoArea {
      position: relative;
      padding-bottom: 20px;
    }
    .homeGalleryVideoArea .owl-carousel .owl-stage {
      padding-left: 75px !important;
    }
    .homeGalleryVideoArea .owl-carousel.owl-drag .owl-item {
      transform: scale(1);
    }
    .homeGalleryVideo-mobile-detail {
      display: block;
      margin-top: 110px;
    }
    .homeGalleryVideo-title {
      font-size: 30px;
    }
    .homeGalleryVideo-detail {
      font-size: 24px;
      line-height: 29px;
      margin-top: 10px;
    }
    .homeGalleryVideOwlCaptionArea {
      display: block;
      width: 100%;
      position: absolute;
      top: 0;
      padding: 0 75px;
    }
    .homeGalleryVideOwlCaptionAreaSetTop {
      visibility: hidden;
    }
    .homeVideoControlMobile {
      display: block;
    }
    .homeGalleryVideoNumber {
      font-size: 30px;
      line-height: 40px;
      font-weight: 500;
      margin-top: 20px;
      z-index: 5;
    }
    .homeGalleryVideoNumber div {
      display: inline-block;
      font-size: 80px;
      padding: 20px 5px 20px 0;
    }
    .homeVideoControl {
      position: absolute;
      z-index: 5;
      top: 0;
      right: 75px;
      width: 120px;
      height: auto;
      font-size: 0;
      margin-top: 0;
      transform: translateX(15px);
      text-align: right;
    }
    .homeVideoControl-btn {
      width: 28px;
      margin: 0 15px;
    }

    /****** Plan *******/
    .homePlanContent {
      padding: 40px 0 40px;
    }
    .homePlanTabContent {
      padding: 0 54px;
    }
    .homePlanTabContentItem {
      display: block;
      padding: 20px 0 80px;
    }
    .homePlanTabContentItemInner {
      display: block;
    }
    .homePlanTabContentItemInner-left {
      width: 100%;
      padding-top: 40px;
    }
    .homePlanTabContentItemInner-right {
      width: 100%;
      padding-left: 0;
    }
    .homeCompareUnit-choose {
      opacity: 1;
      font-size: 15px;
      line-height: 18px;
    }
    .homeCompareUnit-select select { 
      font-weight: 400;
    }
    .homePlanTabContentItemInner-floor-name {
      margin-top: 25px;
      text-align: center;
      font-size: 30px;
      line-height: 36px;
    }
    .homePlanTabContentItemInner-floor-img {
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-remark-text {
      font-size: 16px;
      line-height: 20px;
    }
    .homePlanTabContentItemInner-floor-remark {
      display: block;
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-floor-remark-left {
      text-align: center;
    }
    .homePlanTabContentItemInner-floor-remark-right {
      text-align: center;
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-unit-img {
      width: 100%;
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-unit-remark {
      text-align: center;
    }
    .planContentItemUnit .homePlanTabContentItemInner-floor-name {
      margin-top: 25px;
    }
    .homePlanTabContentItemInner-unit-button {
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-unit-button .btn-theme {
      margin: 0;
    }

    /******* Location ********/
    .homeLocationInner {
      padding: 40px 0 60px;
    }
    .homeLocationContent {
      padding: 0;
      flex-direction: column-reverse;
    }
    .homeLocationContent-left {
      width: 100%;
      padding: 0 115px;
      margin-top: 30px;
    }
    .homeLocationContent-right {
      width: 100%;
      margin-top: 25px;
      padding: 0 54px;
    }
    .homeLocationContent-item {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 25px;
    }
    .homeLocationContent-item-title {
      font-size: 30px;
    }

    /********** Body fix **************/
    body.bgHome { 
      background-color: transparent; 
    }
    body.bgHome:before {
      content: "";
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -10;
      background-image: url("../../images/home/bg_banner.jpg");
      background-attachment: initial;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .homeHighlightInner {
      position: relative;
      background: none;
      width: 100%;
      height: auto;
    }

}



/***** IPAD PRO 10.5" ******/

@media only screen 
  and (min-device-width: 834px) 
  and (max-device-width: 834px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {

    /** MAIN **/
    .image-pc,
    .only-pc,
    .only-pc-inline {
      display: none !important;
    }
    .image-mobile,
    .only-mobile {
      display: block !important;
    }
    .only-mobile-inline {
      display: inline !important;
    }

    /** NAV **/
    .topNav {
      height: 80px;
    }
    .topNav-logoNavCover {
      left: 50%;
      transform: translateX(-50%);
      padding: 9px 0 14px;
    }
    .topNav.mobileNavFixed {
      position: fixed;
      transform: translateY(-80px);
    }
    .topNav.mobileNavFixed.mobileNavFixedActived {
      transform: translateY(0);
      transition: all .4s ease-in-out;
    }
    .topNavInner {
      position: relative;
      width: 100%;
      height: 100%;
      background-color: #434A4F;
    }
    .topNav .topNavBg {
      display: none;
      height: 100%;
    }
    .topNav-logoCover {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100px;
      height: 100%;
      padding: 9px 0 14px;
      background-color: #434A4F;
      z-index: 5;
    }
    .topNav-logo {
      margin: 0;
      height: 57px;
    }
    .topNav-langCover {
      position: absolute;
      top: 30px;
      right: unset;
      left: 25px;
      width: 50px;
      height: 100%;
      z-index: 5;
      background-color: transparent;
    }
    .topNav-lang {
      position: relative;
      width: 100%;
      height: 100%;
    }
  
    .mobileBottomNav {
      display: block;
    }

    .mobileNavArea {
      display: block;
      position: fixed;
      width: 100vw;
      height: 100%;
      top: 0;
      right: -100vw;
      background-color: #434A4F;
      z-index: -1;
      transition: right .4s ease-in-out;
      overflow-x: hidden;
      z-index: 90;
    }
    body.mobileNavActived .mobileNavArea {
      right: 0;
    }
    .mobileNavAreaInner {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%;
      height: 100%;
    }
    .mobileNavArea-content {
      width: 100%;
      overflow-y: auto;
      margin-top: 80px;
      height: calc(100vh - 100px);
      padding: 40px 60px 20px;
      color: #ffffff;
    }
    .mobileNavArea-navlist > ul > li {
      opacity: .5;
      font-size: 24px;
      line-height: 29px;
      margin: 35px 0;
      letter-spacing: 1.2px;
    }
    .mobileNavArea-navlist > ul > li > a {
      display: inline-block;
      padding: 4px 0;
      position: relative;
    }
    .mobileNavArea-navlist > ul > li > a::after {
      content: "";
      position: absolute;
      width: 0;
      height: 4px;
      background-color: #ffffff;
      bottom: 0;
      left: 0;
      transition: all .2s ease-in-out;
    }
    .mobileNavArea-navlist > ul > li.actived {
      opacity: 1;
    }
    .mobileNavArea-navlist > ul > li.actived > a::after {
      width: 100%;
    }

    /*********** FOOTER ***********/
    .pageFooter {
      padding: 70px 0 85px;
    }
    .pageFooterInner {
      width: 90%;
      max-width: unset;
      font-size: 20px;
      line-height: 24px;
    }
    .pageFooterContent {
      display: block;
      padding-bottom: 40px;
      text-align: center;
    }
    .pageFooterContent1 {
      width: 100%;
    }
    .pageFooterContent2 {
      width: 100%;
      margin-top: 30px;
    }
    .pageFooterContent3 {
      width: 100%;
      margin-top: 30px;
    }
    .pageFooterContent4 {
      width: 100%;
      margin-top: 30px;
    }
    
    .pageFooter-everland {
      max-width: 150px;
      margin: 0 auto;
    }
    .footerTel a {
      font-size: 30px;
    }
    .footerMail a {
      font-size: 22px;
    }
    .footerFB {
      margin-top: 30px;
      font-size: 22px;
    }
    .footerFB .iconfb {
      width: 20px;
      transform: translateY(3px);
      margin-right: 4px;
    }
    .footerLine {
      text-align: left;
      justify-content: center;
    }
    .footerLine-text {
      flex: 0;
      font-size: 22px;
      padding-left: 20px;
    }
    .footerLine-text a {
      font-size: 30px;
    }
    
    .footerCopyrightArea {
      padding-top: 15px;
      font-size: 18px;
      line-height: 28px;
      font-weight: 300;
      text-align: center;
    }
    .footerCopyrightArea-text {
      display: block;
      padding-right: 0;
    }
    .footerCopyrightArea-text::after {
      display: none;
    }
    .footerCopyrightArea-link {
      display: block;
      padding-left: 0;
    }

    .fixedSocial ul li.fixedSocialTelBtn {
      display: none;
    }

    /*********** ACCEPT COOKIE ************/
    .acceptCookieArea {
      height: 280px;
      bottom: -280px;
    }
    .mobileBottomNav.actived ~ .acceptCookieArea.acceptSlideIn {
      bottom: 65px;
    }
    .acceptCookieAreaInner {
      height: 100%;
      padding: 40px 12% 20px;
    }
    .acceptCookieClose {
      width: 24px;
      top: unset;
      right: unset;
      bottom: 40px;
      left: 50%;
      transform: translateX(-50%);
    }
    .acceptCookieContent {
      width: 100%;
      display: block;
    }
    .acceptCookieArea-text {
      width: 100%;
      font-size: 22px;
      line-height: 26px;
      padding-top: 0;
      padding-right: 0;
      text-align: center;
    }
    .acceptCookieArea-btn {
      width: 100%;
      text-align: center;
      margin-top: 30px;
    }
    .btn-register-cookie {
      display: inline-block;
    }

    .modalPrivacyPolicy {
      font-size: 22px;
      line-height: 26px;
    }
    .modalPrivacyPolicy .modal-dialog {
      width: 100%;
      height: 100vh;
      margin: 0;
    }
    .modalPrivacyPolicy .modal-content {
      border-radius: 0;
      padding: 30px 0 30px 30px;
      border: 0;
      box-shadow: unset;
    }
    .modalPrivacyPolicy .modal-body {
      max-height: calc(100vh - 140px);
      overflow: auto;
      padding: 0;
      margin-top: 20px;
    }
    .privacyHeader {
      padding-top: 30px;
    }
    .modal-top-close {
      width: 14px;
      top: 25px;
      right: 25px;
    }
    .privacyContent {
      padding-right: 20px;
    }
    .privacySection {
      padding-bottom: 25px;
      border-bottom: 1px solid rgba(112,112,112,.25);
      margin-bottom: 30px;
    }
    .privacySection p,
    .privacySection ul {
      font-size: 22px;
      line-height: 26px;
      margin-bottom: 12px;
    }
    .privacySection ul.ulWithIndent {
      padding-left: 30px;
    }
    .privacySectionHeader {
      margin-bottom: 20px;
    }


    /*********** HOME ***********/
    body.bgHome { 
      background-color: transparent; 
    }
    body.bgHome:before {
      content: "";
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -10;
      background-image: url("../../images/home/bg_banner_mobile.jpg");
      background-attachment: initial;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .homeBanner {
      width: 100%;
      height: auto;
      padding-top: 80px;
    }
    .homeBannerInner {
      position: relative;
      background-image: url("../../images/home/bg_banner_mobile.jpg");
      width: 100%;
      height: auto;
      background-attachment: fixed;
      background-position: center top;
      background-repeat: no-repeat;
      background-size: cover;
    }
    .registerArea {
      position: relative;
      top: unset;
      right: unset;
      width: 100%;
      height: auto;
      background: transparent linear-gradient(180deg, #00000080 0%, #00000099 21%, #000000D9 73%, #000000 100%) 0% 0% no-repeat padding-box;
    }
    .registerAreaInner {
      position: relative;
      width: 100%;
      height: auto;
      z-index: 2;
      background: transparent linear-gradient(180deg, #434A4F 0%, #434A4FBF 19%, #434A4F00 34%) 0% 0% no-repeat padding-box;
    }
    .registerHookArea {
      top: 40px;
      left: 0;
      right: unset;
      width: 100%;
      height: 140px;
      background-color: transparent;
      text-align: center;
    }
    .registerHookAreaInner {
      font-size: 35px;
      color: #f3f3f3;
      line-height: 38px;
      padding: 0;
    }
    .registerHookAreaInner .hookHighlight,
    .registerHookAreaInner big {
      font-size: 50px;
    }
    .registerHookAreaInner .hookSuperHighlight {
      font-size: 50px;
      line-height: 40px;
    }
    .registerHookAreaInner .hookSubHighlight,
    .registerHookAreaInner small {
      font-size: 24px;
    }
    .registerHookAreaInner .hookOverflowText {
      line-height: 50px;
    }
    .registerBgBar {
      display: none;
    }
    
    .reigsterBox {
      position: relative;
      /*padding-top: 190px;*/
      padding-top: 220px;
      width: 100%;
      color: #ffffff;
      font-size: 22px;
      line-height: 26px;
    }
    .registerBoxInner {
      padding: 20px 50px 50px;
    }
    .registerBox-title {
      font-size: 26px;
      line-height: 34px;
      /*font-weight: 700;*/
      font-weight: 500;
    }

    .homeAdsArea {
      display: none;
    }
    .homeBannerScroll {
      display: none;
    }

    /******** PROMOTION **********/
    .homePromotion {
      height: auto;
    }
    .homePromotionInner {
      height: auto;
    }
    .homePromotionBgBox {
      display: none;
    }
    .homePromotionBox {
      width: 100%;
      padding-top: 0;
    }
    .homePromotionTitleAbs {
      display: none;
    }
    .homePromotion-title {
      display: none;
    }
    .homePromotionImageCover {
      margin: 0;
      width: 100%;
    }
    .homePromotionImageCover.animate-zoom {
      transform: translateY(0px);
    }
    .homePromotionBgBoxImg.animate-zoom {
      transform: translateY(0px);
    }

    /**************** QR PAGE ******************/
    .qrPageContent { 
      align-self: center;
      padding-top: 150px;
      width: 70%;
    }
    .qrPage-image {
      margin: 50px auto 50px
    }
    .qrPageC-textHighlight {
      margin-top: 30px;
    }

    /****** Highlight *******/
    .homeHighlightContent {
      padding: 140px 0 140px;
    }
    .homeSectionTitle {
      font-size: 42px;
      line-height: 42px;
      letter-spacing: 1px;
    }
    .homeHighlightIntro-desc {
      font-size: 42px;
      line-height: 46px;
      width: auto;
    }

    /******* Project Info **********/
    .homeProjectInfo {
      width: 100%;
      background-color: #434A4F;
      padding-top: 40px;
    }
    .homeBarSection {
      position: relative;
      top: unset;
      right: unset;
      width: 80%;
      height: 5px;
      margin-top: 40px;
      margin-right: 0;
      margin-left: auto;
    }
    .showOnScroll-barsection-right {
      margin-right: -23.4%;
    }
    .showOnScroll-barsection-right-in {
      margin-right: 0;
    }
    .homeProjectInfoTitle {
      position: relative;
      top: unset;
    }
    .homeProjectInfoContent {
      position: relative;
      right: unset;
      bottom: unset;
      display: flex;
      height: auto;
      width: 100%;
      max-width: unset;
      align-items: flex-end;
      justify-content: flex-end;
    }
    .homeProjectInfoContent-left {
      position: relative;
      padding: 8px 26px 58px 50px;
    }
    .homeProjectInfoContent-left::before {
      content: "";
      position: absolute;
      left: 0;
      top: -45px;
      width: 100%;
      height: 50px;
      background-color: #ffffff;
    }
    .homeProjectInfoContent-left table td {
      font-size: 19px;
      line-height: 28px;
    }
    .homeProjectInfoContent-left table td.tableSubjectMobile {
      font-size: 22px;
    }

    /****** FACILITIES ********/
    .homeFacilitiesInner.only-pc {
      display: none;
    }
    .homeFacilitiesInner.only-mobile {
      display: block;
    }
    .homeFacilitiesInner.only-mobile .homeFacilitiesContent {
      display: block;
      padding: 0 0 70px;
    }
    .homeFacilitiesInner.only-mobile .homeFacilitiesContent-left {
      width: 100%;
    }
    .homeFacilitieOwl-text {
      font-size: 35px;
      line-height: 35px;
      font-weight: 700;
      margin-top: 30px;
    }
    .homeFacilitieOwlCaptionArea {
      position: absolute;
      width: 100%;
      padding: 0 65px;
      bottom: 30px;
      background-color: transparent;
      z-index: 2;
    }
    .homeFacilitieOwl-num {
      font-size: 25px;
      line-height: 30px;
      font-weight: 700;
      transform: translateX(-10px);
    }
    .homeFacilitieOwl-num div {
      display: inline-block;
      font-size: 80px;
      background-color: rgba(236,236,237,.95);
      padding: 20px 10px;
    }

    /****** GALLERY *******/
    .homeGalleryContentItem.homeGalleryContentItemFullWidth {
      padding: 0;
    }
    .homeGalleryNavList {
      flex: 1;
      text-align: right;
      position: relative;
      padding-left: 30%;
    }
    .homeGalleryNavList select {
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: transparent;
      background-image: url('../../images/icon-select.png');
      background-position: 100% 60%;
      background-repeat: no-repeat;
      color: #ffffff;
      font-size: 24px;
      line-height: 29px;
      font-weight: 400;
      border: none;
      border-bottom: 1px solid #93979A;
      width: 200px;
    }
    .homeGalleryNavList select option {
      background-color: #5F6569;
      color: #ffffff;
    }
    .homeGalleryNavList select:focus {
      outline: none;
    }
    .homeGalleryContentItem {
      padding: 0 54px;
    }
    .homeGalleryContentItemVideo .homeGallery-360-content-left {
      padding-left: 20px;
    }
    .homeVideoControl {
      margin-top: 20px;
      transform: translateX(0);
    }

    /****** Panorama ********/
    .panoramaWrapperCover {
      height: 450px;
      padding: 0 54px;
    }
    .panoramaNavBottom {
      display: block;
    }
    .panoramaNav .pano-daynight,
    .panoramaNav .divPano-tab {
      display: none;
    }
    .pano-daynight {
      width: 100px;
    }
    .pano-daynight ul li {
      margin-right: 25px;
    }
    .pano-daynight ul li div {
      width: 22px;
      margin-right: 0px;
      transform: translateY(4px);
    }
    .divPano-tab {
      flex: 1;
    }
    .divPano-tab ul li {
      margin-right: 25px;
      font-size: 24px;
      line-height: 50px;
    }
    .pano-compass ul li {
      margin: 0 30px;
      font-size: 18px;
      line-height: 50px;
    }
    .panorama-view {
      height: 400px;
    }

    /********** 360 ***********/
    .homeGallery-360-content {
      flex-direction: column-reverse;
      padding: 0 54px;
    }
    .homeGallery-360-content-left {
      display: none;
    }
    .homeGallery-360-content-right {
      width: 100%;
    }
    .matterportInner {
      width: 100%;
    }
    .homeGallery-360-content-mobile-list {
      display: none;
      width: 100%;
      padding: 0 36px;
      height: 50px;
      background-color: rgba(0,0,0,.3);
      display: flex;
      align-items: center;
    }
    .homeGallery-360-content-mobile-list select {
      -webkit-appearance: none;
      -moz-appearance: none;
      background-color: transparent;
      background-image: url('../../images/icon-select.png');
      background-position: 100% 60%;
      background-repeat: no-repeat;
      color: #ffffff;
      font-size: 24px;
      line-height: 29px;
      font-weight: 500;
      border: none;
      width: 100%;
    }
    .homeGallery-360-content-mobile-list select option {
      background-color: #5F6569;
      color: #ffffff;
    }
    .homeGallery-360-content-mobile-list select:focus {
      outline: none;
    }

    /*********** Video ************/
    #homeGallery-video .homeGallery-360-content {
      padding: 0;
    }
    .homeGalleryVideoArea {
      position: relative;
      padding-bottom: 20px;
    }
    .homeGalleryVideoArea .owl-carousel .owl-stage {
      padding-left: 75px !important;
    }
    .homeGalleryVideoArea .owl-carousel.owl-drag .owl-item {
      transform: scale(1);
    }
    .homeGalleryVideo-mobile-detail {
      display: block;
      margin-top: 110px;
    }
    .homeGalleryVideo-title {
      font-size: 30px;
    }
    .homeGalleryVideo-detail {
      font-size: 24px;
      line-height: 29px;
      margin-top: 10px;
    }
    .homeGalleryVideOwlCaptionArea {
      display: block;
      width: 100%;
      position: absolute;
      top: 0;
      padding: 0 75px;
    }
    .homeGalleryVideOwlCaptionAreaSetTop {
      visibility: hidden;
    }
    .homeVideoControlMobile {
      display: block;
    }
    .homeGalleryVideoNumber {
      font-size: 30px;
      line-height: 40px;
      font-weight: 500;
      margin-top: 20px;
      z-index: 5;
    }
    .homeGalleryVideoNumber div {
      display: inline-block;
      font-size: 80px;
      padding: 20px 5px 20px 0;
    }
    .homeVideoControl {
      position: absolute;
      z-index: 5;
      top: 0;
      right: 75px;
      width: 120px;
      height: auto;
      font-size: 0;
      margin-top: 0;
      transform: translateX(15px);
      text-align: right;
    }
    .homeVideoControl-btn {
      width: 28px;
      margin: 0 15px;
    }

    /****** Plan *******/
    .homePlanContent {
      padding: 40px 0 40px;
    }
    .homePlanTabContent {
      padding: 0 54px;
    }
    .homePlanTabContentItem {
      display: block;
      padding: 20px 0 80px;
    }
    .homePlanTabContentItemInner {
      display: block;
    }
    .homePlanTabContentItemInner-left {
      width: 100%;
      padding-top: 40px;
    }
    .homePlanTabContentItemInner-right {
      width: 100%;
      padding-left: 0;
    }
    .homeCompareUnit-choose {
      opacity: 1;
      font-size: 15px;
      line-height: 18px;
    }
    .homeCompareUnit-select select { 
      font-weight: 400;
    }
    .homePlanTabContentItemInner-floor-name {
      margin-top: 25px;
      text-align: center;
      font-size: 30px;
      line-height: 36px;
    }
    .homePlanTabContentItemInner-floor-img {
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-remark-text {
      font-size: 16px;
      line-height: 20px;
    }
    .homePlanTabContentItemInner-floor-remark {
      display: block;
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-floor-remark-left {
      text-align: center;
    }
    .homePlanTabContentItemInner-floor-remark-right {
      text-align: center;
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-unit-img {
      width: 100%;
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-unit-remark {
      text-align: center;
    }
    .planContentItemUnit .homePlanTabContentItemInner-floor-name {
      margin-top: 25px;
    }
    .homePlanTabContentItemInner-unit-button {
      margin-top: 10px;
    }
    .homePlanTabContentItemInner-unit-button .btn-theme {
      margin: 0;
    }

    /******* Location ********/
    .homeLocationInner {
      padding: 40px 0 60px;
    }
    .homeLocationContent {
      padding: 0;
      flex-direction: column-reverse;
    }
    .homeLocationContent-left {
      width: 100%;
      padding: 0 115px;
      margin-top: 30px;
    }
    .homeLocationContent-right {
      width: 100%;
      margin-top: 25px;
      padding: 0 54px;
    }
    .homeLocationContent-item {
      font-size: 24px;
      line-height: 28px;
      margin-bottom: 25px;
    }
    .homeLocationContent-item-title {
      font-size: 30px;
    }

    /********** Body fix **************/
    body.bgHome { 
      background-color: transparent; 
    }
    body.bgHome:before {
      content: "";
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: -10;
      background-image: url("../../images/home/bg_banner.jpg");
      background-attachment: initial;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .homeHighlightInner {
      position: relative;
      background: none;
      width: 100%;
      height: auto;
    }

}