@media only screen and (min-width: 4564px) {
  #subpagesection-home {
      background-position: center -200px;
  }
}

@media only screen and (min-width: 2880px) and (max-width: 3750px){
    #subpagesection-home {
      background-position: center -170px;
  }
}


@media only screen and (min-width: 2440px) and (max-width: 1920px){
    #subpagesection-home {
      background-position: center -100px;
  }
}

@media only screen and (min-width: 1652px) and (max-width: 1920px){
    #subpagesection-home {
      background-position: center -30px;
  }
}

@media only screen and (min-width: 1500px) and (max-width: 1651px){
    #subpagesection-home {
      background-position: center -15px;
  }
}

@media only screen and (min-width: 1025px) and (max-width: 1499px){
    #subpagesection-home {
      background-position: center 0px;
  }
    
    html[lang="en"] #submenu .submenu-item-main {
         padding: 0px;
    }
    
    html[lang="en"] .header-logo {
        padding-left: 0px;
        padding-right: 0px;
    }

    
    #eng-submenu-log {
       width: 251px;
        height: 23px;
    }
}



@media (min-width: 2469px) {

 .section.section-landpage .subpage .page-title{
    font-size: 60px;
  }

  html[lang="en"] .section.section-landpage .subpage .page-title {
    font-size: 40px;
  }



.section.section-landpage .subpage .page-content ul.page-points{
    margin-top: 52px;
    font-size: 35px;
}

  html[lang="en"] .section.section-landpage .subpage .page-content ul.page-points {
    margin-top: 40px;
    font-size: 25px;
  }

.section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks{
    font-size: 26px;
}

.section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks li{
    margin-top: 55px;
}

/*SUBMENU 3 */
.semiblack-background{
  width: 960px;
  padding: 47px 30px 46px 38px;
  margin-top: 50px;
}


}

@media only screen and (min-width: 1980px) and (max-width: 2468px){

  html[lang="en"] .section.section-landpage .subpage .page-title {
    font-size: 35px;
    line-height: 45px;
  }


  .section.section-landpage .subpage .page-title{
    font-size: 52px;
  }

  .section.section-landpage .subpage .page-content ul.page-points{

    margin-top:32px;
   font-size:23px;
  }

  html[lang="en"] .section.section-landpage .subpage .page-content ul.page-points {
    margin-top: 35px;
    font-size: 23px;
  }

  .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks{
    font-size: 22px;
  }

   .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks li{

    margin-top: 38px;    
  }

  /*SUBMENU 3 */
  .semiblack-background{
    width: 860px;
    padding: 35px 20px 31px 35px;
    margin-top: 15px; 
    margin-left: 20px;
  }

}



@media only screen and (min-width: 1780px) and (max-width: 1979px){
  .section.section-landpage .subpage .page-title{
    font-size: 45px;
  }

  html[lang="en"] .section.section-landpage .subpage .page-title {
    font-size: 31px;
    line-height: 42px;
  }

  .section.section-landpage .subpage .page-content ul.page-points{
    font-size: 27px;
    margin-top: 15px;
  }

  html[lang="en"] .section.section-landpage .subpage .page-content ul.page-points {
    margin-top: 35px;
    font-size: 23px;
  }

  .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks{
    font-size: 20px;
  }

  .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks li{
    margin-top: 42px;
  }

   .section.section-landpage .subpage .page-gallery {
     margin-top: -10px;
  }


  /*SUBMENU 3 */
  .semiblack-background{
    width: 760px;
    padding: 30px 17px 21px 20px;
    margin-top: 17px; 
    margin-left: 15px;
  }

}



@media only screen and (min-width: 1655px) and (max-width: 1779px){

    .section.section-landpage .subpage .page-title{
      font-size: 41px;
    }

    html[lang="en"] .section.section-landpage .subpage .page-title {
      font-size: 30px;
      line-height: 40px;
    }


    .section.section-landpage .subpage .page-content ul.page-points{
      font-size: 23px;
      margin-top: 17px;
    }

    html[lang="en"] .section.section-landpage .subpage .page-content ul.page-points {
      margin-top: 34px;
      font-size: 20px;
      font-family: 'Playfair Display', serif;
    }

    .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks{
      font-size: 18px;
    }

  .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks li{
    margin-top: 34px;
  }

    /*SUBMENU 3 */
  .semiblack-background{
    width: 660px;
    padding: 30px 20px 15px 10px;
    margin-top: -8px; 
    margin-left: 20px;
  }

   .section.section-landpage .subpage .page-gallery {
     margin-top: -10px;
  }

}


