@charset "utf-8";
@media (max-width: 1920px) {
  .content-hotproperty-list .box-property-item .box-thumb-project,
  .content-residential-list .box-property-item .box-thumb-project {
    /*height : 255px;*/
	height : 100%;
  }
  .commercial-in .box-property-item .box-thumb-project {
    height : 215px;
  }
  /* .vr-tour {width: 50%; height:450px;} */
  #popup-vr .vr-tour{width: 1600px; height: 900px;}
  #popup-vr .modal-lg{width: 100%;}
}
@media (max-width : 1600px){
  #popup-vr .vr-tour{width: 1440px; height: 830px;}
}
@media (max-width : 1440px) {
  #popup-vr .vr-tour{width: 1300px; height: 768px;}
  .content-hotproperty-list .box-property-item .box-thumb-project,
  .content-residential-list .box-property-item .box-thumb-project {
    height : 185px;
  }
  .commercial-in .box-property-item .box-thumb-project {
    height : 200px;
  }
}
@media (max-width: 1300px) {}
@media (max-width : 1280px) {
  .content-hotproperty-list .box-property-item .box-thumb-project,
  .content-residential-list .box-property-item .box-thumb-project {
    height : 165px;
  }
}
@media (max-width: 1200px) {
  .formsearch-in .box-field select.form-control{font-size: 12px;}
  .box-field .dropdown .btn{font-size: 14px;}
  .filter-search .formsearch .btn-find .btn{padding: 10px 12px; font-size: 12px;}
  #popup-vr .vr-tour{width: 1200px; height: 765px;}
  .content-propertycontrol #boxlist, .content-propertycontrol #map-canvas {
    height:900px!important;
    margin-bottom:30px;
  }
  .box-project-photo {
    /* margin-bottom: 125px; */
  }
  .vr-tour {
    height: 100%!important;
}
  .content-slidethumbnail .carousel-indicators li,
  .content-slidethumbnail .carousel-indicators li.active,
  .box-slidernav.slick-slide p{ height: 125px;}
  .content-slidethumbnail .carousel-inner>.item,
  .box-slidefor.slick-slide{ height: 380px;}
  .box-textprice01{ margin-bottom: 0;}
  .project-logo img{max-height: 50px;}
  .box-thumb-project{ height: 350px;}
  /*.banner-property, .control-text{ height: 500px;}*/
  .banner-property02{ height: 200px;}
  .banner-property01{ height: 409px;}
  .control-locationlist .box-location{ height: 155px;}
  .control-locationlist .box-location a span{ font-size: 21px; line-height: 21px;}
  /* css update 7/04/62 */
  .t-transportation{ font-size: 13px;}
  .hot-property{padding: 30px 20px;}
  .content-lux{ height: 600px;}
  .box-property-item .box-thumb-project,
  .box-lifestyle .box-img{ height: 150px;}
  .box-article .img-article{ height: 175px;}
  .detail-story {  max-width: 100%;  padding-right: 100px;}
  .content-newsarticle{ padding-bottom: 50px;}
  .content-propertycontrol .col-sm-4 .t-price{ font-size: 14px !important; }

}
@media (max-width: 1024px) {

  #popup-vr .vr-tour{width: 800px;}
  .project-header-right{ padding-right: 70px;}
  .control-locationlist .box-location{ height: 135px;}
  .control-locationlist .box-location a span{ font-size: 19px; line-height: 19px;}
  .img-property.slick-slide .slide-property, .hot-property, .img-property.slick-slide a {  height: 263px;}
  .header-top .top-tel a {
    font-size : 13px;
  }
  .list-detail-project, .list-facility {
    font-size :14px;
  }
  .content-commercial .box-property-item .box-thumb-project {
    height : 165px;
  }
  .banner-property-multi .banner-property span{font-size: 25px !important;}
  .control-pp-list > .row > .col-md-6{width:100%;}
  .bigbanner, .bigbanner .slick-list .slick-slide, .bigbanner .slick-list,
  .box-show-vt,.box-show-map iframe,.box-show-proprety { height: 450px;}
}
@media (max-width: 991px) {
  .formsearch-in .box-field select.form-control,
  .box-field .dropdown .btn{font-size: 16px;}
  .head-property-detail {
    padding-left: 0;
    padding-top: 45px;
    padding-right:0;
}
  #menu1 .box-gallery ul li {
    width: 33%;
    height: auto;
    display: inline-block;
    float: left;
    margin-right: 0;
    padding: 0 10px;
    margin-bottom: 20px;
}

  .topic-property-detail {
    margin-bottom:15px;
  }
  .head-property-detail {
    padding-right:0;
  }
  .layout-rentsale {
    top:0;
    transform:translateY(0);
  }
  .wrapper-rentsale {
    width:100%;
    position: relative;
    height: auto;
  }
  /* css insitpage */
  /* detail */
  .control-page,.control-projectdetail{    margin-top: -13px;}
  .titlepage{ padding: 40px 0;}
  .box-titlepage {  min-height: inherit;}
  .titlepage p{ font-size: 18px;}
  .control-projectdetail .container,.control-subscribe .container,.control-tab-project .container{ width: 100% !important;}
  .box-project-information h3, .box-project-thumblist h3, .box-propertylist h3{ margin-bottom: 30px;}
  .text-thumb-price strong {  font-size: 30px;line-height: 35px;}
  .text-thumb-price span{ font-size: 18px;}
  .box-title-right{ text-align: left; margin-top: 10px;}
  .box-project-thumblist{ margin-bottom: 30px;}
  .box-propertylist{padding: 30px 0;}
  .box-project-des{ padding: 15px;}
  .box-project-des{ height: 157px;min-height: inherit;}
  .t-unit {  margin-bottom: 0;  float: left;  margin-right: 10px;}
  .nonevalue{ display: none;}
  .box-des-project{    font-size: 16px;line-height: 22px;}
  .box-des-project p{    max-height: 85px;}
  .box-des-project {padding-top: 15px;margin-bottom: 15px;}
  .list-detail-project .list-inline>li{ padding-left: 5px;}
  .list-detail-project, .list-facility {font-size: 15px;line-height: 18px;}
  .box-info-in > ul > li{ width: 50%;}
  .box-info-title .table tr > td, .box-list-property .table tr > td{ padding-left: 10px; padding-right: 10px;}
  .banner-property02 {  height: 170px;}
  .banner-property01 {  height: 345px;}
  .content-propertycontrol .box-project-des{ height: auto;}
  .box-pagination .t-result{ text-align: center;}
  .control-pagin ,.pagin-in > div,.control-pagin > div{float: none;  text-align: center;  width: 100%;}
   .control-pagin > div.box-topage{    width: 230px;  margin: 15px auto;}
   .control-box-request{ margin-top: 30px;}
   .control-locationlist .box-location{ height: 100px;}
   .control-locationlist .box-location a span{ font-size: 16px; line-height: 16px;}
   /* css update 7/04/62 */
   .control-box-filter .box-mainsearch{ position: relative; top: 0;}
   .control-box-filter{ height: auto;padding:45px 0;}
   .control-box-filter .container,
   .home-property .container,
   .content-lux .container,
   .content-hotproperty-list .container,
   .content-residential-list .container,
   .content-commercial .container,
   .content-investment .container,
   .content-lifestyle .container,
   .content-service .container,
   .content-story .container,
   .content-newsarticle .container,
   .content-customer ,.container{max-width: 100%; width: 100%;}
   .search-transportation .box-field{ margin-bottom: 15px;}
   .t-transportation{ font-size: 16px; text-align: center;}
   .home-property,
   .content-lux,
   .content-residential-list,
   .content-commercial,
   .investment-in,.content-lifestyle,.content-service,.content-newsarticle,
   .content-hotproperty-list{ padding: 45px 0;}
   .box-lifestyle .box-img,
   .box-investment .box-img,
   .box-article .img-article{ height: 250px;}
   .resident-list .box-property-item .box-thumb-project{ height: 260px;}
   .content-commercial .box-property-item .box-thumb-project { height : auto; }
   .box-property-item .box-thumb-project{height: 200px;}
   .box-property-item .box-project-des{ height: auto;}
   .content-lux .box-more-new{ right: 15px;}
   .resident-list .box-property-item{ margin: 0 5px;}
   .resident-list {  padding-left: 10px;  padding-right: 10px;}
   .logo-award{ right: -15px;}
   .logo-award img{ width: 80px;}
   .detail-story{ padding-right: 80px;}
   .investment-in .box-more-new{ top:45px;}
   .search-transportation{margin-right: -15px; padding-right: 30px;}
   .img-property.slick-slide,
   .content-property .col-sm-9{ width: 70%;}
   .content-property .col-sm-3{ width: 30%;}
   .hotproperty-slide .slick-dots{ bottom: -35px;}
   .formsearch-in .dropdown-menu {width : 100%}
   .control-searchonbanner{ height: auto;}
   .control-searchonbanner .banner-property{ height: 250px;}
   .control-searchonbanner .box-mainsearch{ position: relative;top:0; margin-top: -200px; margin-bottom: 30px;}
   .control-btn-filter .btn{margin: 5px; min-width: 100px;}
   .formsearch-in{padding-left: 0;}
   .checktype{ width: 100%; position: relative; margin-bottom: 15px; top: 0; }
   .hotproperty-slide .box-thumbnail-project { min-height: 290px }

   .commercial-in .box-thumbnail-project { min-height: inherit; }
   .control-unitlist .control-searchonbanner{ padding-bottom: 10px; }
   .filter-search.affix{ position: relative;display: none !important; }
  .control-project-information > .row > .col-md-9,.control-project-information > .row > .col-md-3{width: 100%;}
  .control-listproperty{ height: 550px; }
  .list-thumblist  .t-propertyname a{ font-size: 16px; }
  /* css update 30/06/62 */
   .search-transportation .widthauto{ width: 100%; }

}
@media (max-width: 768px){
  #popup-vr .vr-tour{width: 680px;}
  /* detail */
  .control-bg-shadow{    width: 82.77777%;}
  .content-slidethumbnail .carousel-indicators li,
  .content-slidethumbnail .carousel-indicators li.active {  height: 85px;}
  /* css update 7/04/62 */
  .box-commercial .box-img{ height: 200px;}
  .text-topproject{ font-size: 14px;}
  .box-property-item .box-thumb-project {  height: 140px;}
  .box-property-item .t-propertyname a {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 5px;
    height: 60px;
  }
  .slide-property .slick-next.slick-arrow,
  .slide-property .slick-next.slick-arrow{right: 15px;}
  .slide-property .slick-prev.slick-arrow,
  .slide-property .slick-prev.slick-arrow{left: 15px;}
  .box-lifestyle .box-img, .box-investment .box-img, .box-article .img-article{ height: 200px;}
  .img-service img{ height: 100px;}
  .content-service .headline h3{ margin-bottom: 30px;}
  .content-story-in .col-sm-6{ width: 100%;}
  .content-story{ height: auto;}
  .logo-award{ right: -15px; top: -6px;}
  .bg-strory-left-in{ width: 100%; left: 0;}
  .bg-strory-left{ width: 100%;}
  .content-story-left{ padding-top: 0; margin-top: 30px; min-height: 215px;}
  .content-story-left .headline{ padding-top: 15px;}
  .img-property.slick-slide .slide-property, .hot-property, .img-property.slick-slide a {  height: 200px;}
  .content-hotproperty-list .box-property-item .box-thumb-project {
    height : 130px;
  }
  .t-text03 {
    font-size : 13px;
  }
  .content-residential-list .box-property-item .box-thumb-project{
    height : 200px;
  }
  .content-service .row > .col-sm-4{ width:100%;}
  .asia-service{ max-width:90%; margin-bottom : 30px; }
  .content-listnews { margin-bottom:0; }
  .header-menu .navbar-nav>li>.dropdown-menu{ background-color: #fff ;}
.vr-tour {width: 80%; height:250px;}

}
@media (max-width: 768px) {
  #popup-vr .modal-lg{width: 95%;}
  .project-header-left h1, .project-banner h2{    font-size: 28px;  line-height: 30px;}
  .detail-information{ padding: 20px;}
  .title-information{ padding-top: 20px;}
  .content-slidethumbnail .carousel-inner>.item>span>img,
  .content-slidethumbnail .carousel-inner>.item>img,
  .content-slidethumbnail .carousel-inner>.item>span iframe,
  .content-slidethumbnail .carousel-indicators li iframe,
  .mainslide-thumbnail .slick-slide img{ object-fit: cover;}
  .banner-property02 {  height: 145px;}
  .banner-property01 {  height: 295px;}
  .cloud9-item {  width:250px !important;}
  .content-lux {  height: 400px;}
  .text-onbanner{ font-size: 19px;}
  .filter-search.affix{position: relative;}
  .control-box-filter .box-mainsearch{ padding-bottom: 0;}
  .hot-property h3 { font-size : 23px; }
  .home-property .control-btn-filter{
    text-align: center;
  }
  .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu>li>a { padding: 10px 15px 10px 15px;}


}
@media (max-width: 767px) {
  .control-otherunit ul li a {
    padding-right: 10px;
    margin-right: 10px;
}
  .box-gallery ul li {
    border-radius: 10px;
    overflow: hidden;
    width: 33%;
    height: auto;
    display: inline-block;
    float: left;
    margin-right: 0;
    padding: 0 10px;
    margin-bottom: 20px;
  }
  .box-gallery ul span {
    position: absolute;
    top:auto;
    right: 50%;
    bottom: -30%;
    transform: translateX(50%);
    text-align: center;
}
.box-gallery {
  position: absolute;
  bottom: 20%;
  left: 0;
}
.box-tab-property ul li a{ font-size: 12px; line-height: 16px;}
  .detail-room {
    position: relative;
    width: 100%;
    bottom: 0;
    padding: 10px 0;
    transform: translateX(0);
}
.detail-room.active {
  background-color: rgba(0, 0, 0, 0.7);
}
.btn-detail-room {
  display: none;
}

  .content-propertycontrol #boxlist, .content-propertycontrol #map-canvas {
    height:600px!important;
    margin-bottom:30px;
  }
  .box-textprice {
    top:0;
  }
  .box-textprice02 {
    text-align:left;
    font-size:22px;
    line-height:22px;
  }
  /* insitpage */
  .control-page,.control-projectdetail {  margin-top: 0;}
  .titlepage h5{ font-size: 21px; background-size: auto 20px;}
  .titlepage p {  font-size: 16px;line-height: 20px;}
  .titlepage h5, .titlepage p{ padding-left: 20px;}
  .titlepage{ padding: 30px 0;}
  .box-title{ padding-top: 0;}
  .box-textaction,.box-textprice01, .box-textprice03{ font-size: 14px;}
  .box-keyfield .nopaddingleft{ padding-left: 15px;}
  .box-field.inputunit,.box-field-in,.box-transportation{ margin-top: 15px;}
  .box-field.boxtotwo{ margin-top: -15px;}
  .controlto .text-unite{ display: none;}
  /* detail */
  .project-header-left h1{ font-size: 22px; line-height: 30px;}
  .project-header-right{ padding-right: 60px;}
  .box-project-header{ margin-bottom: 20px;}
  .content-slidethumbnail .carousel-inner>.item{ height: 450px;}
  .box-projectlist-view01 .col-sm-6.nopaddingleft{ padding-left:15px;}
  .detail-information{
    background-color: #EFF0F5;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
      -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.2);
      margin-bottom: 20px;
      padding-bottom: 0;
    }
  .control-bg-shadow{ display: none;}
  .content-tab .nav-tabs>li {min-width: 120px;}
  .box-project-des{ height: auto;}
  .box-thumb-project{ height: 350px;}
  .t-unit{ float: none; margin-right: 0; margin-bottom: 8px;}
  .box-title-right{ text-align: right;}
  .title-information{ padding-top: 0;}
  .box-project-information h3, .box-project-thumblist h3, .box-propertylist h3,
  .box-project-information{ margin-bottom: 20px;}
  .box-projectlist-view01{ padding: 15px;}
  .box-des-project p{max-height: inherit;}
  .box-detail-project{ padding-right: 0;}
  .box-info-in > ul > li{ width: 100%;}
  .box-info-title .table tr > td, .box-info-title .table tr > td > div,
  .box-list-property .table tr > td, .box-list-property tr > td > div {
    font-size: 14px;
    line-height: 14px;
  }
  .box-info-title .table tr > td, .box-list-property .table tr > td,
  .box-info-title .table tr > td.td-station, .box-list-property .table tr > td.td-station{
    padding-left: 5px;
    padding-right: 5px;
  }
  .box-info-title .table tr > td.td-facility, .box-list-property .table tr > td.td-facility{ height: 180px;}
  .box-info-title .table tr > td img{ height: 10px;}
  .banner-property01{ height: auto; margin-right: 0;}
  .banner-property02 {  height: 220px;}
  .box-other-option{ font-size: 16px;}
  .control-locationlist .box-location a span{ font-size: 14px;}
  .control-subscribe{ padding: 15px 0;}
  .text-subscribe{ font-size: 21px;}
  .img-project{position: relative;top: 0;}
  .tab-project-in .nav-tabs{ padding: 0;}
  .tab-project-in{ height: auto;min-height: 300px;}
  .img-project{ height: auto;}
  .mainslide-thumbnail .slick-prev.slick-arrow,
  .mainslide-thumbnail .slick-prev.slick-arrow{  left:15px;}
  .mainslide-thumbnail .slick-next.slick-arrow,
  .mainslide-thumbnail .slick-next.slick-arrow{  right:15px;}
  /* css update 7/04/62 */
  .content-property .col-sm-9,
  .content-property .col-sm-3{ width: 100%;}
  .img-property.slick-slide, .slide-property, .hot-property,
  .box-commercial .box-img,.commercial-in .box-property-item .box-thumb-project,
  .box-investment .box-img,.img-property.slick-slide a,.img-property.slick-slide, .slide-property, .hot-property{ height: auto;}
  .mobile { height: 380px; }
  .content-property .nopaddingleft,.content-property .nopaddingright{ padding: 0 0px;}
  .box-property-item .box-thumb-project,
  .resident-list .box-property-item .box-thumb-projects {  height: 220px;}
  .box-property-item .t-propertyname a {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
    height: 65px;
}
  .asia-service{ max-width: 80%; margin-bottom: 30px;}
  .detail-story{ padding-right: 80px;}
  .content-story-right{ padding-top: 0; margin-top: 30px;}
  .header-menu .container-fluid{ padding: 0 15px;}
  .btn-advsearch span{ margin-bottom: 10px;}
  .header-menu .navbar-default .navbar-nav>li>a{  padding: 15px 30px;}
  .header-menu .navbar-default .navbar-toggle{ margin-right: 15px;}
  .box-projectlist-view01 .nopaddingleft{ padding-left: 15px; }
  .body-tabsearch,.search-transportation .nopaddingright{ padding-right: 15px; }
  .search-transportation {  margin-right: 0; padding-right: 15px;}
  .headline h3,.headline-station{ line-height: 25px; font-size: 20px; }
  .link-location{ margin-bottom: 15px; }
  .content-location{ margin-bottom: 30px; }
  .btn.btn-station{ display: block; }
  .content-station .list-inline li{ width: 48%; }
 .list-onecolumn .box-projectlist-view01 .box-thumb-project{ height: auto; margin-bottom: 15px; }
 .col-md-6 .box-projectlist-view01 .box-thumb-project{ height: auto !important;  margin-bottom: 15px;}
 .body-tabsearch .nopaddingright{padding-right:15px;}
 /* css update 30/06/62 */
  .body-tabsearch .nopaddingright{padding-right:0;}
  .body-tabsearch .formsearch{ padding-right: 15px; }
  #advance-search-zone{ display: block !important; }
  .box-field.formchecklist .box-checkbox,
  .search-transportation .formchecklist{ margin-top: 0; }
  .search-transportation {  margin-right: -15px;  padding-right: 30px;}
 .control-btn-filter.nonemobile{ display: none; }
 .col-xs-12.box-btn-search{ position: absolute;left: 0; bottom: 0; }
  .control-btn-filter.btn-searchfilter .btn.icon-map{ width: 100%;  padding: 13px 15px 15px 15px; background-image: none;}
