@media only screen and  (max-width: 768px) {
    .mobile-hidden{
      display: none;
    }
    .header-container{
      display: none;
    }
    .header-container-mobile{
      display: block;
      position: fixed;
      z-index: 999;
      top: 0;
    }
    .header-container-mobile .menu-active-mobile{
      text-decoration: underline;
      text-underline-offset: 2px;
    }
    .header-container-mobile .header-menubar-mobile{
      display: flex;
      padding: 20px 0px;
      position: fixed;
      justify-content: center;
      width: 100%;
      background: #fff;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      color: #395A7F;
    }
    .header-container-mobile .header-menubar-mobile .logo-container-mobile{
      position: relative;
      margin-left: 20%;
      margin-right: auto;
      width: 60%;
    }
    .header-container-mobile .header-menubar-mobile .logo-container-mobile img{
      width: 100%;
    }
    .header-container-mobile .header-menubar-mobile button{
      color: inherit;
      background: transparent;
      font-size: 2rem;
      border: none;
      outline: none;
      padding-right: 5%;
    }
    
    .header-container-mobile .mobile-nav{
      height: 0%;
      width: 100%;
      position: fixed;
      z-index: 1;
      top: 0;
      left: 0;
      background-color: #fff;
      overflow-y: auto;
      transition: 0.5s;
    }
    .header-container-mobile .mobile-nav .mobile-nav-first{
      display: flex;
      margin-top: 20px;
      width: 90%;
      margin-left: 5%;
      margin-right: 5%;
    }
    .header-container-mobile .mobile-nav .mobile-nav-first  .logo-container{
      width: 60%;
      margin-right: 5%;
    }
    .header-container-mobile .mobile-nav .mobile-nav-first  .logo-container img{
      width: 100%;
    }
    .header-container-mobile .mobile-nav .dropdown{
      margin-right: 2%;
      align-self: center;
    }
    .header-container-mobile .mobile-nav .dropdown .language-dropdown{
      border: none;
      outline: none;
      font-weight: 500;
      color: var(--gray);
      font-size: 1rem;
      text-align: center;
    }
    .header-container-mobile .mobile-nav .close-menu-button{
      border: none;
      outline: none;
      background: transparent;
      font-weight: 500;
      color: var(--gray);
      transform: scale(1.5);
    }
    .header-container-mobile .mobile-nav .menu-list-container{
      margin-top: 30px;
      padding: 0;
    }
    .header-container-mobile .mobile-nav .menu-list-container li{
      display: block;
      margin-left: 5%;
      margin-right: 5%;
      padding-bottom: 10px;
    }
    .header-container-mobile .mobile-nav .menu-list-container li a{ 
      font-weight: 500;
      font-size: 1.4rem;
      color: #395A7F;
      width: fit-content;
    }
    .header-container-mobile .mobile-nav .menu-list-container .nav-link{
      display: inline;
      position: absolute;
      width: 90%;
    }
    .header-container-mobile .mobile-nav .menu-list-container .nav-link[data-toggle].collapsed:after {
      font-family: "Font Awesome 6 Free"; 
      font-weight: 900; 
      content: "\f078"; 
      color:  var(--gray);
      position: absolute;
      right: 10px;
    }
    .header-container-mobile .mobile-nav .menu-list-container .nav-link[data-toggle]:not(.collapsed):after {
        font-family: "Font Awesome 6 Free"; 
        font-weight: 900; 
        content: "\f077"; 
        color:  var(--gray);
        position: absolute;
        right: 10px;
    }
    .header-container-mobile .mobile-nav .submenu {
      padding: 5px 0;
    }
    .header-container-mobile .mobile-nav .submenu li{
      padding-bottom: 8px;
    }
    .header-container-mobile .mobile-nav .submenu li a{
      color: var(--gray);
      font-size: 1rem;
    }
    .h-section1 .img-bg{
      height: 100vh;
    }
    .h-section2 h1 {
      font-size: 2rem;
    }
    .h-section3 .grid {
      display: block;
      padding-left: 0;
      padding-right: 0;
    }
    .h-section3 .grid .img-slide{
      display: none;
      height: 300px;
    }
    .h-section3 .grid .button-left{
      position: absolute;
      top: 50%;
      transform: translate(0%,-50%);
      left:5%;
      font-size: 2rem;
      color: white;
      background: transparent;
      border: none;
      outline: none;
      display: block;
    }
    .h-section3 .grid .button-right{
      position: absolute;
      top: 50%;
      transform: translate(0, -50%);
      right: 5%;
      font-size: 2rem;
      color: white;
      background: transparent;
      border: none;
      outline: none;
      display: block;
    }
    .h-section3 .grid .img-title{
      bottom: 30px;
      left: 5px;
      font-size: 0.8rem;
    }
    .h-section4 {
      position: relative;
      margin-top: 50px;
      overflow: hidden;
      min-height: unset;
      max-height: unset;
    }
    .h-section4 .form {
      width: 90%;
      left: 5%;
      height: 95%;
      overflow: hidden;
      position: relative;
    }

    .h-section4 .form .content-form {
      width: 100%;
    }

    .h-section4 .form form .form-field-all ._form_group label {
      margin-bottom: 30px;
    }
    .h-section4 .form form .form-field-all ._form_group {
      margin-bottom: 50px;
    }
    .h-section4 .form form .form-field-all ._form_group:nth-child(1),
    .h-section4 .form form .form-field-all ._form_group:nth-child(2) {
      width: 100%;
    }
    .h-section4 .form form .form-field-all ._form_group:nth-child(4) {
      margin-bottom: 10px;
    }
    .h-section4 .form form .form-check {
      padding: 0;
      font-size: 0.8rem;
      margin-bottom: 20px;
    }
    .h-section4 .form form .check_agreement_text{
      font-weight: 500;
    }
    .h-section4 .form form .button-def {
      margin-left: 0;
    }
    .h-section5 .title{
      display: none;
    }
    .h-section5 .title-mobile{
      display: block;
    }
    .h-section5 h1 {
      padding-top: 30px;
      font-size: 2rem;
    }
    .h-section5 .horizon-line {
      margin-top: 0;
      margin-bottom: 10px;
    }
    .h-section5 .grid{
      display: block;
      margin-top: 0;
      margin-left: 5%;
      margin-right: 5%;
      padding-bottom: 30px;
    }
    .h-section5 .grid .map {
      padding-right: 0;
      padding-top: 30px;
    }
    
    .h-section5 .grid .description {
      font-size: 0.8rem;
      padding-bottom: 20px;
    }
    .h-section5 .grid .location-display{
      display: flex;
      flex-wrap: wrap;
    }
    .h-section5 .grid .location-display>*{
      width: 40%;
      margin: 5px 5%;
    }
    .h-section6 .grid {
      display: block;
      margin-left:5%;
      margin-right: 5%;
    }
    .h-section6 .grid > div {
      width: 100% !important;
      margin-left: 0 !important;
    }
    .h-section6 .logo-img {
      width: 220px;
      height: 37px;
      margin-left: auto;
      margin-right: auto;
    }
    .h-section6 .grid .footer-1 .contact-info {
      padding-top: 30px;
    }
    .h-section6 .grid .footer-1 .contact-info i {
      padding-bottom: 10px;
    }
    .h-section6 h1 {
      padding-top: 20px;
    }
    .h-section6 .horizon-line-1 {
      border-top: 1px solid #fff;
    }
    .h-section6 .grid .footer-2 a {
      font-size: 1rem;
    }
    .h-section6 .grid .contact-button {
      width: auto;
      padding: 5px 10px;
    }
    .h-section6 .grid .footer-4 a {
      font-size: 2rem;
      padding-right: 20px;
    }
    .h-section6 .horizon-line-2 {
      display: none;
    }
    .h-section6 .footer-5 .footer-text {
      padding-top: 30px;
      margin-left: 0;
      margin-right: 0;
      display: block;
    }
    .h-section6 .horizon-line-3 {
      display: block;
    }
    .h-section6 .footer-5 .footer-text>*{
      text-align: center;
    }
    .h-section6 .footer-5 .footer-text .copyright{
      padding-bottom: 20px;
    }
    .breadcrumb{
      display: none;
    }
    /*about us*/
    .about-us-page{
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 110px;
      margin-bottom: 30px;
    }
    .about-us-page .grid-1 {
      display: flex;
      flex-direction: column-reverse;
      grid-gap: 0;
    }
    .about-us-page h1 {
      font-weight: 700;
      font-size: 1.2rem;
    }
    .about-us-page h2 {
     
      font-weight: 500;
      font-size: 0.8rem;
    }
    .about-us-page .horizon-line {
      border-top: 2px solid #395A7F;
      margin-top: 10px;
      margin-bottom: 10px;
      width: 40%;
    }
    .about-us-page .grid-1 .item-1 {
      padding-top: 20px;
    }
    .about-us-page .grid-2 {
      display: block;
      margin-top: 30px;
    }
    .about-us-page .grid-2 .item-2 {
      padding-top: 20px;
    }
    .about-us-page .grid-3 {
      margin-top: 0;
    }
    /*vision page*/
    .vision-page{
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 110px;
      margin-bottom: 30px;
    }
    .vision-page .section-1 .description {
      display: block;
      position: unset;
      margin: 20px 0 0 0;
    }
    .vision-page h1 {
      color: var(--blue);
      font-weight: 700;
      font-size: 1.5rem;
    }
    .vision-page .section-1 .horizon-line{
      border-top: 2px solid var(--blue);
    }
    .vision-page h2{
      color: var(--gray);
      width: 100%;
      font-weight: 500;
      font-size: 0.8rem;
    }
    .vision-page .section-2{
      margin-top: 30px;
      display: block;
    }
    .vision-page .section-2 .item-1{
      width: 100%;
    }
    .vision-page .section-2 .item-2{
      width: 100%;
      padding-left: 0;
      padding-top: 20px;
    }
    .vision-page .section-2 h1{
      color: var(--blue); 
      font-weight: 700;
      font-size: 1.5rem;
    }
    .vision-page .section-2 .horizon-line{
      border-top: 2px solid var(--blue);
      width: 33%;
    }
    .vision-page .section-2 h2{
      color: var(--gray);
      width: 100%;
      font-weight: 500;
      font-size: 0.8rem;
    }
    /*location page*/
    .location-page{
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 110px;
      margin-bottom: 30px;
    }
    .location-page h1{
      text-align: center;
      font-size: 1.5rem;
      padding-bottom: 0;
    }
    .location-page .mobile-horizontal-line{
      border-top: 2px solid #395A7F;
      margin:20px 0;
      width: 33%;
      margin-left: auto;
      margin-right: auto;
    }
    .location-page .information{
      display: block;
      text-align: center;
      border-bottom: 0;
    }
    .location-page .information .vertical-line{
      display: none;
    }
    .location-page .information h2{
      padding-bottom: 0;
    }
    .location-page .information .address{
      padding: 0 0 10px 0;
    }
    .location-page .map{
      margin-top: 0;
    }
    .location-page .map a{
      width: 100%;
    }
    .location-page .map img{
      border: 2px solid var(--blue);
    }
    /* facilities page*/
    .facilities-page{
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 110px;
      margin-bottom: 30px;
    }
    .facilities-page .section-1{
      display: block;
    }
    .facilities-page .section-1 .item-2{
      padding-left: 0;
      padding-top: 20px;
      font-size: 0.8rem;
    }
    .facilities-page .section-2{
      margin-top: 20px;
      height: 350px;
    }
    .facilities-page .section-2 .text-swiper{
      height: 15%;
    }
    .facilities-page .section-2 .text-swiper .swiper-button-prev{
      left: 0;
      transform: scale(0.5);
    }
    .facilities-page .section-2 .text-swiper .swiper-button-next{
      right: 0;
      transform: scale(0.5);
    }
    .facilities-page .section-2 .text-swiper .swiper-wrapper a{
      font-size: 0.6rem;
    }

    .facilities-page .section-2 .text-swiper .swiper-slide::after{
      height: calc(var(--swiper-navigation-size) - 20px);
      transform: translateY(15px);
    }
    .facilities-page .section-2 .img-swiper{
      height: 83%;
    }
    .facilities-page .section-2 .img-swiper .swiper-slide img{
      border-radius: 3px;
    }
    .facilities-page .section-2 .img-swiper .swiper-slide .img-text{
      font-size: 0.6rem;
      height: unset;
      bottom: 10px;
    }
    /*facilities sub page */
    .facilities-subpage-page{
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 110px;
      margin-bottom: 30px;
    }
    .facilities-subpage-page h1{
      font-size: 1.5rem;
      text-align: center;
    }
    .facilities-subpage-page .facilities-container .section-1 .title{
      display: none;
    }
    .facilities-subpage-page .facilities-container .section-1 .title-mobile{
      width: 45%;
      display: block;
      align-self: center;
    }
    .facilities-subpage-page .facilities-container .section-1 .title-mobile .infor-title-big{
      font-weight: 500;
      color: black;
      font-size: 1rem;
    }
    .facilities-subpage-page .facilities-container .section-1 .title-mobile .infor-title{
      font-weight:400;
      color: black;
      font-size: 0.6rem;
    }
    .facilities-subpage-page .facilities-container .section-1 .title-mobile .infor-des{
      font-weight: 700;
      color: black;
      font-size: 0.6rem;
    }
    .facilities-subpage-page .facilities-container .section-1 .title-mobile .information-mobile{
  
    }
    .facilities-subpage-page .facilities-container .section-1 .img{
      width: 50%;
      margin-right: 5%;
      height: 130px;
    }
    .facilities-subpage-page .facilities-container .section-1 .img img{
      height: 100%;
    }
    .facilities-subpage-page .facilities-container .section-2{
      display: none;
    }
    .facilities-subpage-page .facilities-container .description{
      font-size: 0.8rem;
    }
    /* office page */
    .office-page{
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 110px;
      margin-bottom: 30px;
    }
    .office-page .grid-1{
      display: block;
    }
    .office-page .grid-1 .item-2{
      padding-left: 0;
      padding-top: 20px;
    }
    .office-page h1{
      font-weight: 700;
      font-size: 1.2rem;
    }
    .office-page .horizon-line{
      border-top: 2px solid #395A7F;
      margin-bottom: 10px
    }
    .office-page h2{
      font-size: 0.8rem;
    }
    .office-page .grid-2{
      padding-top: 0;
      margin-top: 20px;
      height: 250px;
    }
    .office-page .grid-2 .img-title{
      font-size: 1rem;
    }
    .office-page .grid-2 .item-2{
      padding-left: 30px;
    }
    .office-page .grid-2 .viewMore .vm-button{
      padding: 3px 20px 3px 20px;
      font-size: 0.6rem;
      margin-top: 0;
    }
    .office-page-background{
      height: 180px;
      transform: translateY(-180px);
    }
    /* office leasing */
    .office-leasing-page{
      margin-top: 110px;
      margin-bottom: 30px;
    }
    .office-leasing-page .section-1{
      margin-left: 5%;
      margin-right: 5%;
    }
    .office-leasing-page .section-1 h1{
      font-weight: 700;
      font-size: 1.5rem;
      margin-bottom: 30px;
    }
    .office-leasing-page .grid{
      display: block;
      height: unset;
    }
    .office-leasing-page .grid .item-1{
      padding-right: 0;
    }
    .office-leasing-page .section-1 .des{
      margin-top: 10px;
      font-size: 0.8rem;
    }
    .office-leasing-page .second-grid{
      margin-top: 10px;
    }
    .office-leasing-page .grid .item-2{
      margin-top: 10px;
    }
    .office-leasing-page .h-section4{
      margin-top: 30px;
    }
    .office-leasing-page .section-2{
      margin-left: 5%;
      margin-right: 5%;
    }
    .office-leasing-page .section-2 h1{
      font-weight: 700;
      font-size: 2rem;
      text-align: center;
    }
    .office-leasing-page .section-2 .title>*{
      padding-top: 10px;
    }
    .office-leasing-page .section-2 .infor{
      display: block;
      padding-top: 0;
    }
    .office-leasing-page .section-2 .infor .item{
      margin-left: 0;
      margin-right: 0;
      margin-top: 20px;
      padding-right: 20px;
    }
    .office-leasing-page .section-2 .horizon-line{
      width: 30%;
    }
    /* office tenant */
    .office-tenant-page{
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 110px;
      margin-bottom: 30px;
    }
    .office-tenant-page h1{
      font-weight: 700;
      font-size: 2rem;
      padding-bottom: 0px;
    }
    .office-tenant-page .grid{
      display: block;
      height: unset;
    }
    .office-tenant-page .grid .building {
      justify-content: center;
      height: 490px;
      display: none;
    }
    .office-tenant-page .grid .building-mobile{
      display: block;
      justify-content: center;
      display: flex;
    }
    .office-tenant-page .grid .building-mobile .building-img{
      height: 550px;
      width: 250px;
    }
    .office-tenant-page .grid .building-mobile .building-img img{
      height: 100%;
      width: 100%;
      object-fit: contain;
    }
    .office-tenant-page .grid .building-mobile .floor-display>*{
      position: absolute;
    }
    .office-tenant-page .grid .building-mobile .floor-display .floor-btn{
      border-radius: 30px;
      border: 1px solid var(--blue);
      padding: 5px 20px 5px 20px;
      justify-content: center;
      color: var(--blue);
      font-weight: 500;
      background: transparent;
      font-size: 0.8rem;
      white-space: nowrap;
      width: 100px;
      outline: none;
    }
    .office-tenant-page .grid .building-mobile .floor-display .floor-1{
      transform: translate(-30px,260px);
    }
    .office-tenant-page .grid .building-mobile .floor-display .floor-2{
      transform: translate(-30px,325px);
    }
    .office-tenant-page .grid .building-mobile .floor-display .floor-3{
      transform: translate(-30px,390px);
    }
    .office-tenant-page .grid .floor-tenant{
      margin-top: 20px;
    }
    .office-tenant-page .grid .floor-tenant .title{
      font-weight: 700;
      font-size: 1.5rem;
    }
    .office-tenant-page .grid .floor-tenant .logo-display .container{
      padding-left: 0;
      padding-right: 0;
    }
    .office-tenant-page .grid .floor-tenant .logo-display .floor{
      font-weight: 600;
      font-size: 1rem;
    }
    .office-tenant-page .grid .floor-tenant .blank{
      height: 0;
    }
    /* retail facilities */
    .retail-facilities-page{
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 110px;
      margin-bottom: 30px;
    }
    .retail-facilities-page .section-1{
      display: block;
      margin-top: 30px;
    }
    .retail-facilities-page .section-3 .chart-container .chart{
      height: 280px;
    }
    .retail-facilities-page .section-1 >*{
      width: 100%;
    }
    .retail-facilities-page .section-1 .item-1{
      margin-right: 0;
    }
    .retail-facilities-page .section-1 .item-2{
      font-size: 0.8rem;
      margin-top: 20px;
    }
    .retail-facilities-page h1{
      margin-top: 20px;
      font-size: 1.5rem;
      font-weight: 600;
    }
    .retail-facilities-page .section-2{
      margin-top: 20px;
      display: block;
    }
    .retail-facilities-page .section-2 .item-1{
      flex-direction: row;
      width: 100%;
      margin-right: 0;
      margin-bottom: 20px;
      height: 110px;
    }
    .retail-facilities-page .section-2 .item-1>*{
      height: 100%;
      width: 45%;
      padding: 20px 10px;
      font-size: 0.6rem;
    }
    .retail-facilities-page .section-2 .item-1 .des-1{
      margin-bottom: 0;
      margin-right: 10%;
    }
    .retail-facilities-page .section-2 .item-2{
        width: 100%;
    }
    .retail-facilities-page .section-3 .chart-container{
      margin-top: 30px;
    }
    .retail-facilities-page .section-3 .chart-container .des-1{
      width: 100px;
      transform: translate(-10px, 20px);
      font-size: 0.5rem;
    }
    .retail-facilities-page .section-3 .chart-container .des-2{
      transform: translate(90px, 180px);
      width: 80px;
      text-align: center;
      font-size: 0.5rem;
    }
    .retail-facilities-page .section-3 .chart-container .des-3{
      transform: translate(-90px, 180px);
      width: 80px;
      text-align: center;
      font-size: 0.5rem;
    }
    .retail-facilities-page .section-3 .chart-container .des-1-hover-show{
      transform: translate(130px, -30px);
      width: 140px;
      border-radius: 5px 5px 5px 0px;
      padding: 5px 10px 5px 5px;
      font-size: 0.5rem;
      opacity: 1;
    }
    .retail-facilities-page .section-3 .chart-container .des-2-hover-show{
      transform: translate(130px, 270px);
      width: 140px;
      border-radius: 0px 5px 5px 5px;
      padding: 5px 10px 5px 5px;
      font-size: 0.5rem;
      opacity: 1;
    }
    .retail-facilities-page .section-3 .chart-container .des-3-hover-show{
      transform: translate(-130px, 270px);
      width: 140px;
      border-radius: 5px 0px 5px 5px;
      padding: 5px 10px 5px 5px;
      font-size: 0.5rem;
      opacity: 1;
    }
    .retail-facilities-page .section-3 .chart-container .des-center{
      position: absolute;
      transform: translate(0px, 110px);
      width: 90px;
      overflow: hidden;
    }
    .retail-facilities-page .section-3 .chart-container .des-center .description{
      padding-top: 10px;
      font-size: 0.4rem;
    }
    .retail-facilities-page .location-img{
      margin-top: 30px;
    }
    .retail-facilities-page .section-4 .des{
      padding-top: 20px;
      font-size: 0.8rem;
    }
    .retail-facilities-page .section-5{
      padding-top: 0;
    }
    .retail-facilities-page .section-5 .title>*{
      padding-top: 0;
    }
    .retail-facilities-page .section-5 h1{
      margin-top: 20px;
      font-size: 2rem;
      font-weight: 600;
      text-align: center;
    } 
    .retail-facilities-page .section-5 h2{
      font-size: 1rem;
    } 
    .retail-facilities-page .section-5 .infor{
      display: block;
      padding-top: 0;
    }
    .retail-facilities-page .section-5 .infor .item{
      margin-left: 0;
      margin-right: 0;
      margin-top: 20px;
      padding-right: 20px;
    }
    .retail-facilities-page .section-5 .horizon-line{
      width: 30%;
    }
    /* retail tenant*/
    .retail-tenant-page{
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 110px;
      margin-bottom: 30px;
    }
    .retail-tenant-page h1{
      font-size: 2rem;
      font-weight: 700;
      text-align: center;
      text-transform: uppercase;
      padding-bottom: 30px;
    }
    .retail-tenant-page .filter-container select{
      width: 100%;
      margin-right: 0;
      margin-bottom: 10px;
      border-radius: 0;
      font-weight: 600;
    }
    .retail-tenant-page .horizon-line{
      margin: 0;
    }
    .retail-tenant-page .category-container .count{
      margin-top: 10px;
    }
    .retail-tenant-page .floor-tenant{
      margin-top: 20px;
    }
    .retail-tenant-page .floor-tenant .title{
      font-size: 1.5rem;
    }
    .retail-tenant-page .floor-tenant .logo-display .logo-container{
      margin: 10px 0;
      width: 45%;
    }
    .retail-tenant-page  .floor-tenant .logo-display .mid-all{
      margin: 10px 0 10px 5%;
    }
    
    .retail-tenant-page  .floor-tenant .logo-display .mid-mob{
      margin: 10px 0 10px 5%;
    }
    .retail-tenant-page  .floor-tenant .logo-display .mid-desk{
      margin: 10px 0;
    }
    .retail-tenant-page .floor-tenant .logo-display .logo-container .tenant-name{
      padding: 5px 0;
      margin: 0;
      font-size: 0.9rem;
    }
    .retail-tenant-page .floor-tenant .logo-display .logo-container .tenant-info .floor{
      font-size: 0.5rem;
    }
    .retail-tenant-page .floor-tenant .logo-display .logo-container .tenant-info span{
      font-size: 0.5rem;
    }
    .retail-tenant-page .floor-tenant .logo-display .logo-container .tenant-info .contact{
      font-size: 0.5rem;
    }
    /*news page */
    .page-new{
      margin-top: 110px;
    }
    .page-new .first-post{
      margin-left: 5%;
      margin-right: 5%;
      height: unset;
      display: block;
      margin-bottom: 20px;
    }
    .page-new .first-post .thumb{
      padding-right: 0;
      height: 250px;
    }
    .page-new .first-post .description .title {
      margin-top: 10px;
    }
    .page-new .first-post .description .title a{
      font-size: 1.5rem;
      font-weight: 600;
      text-transform: uppercase;
    }
    .page-new .first-post .description .content{
      height: 40px;
      font-size: 0.8rem;
      -webkit-line-clamp: 2;
      line-height: 20px;
    }
    .page-new .first-post button{
      margin-top: 10px;
      border-radius: 5px;
    }
    .page-new .other-post .other-post-article{
      margin-left: 5%;
      margin-right: 5%;
      display: block;
      padding: 5px 0;
    }
    .page-new .other-post .other-post-article>*{
      width: 100%;
      margin: 20px 0 !important;
      height: unset;
    }
    .page-new .other-post .other-post-article .thumb{
      height: 250px;
      margin-bottom: 0;
    }
    .page-new .other-post .other-post-article .thumb img{
      height: 100%;
      border-radius: 5px 5px 0 0;
    }
    .page-new .other-post .other-post-article .description{
      padding: 0;
      height: unset;
      margin-bottom: 0;
      margin-left: 5%;
      margin-right: 5%;
    }
    .page-new .other-post .other-post-article .description .title{
      height: 50px;
      line-height: 25px;
      margin-top: 10px;
    }
    .page-new .other-post .other-post-article .description .title a{
      font-size: 1.5rem;
      font-weight: 600;
      text-transform: uppercase;
    }
    .page-new .other-post .other-post-article .description .content{
      height: 40px;
      font-size: 0.8rem;
      -webkit-line-clamp: 2;
      line-height: 20px;
    }
    .page-new .other-post .other-post-article button{
      margin: 20px 0;
      border-radius: 5px;
      margin-left: 5%;
    }
    /* post conten */
    .post-content{
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 110px;
      margin-bottom: 30px;
    }
    .post-content .main-post .title{
      font-size: 1.5rem;
      font-weight: 700;
      width: 100%;
    }
    .post-content .main-post .title-img-container img{
      margin-top: 30px;
    }
    .post-content .main-post .content-container{
      margin-top: 20px;
      color: var(--gray);
      font-size: 1rem;
    }
    .post-content .main-post .custom-navigation{
      margin-top: 20px;
    }
    .post-content .main-post .custom-navigation .previous-btn i{
      scale: 2 !important;
    }
    .post-content .main-post .custom-navigation .previous-btn .span{
      padding-left: 10px !important;
    }
    .post-content .main-post .custom-navigation .next-btn i{
      scale: 2 !important;
    }
    .post-content .main-post .custom-navigation .next-btn .span{
      padding-right: 10px !important;
    }
    .post-content h1{
      margin: 30px 0 20px 0;
      font-size: 1.5rem;
      font-weight: 500;
    }
    .post-content .other-post .other-post-article{
      display: block;
    }
    .post-content .other-post .other-post-article>*{
      width: 100%;
      margin: 20px 0 !important;
      height: unset;
      display: flex;
    }
    .post-content .other-post .other-post-article .thumb{
      margin-bottom: 0;
      width: 40%;
    }
    .post-content .other-post .other-post-article .thumb img{
      height: 100%;
      box-shadow: 0px 0px 11px 2px #00000057, 1px 2px 3px 0px #000000a3;
    }
    .post-content .other-post .other-post-article .description{
      padding: 0;
      height: unset;
      margin-bottom: 0;
      margin-left: 5%;
      margin-right: 0;
      width: 55%;
      align-content: center;
      flex-wrap: wrap;
      display: flex;
    }
    .post-content .other-post .other-post-article .description .title{
     
    }
    .post-content .other-post .other-post-article .description .title a{
      font-size: 0.8rem;     
      font-weight: 700;
      text-transform: uppercase;
    }
    .post-content .other-post .other-post-article .description .content{
      height: 40px;
      font-size: 0.8rem;
      -webkit-line-clamp: 2;
      line-height: 20px;
      font-weight: 400;
    }
    .post-content .other-post .other-post-article button{
      display: none;
    }
    /* contact page */
    .contact-page{
      margin-left: 5%;
      margin-right: 5%;
      margin-top: 110px;
      margin-bottom: 30px;
    }
    .contact-page .grid{
      display: block;
      height: unset;
    }
    .contact-page .grid .item-1{
      display: none;
    }
    .contact-page .form .title-form{
      font-size: 1.5rem;
      font-weight: 600;
    }
    .contact-page .form form .form-field-all ._form_group label{
      color: var(--gray);
      font-weight: 400;
      font-size: 1rem;
      bottom: 20px;
    }
    .contact-page .form form .form-field-all ._form_group input, .contact-page .form form .form-field-all ._form_group select{
      font-size: 1rem;
      line-height: 30px;
    }

    .menu-user-container .menu {
      right: 5%;
    }

    .header-user-container .logo-user-img {
      margin-left: 5%;
      width: 225px;
    }
    .notice-board {
      margin-left: 5%;
      margin-right: 5%;
    }

    .notice-board .wrap-paginate {
      font-size: 0.8rem;
    }
    .notice-board .wrap-paginate .direction {
      padding: 0 10px;
    }

    .notice-board .wrap_document_item .item_column_title .column,
    .notice-board .wrap_document_item .listFile_item .column {
      font-size: 0.6rem;
    }

    .section-notice {
      margin-left: 5%;
      margin-right: 5%;
    }
    .section-notice .notice-content {
      margin-left: 0%;
      margin-right: 0%;
    }
    .section-notice .title-row {
      padding-left: 0;
      padding-right: 0;
      font-size: 0.8rem;
      justify-content: space-between;
    }
    .section-notice .title-row > * {
      width: auto !important;
    }
    .tenant-corner .form-container .form {
      left: 5%;
      width: 90%;
    }
    .tenant-contact-page {
      margin-left: 5%;
      margin-right: 5%;
    }

    #floor-count-1,
    #floor-count-2 {
      display: none;
    }
  }
  @media only screen and (min-width: 325px) and (max-width: 480px){

  }