@media only screen and (min-width: 1564px) and (max-width: 1654px){

  
    .section.section-landpage .subpage .page-title{
      font-size: 34px;
      
    }
    html[lang="en"] .section.section-landpage .subpage .page-title {
      font-size: 26px;
      line-height: 34px;
    }

    .section.section-landpage .subpage .page-content ul.page-points{
      font-size: 23px;
      margin-top: 13px;
    }

    html[lang="en"] .section.section-landpage .subpage .page-content ul.page-points {
      margin-top: 26px;
      font-size: 20px;
    }

    .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks{
      font-size: 18px;
    }

  .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks li{
    margin-top: 35px;
  }

    /*SUBMENU 3 */
  .semiblack-background{
    width: 650px;
    padding: 30px 20px 15px 10px;
    margin-top: -18px; 
    margin-left: 12px;
  }

   .section.section-landpage .subpage .page-gallery {
     margin-top: -10px;
  }

}


@media only screen and (min-width: 1450px) and (max-width: 1563px){

  
    .section.section-landpage .subpage .page-title{
      font-size: 34px;
    }

    html[lang="en"] .section.section-landpage .subpage .page-title {
      font-size: 25px;
      line-height: 33px;
    }


    .section.section-landpage .subpage .page-content ul.page-points {
      font-size: 20px;
      margin-top: -5px;
    }


    .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks{
      font-size: 15px;
    }
  
    .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks li{
     margin-top: 38px;
    }

    .semiblack-background{
      width: 560px;
      padding: 30px 20px 15px 10px;
      margin-top: -25px; 
      margin-left: 15px;
    }

   .section.section-landpage .subpage .page-gallery {
     margin-top: -12px;
  }
}

@media only screen and (min-width: 1118px) and (max-width: 1449px){
    .semiblack-background{
      width: 500px;
      padding: 30px 20px 15px 0px;
      margin-top: -22px; 
      margin-left: 15px;
    }

   .section.section-landpage .subpage .page-gallery {
     margin-top: -15px;
  }
}


@media only screen and (min-width: 992px) and (max-width: 1118px){
    .semiblack-background{
      width: 420px;
      padding: 20px 23px 7px 0px;
      margin-top: -26px; 
      margin-left: 20px;
    }

   .section.section-landpage .subpage .page-gallery {
    margin-top: -20px;
  }
}

/* tablet version */
@media (min-width: 1600px) {
  .section.section-landpage #landing_video, .section.section-landpage #full_video {
    height: initial;
  }
}

@media (min-width: 1980px){
  .brand-icon{
      width: 80%;
  }
}

@media only screen and (min-width: 1400px) and (max-width: 1979px){
  .brand-icon{
      width: 92%;
  }
}


@media (min-width: 769px) {

  .nav>li {
      /*height: 72px;*/
  }
  .navbar-collapse {
      width: auto;
      border-top: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
  }
  .navbar-collapse.collapse {
      display: block!important;
      height: auto!important;
      padding-bottom: 0;
      overflow: visible!important;
      visibility: visible!important;
  }
  .navbar-nav {
      float: left;
      margin: 0;
  }
  .navbar-nav>li {

  }

}

@media only screen and (max-width: 1700px) {
  .leave-logo {
    width: 203px;
    height: 277px;
    background-image: url(../../../images/main_leave_m.png);
  }
}


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

  .videoctrol {
    bottom: 170px;
  }
  #menuContentBox{
    padding-bottom: 118px;
  }

  .custom-modal-dialog-bottomright {    
      bottom: 130px;
  }  
/*updated on July2022*/ 
  .fixed-footer.desktop-footer {
    display: flex;
	margin-left: -47px;
  }
/*  .fixed-footer.tablet-footer {
    display: flex;
  }*/
  .inline-footer.mobile-footer {
    display: none;
  }

  .section.section-landpage .section-disclaimer-box {
    bottom: 130px;
  }

  .section.section-landpage #skip_video_button {
    bottom: 160px;
  }
  .subpagesection .carousel-indicators {
    bottom: 90px;
  }


  .section.section-landpage .subpage .page-content ul.page-points li {
    margin-bottom: 10px;
    line-height: 142%;
  }
  .section.section-landpage .subpage .page-content ul.page-inner-points li {
    margin-bottom: 0px;
    line-height: 142%;
  }


    .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks {
   
    font-size: 13px;
    font-weight: 300;
  }

      .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks li {
   
    margin-top: 20px;
  }



  .section.section-landpage .subpage .page-content-icon-box img {
    width: 80px;
    height: 80px;
        object-fit: cover;
  }

  .page-button-box{
    padding-top: 45px;
  }

}

