@media only screen and (min-width: 769px) and (max-width: 1280px){
    /*home page*/
    .h-section3 .grid .img-title{
      font-size: 0.8rem;
      left: 10px;
    }
    .h-section4 .form form .form-field-all ._form_group label{
      margin-bottom: 30px;
    }
    .h-section5 .grid .description{
      font-size: 0.8rem;
      align-self: center;
    }
    .h-section5 .grid button{
      font-size: 0.8rem;
    }
    .h-section6 h1{
      font-size: 0.9rem;
    }

    .h-section6 .grid .footer-1 .contact-info{
      font-size: 0.8rem;
    }
    .h-section6 .grid .footer-2 a{
      font-size: 0.8rem;
    }
    .h-section6 .grid .footer-3 p{
      font-size: 0.8rem;
    }



    .vision-page h1{
      font-size: 3rem;
    }
    .vision-page h2{
      font-size: 0.8rem;
    }

    .facilities-subpage-page h1{
      font-size: 2.5rem;
    }
    .facilities-subpage-page .facilities-container .section-2 .information{
      padding: 20px 0 10px 10px;
    }
    .facilities-subpage-page .facilities-container .section-2 .information .infor-title{
      font-size: 0.9rem;
    }
    .facilities-subpage-page .facilities-container .section-2 .information .infor-des{
      font-size: 0.9rem;
    }

    .office-page h2{
      font-size: 1.1rem;
      line-height: unset;
    }
    .office-page .grid-1 .item-2{
      padding-left: 10%;
    }
    .office-page .grid-2 .item-2 {
      padding-left: 10%;
    }
    .office-page .grid-2 .img-title{
      font-size: 1.6rem;
    }

    .office-leasing-page .section-1 h1{
      font-size: 2rem;
    }
    .office-leasing-page .section-1 h2{
      font-size: 1.3rem;
    }

    .office-leasing-page .section-2 .infor .item{
      margin-left: 0;
      margin-right: 0;
    }
    .office-leasing-page .section-2 .infor .item-1{
      margin-right: 30px;
    }

    .office-tenant-page .grid{
      grid-template-columns: 50% repeat(1, 1fr);
    }
    .office-tenant-page .grid .building .floor-display .floor-1 .des{
      transform: translate(-30px, 115px);
    }
    .office-tenant-page .grid .building .floor-display .floor-1 svg{
      transform: translate(0px, 90px) scale(0.9);
    }
    .office-tenant-page .grid .building .floor-display .floor-1 .curly-bracket{
      transform: translate(-30px, 170px);
      scale: 0.8;
    }
    .office-tenant-page .grid .building .floor-display .floor-2 .des{
      transform: translate(-35px, 45px);
    }
    .office-tenant-page .grid .building .floor-display .floor-2 svg{
      transform: scale(0.8) translate(-8px, 25px);
    }
    .office-tenant-page .grid .building .floor-display .floor-2 .curly-bracket{
      transform: translate(-30px, 10px);
      scale: 0.8;
    }
    .office-tenant-page .grid .building .floor-display .floor-3{
      margin-top: 20px;
    }
    .office-tenant-page .grid .building .floor-display .floor-3 .des{
      transform: translate(-35px, 10px);
    }
    .office-tenant-page .grid .building .floor-display .floor-3 svg{
      transform: scale(0.8) translate(-12px, -10px);
    }
    .office-tenant-page .grid .building .floor-display .floor-3 .curly-bracket{
      transform: translate(-30px, -110px);
      scale: 0.8;
    }

    .retail-tenant-page h1{
      padding-bottom: 30px;
    }
    .retail-tenant-page .floor-tenant{
      margin-top: 0;
    }
    .retail-tenant-page .floor-tenant .logo-display .logo-container .tenant-name{
      font-size: 1.2rem;
    }

    .retail-facilities-page h1{
      font-size: 1.8rem;
    }
    .page-new .first-post{
      height: 350px;
    }

    .page-new .other-post .other-post-article .thumb img{
      height: 200px;
    }

    .post-content .other-post .other-post-article .thumb img{
      height: 200px;
    }
    /* retail facilities page*/
    .retail-facilities-page .section-1 >*{
      font-size: 0.9rem;
    }
  }
@media only screen and (min-width: 375px) and (max-width: 480px){
  
}