.control-btn-filter.btn-searchfilter{ padding-bottom: 50px; }
  .btn-right{float: none;}
.control-tabsearch{ display: none; }
.box-field.formchecklist{  margin-bottom: 0;}
.btn-searchfilter-mobile{ display: block;  text-align: center;}
.control-unitlist .text-onbanner h1 {
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 18px;
}
.text-onbanner{ margin-bottom: 15px; }
.control-searchonbanner .box-mainsearch,
.control-box-filter .box-mainsearch{ margin-bottom: 5px;}
.control-box-filter .box-mainsearch{ padding-bottom: 10px;}
#advance-search-zone select.form-control{ height: 40px; }
.box-field .dropdown-menu{ right: auto; }
.mobile h3 { font-size:19px;}
.mobile-vdo { height:380px;}
 /* css update 08/10/63 */
 .control-banner-search .control-text {position: relative; top: auto; height: auto;}
 .filter-search.topfixed{ position: relative;}
 .box-tab-property{ padding: 15px 5px;}
 .bigbanner, .bigbanner .slick-list .slick-slide, .bigbanner .slick-list, .box-show-vt, .box-show-map iframe, .box-show-proprety{ height: 350px;}
}
@media (max-width: 600px) {
  #popup-vr .vr-tour{width: 100%;}
  .content-slidethumbnail .carousel-indicators li,
  .content-slidethumbnail .carousel-indicators li.active {  width: 33.33333%; height: 100px;}
  .content-slidethumbnail .carousel-inner>.item,
  .box-slidefor.slick-slide{ height: 350px;}
  .box-thumb-property{ width: 300px;}
  .box-manageview > .row > div{ width: 100%;}
  .manageview-right{ text-align:left; }
  .box-info-title .table tr > td, .box-info-title .table tr > td > div,
  .box-list-property .table tr > td, .box-list-property tr > td > div{ min-height: 30px;}
  .banner-property02 {  height: 175px;}
  .control-locationlist ul li{ width: 33.33333%;}
  .control-locationlist .box-location{ height: 125px;}
  .box-property-item .box-thumb-project, .resident-list .box-property-item .box-thumb-projects,
  .resident-list .box-property-item .box-thumb-project,
  .box-lifestyle .box-img,  .box-article .img-article {
    height: 150px;}
    .control-btn-filter .btn {
    margin: 3px;
    min-width: 80px;
}
.mobile h3 { font-size:16px;}
.mobile-vdo { height:380px;}
}
@media (max-width: 480px) {
  #popup-vr .vr-tour{width: 95%; height: 400px !important;}
  .layout-img-modal .modal-dialog{margin: 0;}
  .t-price {font-size:10px;}
  .content-tab .nav-tabs>li a {font-size:8px;}
  .manageview-right { display:none;}
  .box-project-header .col-xs-6,.list-thumblist > .row > .col-xs-6,
  .content-article .row > .col-xs-6,
  .lifestyle-in .row > div,.content-listadv .col-xs-6,.list-thumblist > .row-eq-height >.col-xs-6{ width: 100%;}
  .project-header-right{ text-align: left; margin-top: 10px;}
  .project-header-left h5 {font-size: 14px;line-height: 20px;}
  .content-slidethumbnail .carousel-inner>.item,
  .box-slidefor.slick-slide{ height: 300px;}
  .box-manageview{ margin-bottom: 15px;}
  .box-projectlist-view01 .box-thumb-project{ height: 250px;}
  .title-project a{ font-size: 25px; line-height: 25px;}
  .box-projectlist-view01{padding: 10px;}
  .banner-property02 {  height: 150px;}
  .control-text-in{max-width: 85%;}
  .control-text-in h3{ font-size: 28px;}
  .control-text-in p{ font-size: 16px;}
  .control-pagin .pagination>li>a,
  .control-pagin .pagination>li>span{  width: 33px;height: 40px; padding: 10px 5px 8px 5px;  font-size: 16px;line-height: 20px;}
  .t-result,.t-topage{ font-size: 16px;}
  .content-mapview{ height: 300px;}
  .control-locationlist ul li{ width:50%;}
  .control-locationlist ul li:first-child{ width: 100%;}
  .control-locationlist ul li:first-child .box-location{ height: auto;}
  .tab-project-in .nav-tabs>li>a{ font-size: 16px; line-height: 20px;}
   .box-projectlist-view01 .col-sm-6.nopaddingleft{ padding-left:15px;}
   .top-right{width: 320px;  text-align: center;}
   .top-language {
    margin-left: 10px;
    position: absolute !important;
    right: 15px;
    top: 26px !important;
  }
  .top-language  .list-inline>li{ padding-left: 0;}
  .btn-advsearch{ margin-bottom: 15px;}
  .control-btn-filter{ text-align: center;}
  .resident-list > div > .col-xs-6,
  .control-list-lifestyle .col-xs-6{ width: 100%;}
  .cloud9-item {  width:150px !important;}
  .content-lux {  height: 300px;}
  .content-lux .box-more-new{top: 40px;}
  .top-left ul li {  margin: 0 1px;}
   .control-text {  height: 180px;}
  .box-property-item .box-thumb-project, .resident-list .box-property-item .box-thumb-projects,
  .resident-list .box-property-item .box-thumb-project,
  .box-lifestyle .box-img,  .box-article .img-article,
  .content-propertycontrol .box-thumb-project {height: auto;}
   .logo-award{ right: -15px;}
   .logo-award img{ width: 50px;}
   .top-tel span:last-child{padding-right:70px;}
   .body-tabsearch .col-xs-3,.body-tabsearch .col-xs-9{ width: 100%; }
	.banner-property-multi .banner-property span{ font-size:10px;}
	.content-hotproperty-list .box-property-item .box-thumb-project,
  .content-propertycontrol .box-thumb-project{ height: auto; }
	.slide-customer .slick-list{padding-bottom: 10px;}
	.box-other-option a span, .box-other-option span > span{    display: none;}
	.box-listshared{
	    top: 24px;
	    right: auto;
	    left: -100px;
	}
  /* css update 30/06/62 */
  .control-unitlist .text-onbanner h1{ font-size: 16px; }
  .box-lifestyle .img-school{ height: 150px; }
  .mobile h3 { font-size:15px;}
  .mobile-vdo { height:380px;}
  /* css update 08/10/62 */
  .banner-property video{
    height: 200px;
    width: 100%;
    object-fit: cover;
  }
  .top-right{ width: 100%;}
  select.form-control{background-position: right 0 center;}
  .content-property > .row > div{ width: 100%; line-height: 0;}
  .content-property .mobile {  height: auto;}
  .mobile-vdo { height: 250px;}
  .commercial-in .headline h3,
  .content-lifestyle .headline h3{ width: 80%;}
  .bigbanner, .bigbanner .slick-list .slick-slide, .bigbanner .slick-list, .box-show-vt, .box-show-map iframe, .box-show-proprety{ height:200px;}
  .layout-tab-property {
    margin-bottom: 30px;
    margin-top: -10px;
    position: relative;
    padding: 0 10px;
}
.box-tab-property ul li a{    padding-top: 22px; background-size: auto 17px;}
.layout-rentsale h4{ line-height: 25px; }
.des-listdetail .row > .col-xs-6{ width: 100%;}


}
@media (max-width: 375px) {
   .box-projectlist-view01 .col-sm-6.nopaddingleft{ padding-left:15px;}
   .banner-property-multi .banner-property span{ font-size:10px;}
	.content-tab .nav-tabs>li a {font-size:9px;}
	.manageview-right { display:none;}

	.mobile h3 { font-size:15px;}
	.mobile-vdo { height:380px;}
}