@media only screen and (min-width: 992px) and (max-width: 1100px) {

  .section.section-landpage .subpage .page-title{
    font-size: 27px;
  }
  
  html[lang="en"] .section.section-landpage .subpage .page-title {
    font-size: 19px;

   
  }
}


@media only screen and (min-width: 1600px)  {
  html[lang="en"] body .navbar-nav>li>a, html[lang="en"] body .upper-menu-item {
    font-size: 16px;   
    line-height: 15px;
  }
}


@media only screen and (min-width: 1281px) and (max-width: 1599px)  {
  html[lang="en"] body .navbar-nav>li>a, html[lang="en"] body .upper-menu-item {
    font-size: 15px;
    line-height: 15px;
  }
}


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

  html[lang="en"] .section.section-landpage .subpage .page-title {
    font-size: 23px;
    line-height:32px;
   
  }

  .section.section-landpage .subpage .page-gallery {
    padding: 0px;
  }
	
  .section.section-landpage .subpage .page-title{
    font-size: 27px;
  }
	

  .section.section-landpage .subpage .content .row {
    padding: 20px 0px 0px 0px;
  }

  .section.section-landpage .subpage .page-title .vdots {
    width: 6px;
    height: 68px;
    margin-top: 4px;
	  margin-right: 14px;
  }

  .section.section-landpage .subpage .page-content .club-page-content {
    padding: 52px 0px 0px 40px;
  }

  .section.section-landpage .subpage .page-icon {
    display: none;
  }

  .desktop-icon, .desktop-ver {
    display: none !important;
  }
  .tablet-icon, .tablet-ver {
    display: block !important;
    display: flex !important;
  }

  .special-font {
    font-family: 'Noto Sans TC';
    font-size: 15px;
  }

  .special-font.homepage {
    font-size: 15px !important;
  }


  .subpage#design-concept .page-content .page-side-icon-1.tablet-icon {
    display: block;
      top: 100px;
      left: 0px;  
  }
  .subpage#design-concept .page-content .page-side-icon-2.tablet-icon {
    display: block;
      bottom: 100px;
      left: 0px;  
  }
  .subpage#design-concept .page-content .page-side-icon-3.tablet-icon {
    display: block;
      right: 0px;
      bottom: 40px;  
  }

  
  .subpage#clubhouse-gym .page-content .page-side-icon-14.tablet-icon {
    display: block;
    bottom: 40px;
    right: 168px;
  }

    
  .subpage#clubhouse-gym .page-content .page-side-icon-14.tablet-icon > img {
    width: 62px;
    height: 62px;
  }

  .subpage#clubhouse-gym .page-content .page-side-icon-16.tablet-icon {
    display: block;
    bottom: 10px;
    right: 10px; 
  }
  .subpage#clubhouse-gym .page-content .page-side-icon-15.tablet-icon {
    display: block;
    right: 85px;
    bottom: 40px;
  }


  .subpage#design-concept .page-content .page-disclaimer-box {
    margin-top: 60px;
  }


  .subpage#architect-team .page-content {
    padding: 0px 154px 20px 14px;
  }
  
  .subpage#architect-team .page-gallery {
      padding: 0px 0px 80px 0px;
  }



  .subpage#architect-team .page-content .page-side-icon-4.tablet-ver {
    display: block;
    top: 100px;
    left: -4px;  
  }
  .subpage#architect-team .page-content .page-side-icon-5.tablet-ver {
    display: block;
    right: 164px;
    bottom: 140px;
  }
  .subpage#architect-team .page-content .page-side-icon-6.tablet-ver {
    display: block;
    bottom: 170px;
    left: 26px; 
  }
  .subpage#architect-team .page-content .page-disclaimer-box {
    margin-top: 20px;
  }
  .subpage#architect-team .page-gallery .two-men-gallery-box {
    width: 500px;
    height: 572px;
  }
  .subpage#architect-team .page-gallery .two-men-gallery-box .page-gallery-float-image-3 {
    width: 250px;
    top: 0px;
    left: 20px;  
  }
  .subpage#architect-team .page-gallery .two-men-gallery-box .page-gallery-float-image-4 {
    width: 262px;
    bottom: 90px;
    right: 50px;  
  }

  .subpage#architect-team .page-gallery .two-men-gallery-box .page-gallery-float-text-3 {
    top: 40px;
    left: 300px;  
  }
  .subpage#architect-team .page-gallery .two-men-gallery-box .page-gallery-float-text-4 {
    bottom: 160px;
    right: 350px;
  }

  
  .subpage#eastkowloon-development .page-content .page-side-icon-14.tablet-icon {
    display: block;
    top: 100px;
    left: -10px;  
  }
  .subpage#eastkowloon-development .page-content .page-side-icon-18.tablet-icon {
    display: block;
    bottom: 0px;
    right: 0px;  
  }



  .subpage#one-circle-point .page-content .page-side-icon-14.tablet-icon {
    display: block;
    top: 100px;
    left: -10px;  
  }

  .subpage#one-circle-point .page-content .page-side-icon-15.tablet-icon {
    display: block;
    bottom: 20px;
    right: 250px;
  }


  .subpage#one-circle-point .page-content .page-side-icon-16.tablet-icon {
    display: block;
    bottom: 20px;
    right: 160px; 
  }


  .subpage#one-circle-point .page-content .page-side-icon-17.tablet-icon {
    display: block;
    bottom: 20px;
    right: 55px;
  }

  .subpage#one-circle-point .page-content .page-side-icon-18.tablet-icon {
    display: block;
    bottom: 0px;
    right: 0px;  
  }


  .subpage#clubhouse-intro .page-content .page-side-icon-10.tablet-icon {
    display: block;
    top: 100px;
    left: 0px;  
  }
  .subpage#clubhouse-intro .page-content .page-side-icon-11.tablet-icon {
    display: block;
    bottom: 100px;
    left: 36px;  
  }
  .subpage#clubhouse-intro .page-content .page-side-icon-12.tablet-icon {
    display: block;
    right: 0px;
    bottom: 40px;  
  }

  .subpage#clubhouse-intro .page-content .page-side-icon-21.tablet-icon {
    display: block;
    right: 0px;
    top: 100px;
  }

  .subpage#clubhouse-intro .page-content .page-side-icon-13.tablet-icon {
    display: block;
    right: 85px;
    bottom: 10px;  
  }

  .subpage#clubhouse-intro .page-content .page-disclaimer-box {
    margin-top: 60px;
  }


  .subpage#design-concept-intro .page-content .page-side-icon-10.tablet-icon {
    top: 100px;
    left: 0px;  
  }
  .subpage#design-concept-intro .page-gallery .page-side-icon-11.tablet-icon {
    top: 200px;
    left: 0px;  
  }
  .subpage#design-concept-intro .page-content  .page-button {
    width: 300px;
  }
  .subpage#design-concept-intro .brand-icon-box {
    width: 400px;
    position: absolute;
    margin-top: 20px;
  }

  .section.section-landpage .subpage .page-content {
    padding: 30px 4px 20px 4px;
  }
  .section.section-landpage .subpage .page-content ul.page-points {
    margin-top: -22px;
    font-size: 17px;
  }

  html[lang="en"] .section.section-landpage .subpage .page-content ul.page-points {
    margin-top: -3px;
    font-family: 'Playfair Display', serif;
  }

    .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks {
   
    font-size: 13px;
    font-weight: 300;
  }

    .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks li {
   
    margin-top: 20px;
  }





}

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

  .slicknav_menu {
      display: block;
      right: initial;
      left: 0px;
  }  
  
  .navbar-collapse.collapse {
    display: none!important;
    height: auto!important;
    padding-bottom: 0;
    overflow: visible!important;
    visibility: visible!important;
  }
  #lower_lang_box {
    display: none;
  }
  #upper_lang_box {
    display: block;
  }


  #subpagesection-home {
    background-image: url(../../images/landing/main_bg_tc_M.jpg);
    background-position: top;
  }


  .section.section-landpage .pty-logo {
    width: 240px;
    height: 112px;
    top: 150px;
  }
  .section.section-landpage .pty-logo-3dots {
    width: 64px;
    height: 5px;
    top: 130px;
  }
  .section.section-landpage .pty-tagline {
    font-size: 27px;
    width: 348px;
    left: -50px;
    top: 155px;
  }

  .section.section-landpage .pty-concept-pics {
    font-size: 16px;
    bottom: 140px;
    font-weight: 500;
  }

  .section.section-landpage .pty-logo-side-icon {
    width: 94px;
    height: 94px;
    left: 90px;
    top: 140px;
  }

  .section.section-landpage .section-disclaimer-box {
    bottom: 135px;
  }




}

/* mobile version */
@media only screen and (max-width: 991px) {

/*  .section.section-landpage .subpage > .content {
    overflow-y: auto;
    overflow-x: hidden;
  }*/



	.section.section-landpage .subpage .page-title .vdots{
		margin-right: 10px;
	}
	
	
	.section.section-landpage .subpage .page-gallery{
		padding: 10px;
	}
	
	.section.section-landpage .subpage .page-title{
		margin-left: 12px;
	}
	
  .header-logo {
    display: none;
  }
  .mobile-header-logo {
    display: block;
  }

  #submenu {
    margin-left: 0px;
    margin: 0px auto;
    position: relative;
  }
  
  .navbar-wrapper.lower-navbar {
    justify-content: space-evenly;
  }  


  .videoctrol {
    bottom: 30px;
  }

  #videoCtrolShort {
    right: 20px;
  }
  #videoCtrolShort img {

  }

  #menuContentBox{
    padding-bottom: 0px;
  }

  .custom-modal-dialog-bottomright {    
      bottom: 25px;
  } 

  .section.section-landpage #skip_video_button {
    bottom: 20px;
    right: 6px;    
  }

  .desktop-icon, .desktop-ver {
    display: none !important;
  }
  .tablet-icon, .tablet-ver {
    display: none !important;
  }
  .mobile-icon, .mobile-ver {
    display: block !important;
    display: flex !important;
  }

  .special-font {
    font-family: 'Noto Sans TC';
    font-size: 15px;
  }


  .section.section-landpage .subpage {
    padding: 90px 10px 0px 10px;
  }

  .section.section-landpage .section-disclaimer-box.innerpage, .section.section-landpage .section-disclaimer-box {
    bottom: 20px;
  }

  .section.section-landpage .pty-concept-pics {
    bottom: 44px; 
  }

  .section.section-landpage .section-scrolldown-box {
    display: block;
  }

  .section.section-landpage .subpage .content .row {
    flex-direction: column-reverse;
  }

  .subpagesection .carousel-indicators {
      bottom: 20px;
  }

  .fixed-footer.desktop-footer {
    display: none;
	  	margin-left: -47px;
	  
  }
  .fixed-footer.tablet-footer {
    display: none;
  }
  .inline-footer.mobile-footer {
    display: flex;
  }


  .section.section-landpage .gallery-concept-pics {
    right: initial;
    left: 30px;
  }







  .subpage#design-concept .page-content .page-side-icon-1.mobile-icon {
    display: block;
    right: 20px;
    bottom: 0px;
  }

  .section.section-landpage .subpage.clubsubpage {
    padding: 90px 10px 0px 10px;
  }
  #mobilecontent{
    display: block;
  }

  .clubcontent {
    display: none;
  }




  .subpage#one-circle-point .page-content .page-side-icon-15.mobile-icon {
    display: block;
    left: 50px;
    top: 130px;
  }
  
  .subpage#one-circle-point .page-content .page-side-icon-16.mobile-icon {
    display: block;
    right: 170px;
    top: 130px;
  }
  
  .subpage#one-circle-point .page-content .page-side-icon-17.mobile-icon{
    display: block;
    right: 50px;
    top: 130px;
  }

  .subpage#one-circle-point .page-content .page-side-icon-18.mobile-icon{
    display: block;
    right: 20px;
    /*bottom: -200px;*/
  }

  .subpage#one-circle-point .page-content .page-side-icon-15.mobile-icon > img {
    width: 75px;
    height: 75px;
  }
  
  .subpage#one-circle-point .page-content .page-side-icon-16.mobile-icon > img {
    width: 75px;
    height: 75px;
  }
  
  .subpage#one-circle-point .page-content .page-side-icon-17.mobile-icon > img {
    width: 100px;
    height: 75px;
  }

  .subpage#one-circle-point .page-content .page-side-icon-18.mobile-icon > img {
    width: 39px;
    height: 22px;
  }


  .subpage#view360 .page-content .gallery-image.mobile-ver.view360mobile.view360mobile > img {
    width: 100%;
    height: 90%;
  }




  .subpage#architect-team .page-content {
      padding: 16px 0px 20px 0px;
  }
  .subpage#architect-team .page-gallery {
    padding: 0px 0px 0px 0px;
  }

  .subpage#architect-team .page-gallery .two-men-gallery-box {

  }
  .subpage#architect-team .page-gallery .page-gallery-float-image-3 {
    width: 70%;
  }
  .subpage#architect-team .page-gallery .page-gallery-float-image-4 {
    width: 67%;
  }
  .subpage#architect-team .page-gallery .page-gallery-float-text-3 {

  }
  .subpage#architect-team .page-gallery .page-gallery-float-text-4 {

  }
  .subpage#architect-team .page-content .page-side-icon-4.mobile-icon {
    display: block;
    right: 20px;
    bottom: 0px;
  }







  .subpage#clubhouse-intro .page-content .page-side-icon-10.mobile-icon {
    display: block;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
    width: 48px;
    height: 48px;
  }
  .subpage#clubhouse-intro .page-content .page-side-icon-11.mobile-icon {
    display: block;
    width: 43px;
    height: 25px;   
    top: 0px;
    left: 24px;    
  }
  .subpage#clubhouse-intro .page-content .page-side-icon-12.mobile-icon {
    display: block;
    width: 38px;
    height: 31px; 
    bottom: 0px;
    right: 24px;
  }


  .subpage#clubhouse-gym .page-content .page-side-icon-14.mobile-icon {
    display: block;
  width: 43px;
  height: 43px; 
    top: 0px;
    left: 24px;    
  }
  .subpage#clubhouse-gym .page-content .page-side-icon-16.mobile-icon {
    display: block;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    margin: auto;
  width: 44px;
  height: 42px; 
  }  
  .subpage#clubhouse-gym .page-content .page-side-icon-15.mobile-icon {
    display: block;
  width: 43px;
  height: 25px;
    bottom: 0px;
    right: 24px;
  }





  .subpage#clubhouse-intro .page-content .page-side-icon-21.mobile-icon {
    display: block;
    width: 10px;
    height: 55px;
    top: 5px;
    right: 70px;
  }




  .subpage#design-concept-intro .page-gallery.mobile-ver {
    align-items: baseline;
    justify-content: center;
  }
  .subpage#design-concept-intro .page-gallery.mobile-ver .image-box {
    padding: 0px 4px; 
  }
  .subpage#design-concept-intro .page-gallery.mobile-ver .image-box img {
    
  }     

  .subpage#design-concept-intro .page-content .page-button {
    width: initial;
  }

  .subpage#design-concept-intro .mixed-button-brand-icon-box {
    flex-direction: column-reverse;
  }
  .subpage#design-concept-intro .mixed-button-brand-icon-box > * {
    margin: 20px 0px;
  }
  .subpage#design-concept-intro .brand-icon-box {
    position: relative;
    width: 100%;
    top: initial;
    right: initial;    
  }

  .flex-viewport, .section.section-landpage .subpage .page-gallery > img, .page-gallery .gallery-image {
    height: 475px !important;
  }  
  .flex-control-nav {
    bottom: -27px;
  }  

}

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

  .slicknav_menu {
    display: block;
    right: initial;
    left: 0px;
  }

  .mobile-header-logo {
    display: block;
  }
  .header-logo {
    display: none;
  }

  #submenu {
    width: 100%;
  }
  
  .navbar-wrapper.lower-navbar {
    justify-content: space-evenly;
  }

  .subpage#design-concept-intro .brand-icon-box img {
    width: 80px;
  }
  .section.section-landpage .subpage .page-content ul.page-points li {
    margin-bottom: 2px;
  }
  .subpage#design-concept-intro .page-content ul.page-inner-points {
    width: 100%;
  }

}


@media (max-width: 640px) {

  .slicknav_menu {
      /*height: 100%;*/
  }
  .slicknav_nav {
    overflow-y: scroll;
  }

  .section.section-footer {
    padding-bottom: 100px;
  }



}


@media (min-width: 576px) {


  .custom-modal-dialog {
      max-width: 550px;
      margin: 1.75rem auto;
  }


  .custom-modal-dialog-centered {
      min-height: calc(100% - (1.75rem * 2));
  }  




}


@media only screen and (max-width: 576px) {
    .subpage#design-concept-intro .mixed-button-brand-icon-box > *{
      margin: 10px 0px;
  }
}

@media (max-width: 576px) {

    .brand-icon{
      width: 90%;
  }



      .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks {
   
    font-size: 8px;
    font-weight: 300;
  }

      .section.section-landpage .subpage .page-content ul.page-points ul.page-points-remarks li {
   
    margin-top: 16px;
  }


		.section.section-landpage .subpage .page-gallery{
		padding: 0px 5px;
	}
	
	
	.section.section-landpage .subpage .page-button{
		margin-left: -50px;
	}
	
	
  .special-font {
    font-family: 'Noto Sans TC';
    font-size: 12px;
  }
  .caption > .special-font {
    font-size: 15px; 
  }

  .navbar.menu {
    padding: 0px 0px;
  }

  .navbar-nav>li>a {
    line-height: 16px;
  }

  #upper_lang_box {
    margin: 0px;
  }
  #upper_lang_box >li>a {
    padding: 10px 6px;
  }

  .navbar-wrapper.lower-navbar {
    height: 36px;
    width: 100%;
/*    overflow-x: scroll;
    scroll-behavior: smooth;    */
  }

  .inner-lower-navbar {
    overflow-x: scroll;
    scroll-behavior: smooth;
    position: absolute;
    left: 30px;
    right: 30px;
  }

  .navbar-wrapper.lower-navbar .header-menu-left-arrow-box {
    display: block;
  }  
  .navbar-wrapper.lower-navbar .header-menu-right-arrow-box {
    display: block;
  }

  #submenu {
    /*padding-right: 40px;*/
    /*padding-left: 250px;*/
  }
  #submenu .submenu-item-main {
    padding: 0px 4px;
  }

  #submenu .submenu-item {
    font-size: 12px;
    white-space: nowrap;    
  }

  #subpagesection-home {
    /*background-image: url(../../images/landing/mobile/home_banner_750x1334.jpg);*/
    background-image: url(../../images/landing/main_bg_tc_S.jpg);
    background-position: top;
  }

  .custom-modal-dialog-bottomright {
    left: initial;
  }

  .section.section-landpage .subpage .page-content ul.page-points > li {
    line-height: 108%;
  }
  .section.section-landpage .subpage .page-content ul.page-inner-points li {
    line-height: 108%;
  }
  
  /* Added by TT */
  .section.section-landpage .subpage > .clubcontent {
    background-image: url(../../images/subpage/bg_wave.png);
    background-repeat: repeat;  
    width: 100%;
    height: 100%;   
  }

  .clubpage-button-box {
    display: none;
  }
  


    /* Added by TT */
  .section.section-landpage .subpage .page-title .vdots {
    margin-right: 10px;
    margin-top: 4px;
    width: 4px;
    height: 50px; 
  }

  html[lang="en"] .section.section-landpage .subpage .page-title .vdots{
    height: 41px;
    margin-top: 4px;
  }

  .section.section-landpage .subpage .page-title .vdots > img {
    width: 4px;
    height: 20px;    
  }

  .section.section-landpage .pty-logo {
    width: 200px;
    height: 95px;
    top: 150px;
  }
  .section.section-landpage .pty-logo-3dots {
    width: 48px;
    height: 4px;
    top: 105px;
  }
  .section.section-landpage .pty-tagline {
    font-size: 21px;
    width: 202px;
    left: 0px;
    top: 120px;
  }

  .section.section-landpage .pty-concept-pics {
    font-size: 14px;
    bottom: 65px;
    font-weight: 500;
  }

  .section.section-landpage .pty-logo-side-icon {
    width: 57px;
    height: 57px;
    left: 16px;
    top: 100px;
  }

  .section.section-landpage .section-disclaimer {
    font-size: 12px;
    font-weight: 400;
  }

  .section.section-landpage .section-disclaimer-box.innerpage, .section.section-landpage .section-disclaimer-box {
    left: 12px;
    bottom: 10px;    
  }

  .section.section-landpage .subpage {
      padding: 80px 10px 0px 10px;
  }

  .section.section-landpage .subpage .page-title {
    font-size: 21px;
    padding-left: 15px;
    margin-top: 15px;
	  letter-spacing: 0px;
	  margin-left: 0;
  }

  html[lang="en"] .section.section-landpage .subpage .page-title {
    font-size: 16px;
    line-height: 20px;
    
   
  }


  .section.section-landpage .subpage .page-content {
    padding: 30px 0px 20px 0px;
  }
  .section.section-landpage .subpage .page-content ul.page-points {
    font-size: 12px;
    margin-left: 47px;
	  margin-right: 13px;
	  margin-top:-17px;
  }

 

  .section.section-landpage .subpage .page-content ul.page-points > li {
    margin-bottom: 12px;
  }

  .section.section-landpage .subpage .page-content-icon-box img {
    width: 60px;
    height: 60px;
  }
  .section.section-landpage .subpage .page-disclaimer-box {
    margin-top: 20px;
  }

  .section.section-landpage .gallery-concept-pics {
    left: 30px;
    bottom: 10px;
    font-size: 13px;
  }

  .section.section-landpage .subpage .page-button-box {
    text-align: center;
    margin: 25px 0px;
    padding-top: 0px;
  }  

  .subpagesection .carousel-indicators {
      bottom: 25px;
  }
  .subpagesection .carousel-indicators li {
    width: 22px;
    height: 20px;
  }

  #disclaimer-modal .custom-modal-content .content-container {
      padding: 0px 35px 20px 35px;
  }
  #disclaimer-modal .modal-content .header-container {
    padding: 20px 20px;
  }
  #disclaimer-modal .modal-content .content-container {
    padding: 0px 35px 20px 35px;
  }
/*  .section.section-agencies .logo.logo-nw {
    float: center;
    margin-top: 20px;
  }*/


  .section.section-landpage .subpage.clubsubpage {
    background-color: #FFF;
    position: absolute; 
    width: 100%;
    height: 100%;   
    z-index: 10;
    padding: 80px 10px 0px 10px;
  }



}


@media only screen and (min-width: 577px) and (max-width: 991px){
    .brand-icon{
      width: 70%;
  }

}

@media only screen and (min-width: 577px) and (max-width: 1024px){
    html[lang="en"] .upper-menu-item, #submenu .submenu-item-main a {
        padding: 0px;
        font-size: 12px;
    }
    
     html[lang="en"] #submenu .submenu-item-main {
         padding: 5px;
    }
    
    html[lang="en"] .header-logo {
        padding-left: 0px;
        padding-right: 0px;
    }

    
    #eng-submenu-log {
       width: 251px;
        height: 23px;
    }
}


@media only screen and (min-width: 414px) and (max-width: 576px){
  .flex-viewport, .section.section-landpage .subpage .page-gallery > img, .page-gallery .gallery-image {
    height: 260px !important;
  }


}


@media only screen and (max-width: 413px){
  .flex-viewport, .section.section-landpage .subpage .page-gallery > img, .page-gallery .gallery-image {
    height: 255px !important;
  }


}

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

  .landing .pty-logo {
  background-image: url("../../images/logo_thehampstead.png");
  background-size: contain;
  background-repeat: no-repeat;
  width: 330px;
  height: 134px;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 50px;
  margin: auto;
  z-index: 2002;
}

}



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

  .flexslider .caption{
    font-size: 12px;
    line-height: 16px;
  }

  .flexslider .caption_map{
    font-size: 12px;
  
  }




}

@media (max-width: 359px) {

  .flex-viewport, .section.section-landpage .subpage .page-gallery > img, .page-gallery .gallery-image {
    height: 185px !important;
  }
}

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

  .subpage#design-concept-intro .brand-icon{
    line-height: 0px;
  }
}

@media only screen and (max-width: 360px) {
  .subpage#design-concept-intro .brand-icon-box img{
    width:60px;
  }
/*  .subpage#design-concept-intro .brand-icon{
    line-height: 0px;
  }*/
}

@media (max-width: 320px) {
  .mobile-header-logo img {
    width: 189px;
    height: 16px;
  }

  .flex-viewport, .section.section-landpage .subpage .page-gallery > img, .page-gallery .gallery-image {
    height: 150px !important;
  }

.section.section-landpage .subpage .page-title{
  font-size: 18px;
  letter-spacing: 0;
}

 .section.section-landpage .subpage .page-title .vdots {
    height: 40px; 
  }

  .flexslider .caption{
    bottom: 9px;
    line-height: 13px;
    font-size: 10px;
  }

  .flexslider .caption_map{
    font-size: 10px;
    bottom: 9px;
  }

  .section.section-landpage .subpage .page-button-box{
    margin: 10px 0;
  }
  .section.section-landpage .subpage .page-button{
    padding: 10px 0;
    border-radius: 17px;
    font-size: 12px;
    min-height: 40px;
  }


  .section.section-landpage .pty-concept-pics{
    font-size: 14px;
    bottom: 65px;
    font-weight: 500;
  }
  .section.section-landpage .section-disclaimer{
    font-size: 12px;
    font-weight: 400;
  }

}

@media only screen and (min-width: 992px) and (max-width: 1100px){
  .flex-view-port{
    height: 300px !important;
  }
}