
.body .m-block.m_bottom{
  z-index: 10000;
}
html._open_popup #header, html._open_popup .m-block.m_bottom{
  z-index: 30;
}
.instafeed-con{
  margin: auto;
  margin-top: 80px;
  max-width: 1030px;
  width: 90%;
}
[lang='en'] .instafeed-con .strate_shift_title {
  position: absolute;
  left: 450px;
}
[lang='zh-hant'] .instafeed-con .strate_shift_title,
[lang='zh-hans'] .instafeed-con .strate_shift_title {
  /*
  position: absolute;
  left: 308px;
  */
  position: relative;
  right: unset;
}

[lang='zh-hant'] .instafeed-con h2.section-title br {
    display: none;
}

[lang='zh-hant'] .instafeed-con h2.section-title,
[lang='zh-hans'] .instafeed-con h2.section-title{
  margin-bottom: 95px;
}

.instafeed-con .strate_desc{
  max-width: 450px;
  margin-bottom: 20px;
}
.instafeed-con .btn-more {
  margin-bottom: 30px;
  display: inline-block;
  padding: 5px 12px;
  padding-right: 60px;
  text-transform: uppercase;
}
.ins-link{
  cursor: pointer;
}
#instafeed{
  width: 100%;
  margin: 0px auto 100px auto;
}
#instafeed .slick-prev,
#instafeed .slick-next {
  width: 31px;
  height: 102px;
  z-index: 99;
}
#instafeed .slick-prev:before,
#instafeed .slick-next:before{
  background: url('../img/lightBox_arrow_gold.png') center no-repeat;
  background-size: contain;
}
#instafeed .slick-prev {
  left: -50px;
}
#instafeed .slick-next {
  right: -50px;
}
#instafeed .slick-dots{
  z-index: 10;
  bottom: -30px;
}
#instafeed .slick-dots li button{
  background: #c3c3c3;
}
.ins-post{
  height: 320px;
  position: relative;
  display: inline-block;
  margin: 12px;
}
.ins-post > a{
  display: inline-block;
  width: 100%;
  height: 100%;
}
.ins-post img{
  object-fit: cover;
  display: inline-block;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
}
#instafeed .slick-dots li.slick-active button:before{
  color: rgb(145,105,40);
  background-color: rgb(145,105,40);
}

@media all and (max-width: 920px) {

  [lang='zh-hant'] .instafeed-con .strate_shift_title,
  [lang='zh-hans'] .instafeed-con .strate_shift_title {
    /*
    position: absolute;
    left: 0;
    margin-top: 30px;
    */
  }
  [lang='zh-hant'] .instafeed-con h2.section-title,
  [lang='zh-hans'] .instafeed-con h2.section-title{
    margin-bottom: 50px !important;
  }
  #instafeed{
    margin-bottom: 50px;
  }
  .ins-post{
    height: calc(45vw - 40px);
  }
  #instafeed .slick-dots {
    bottom: -50px;
  }
  #instafeed .slick-arrow{
    display: block !important;
  }
  #instafeed .slick-prev{
    left: -20px;
  }
  #instafeed .slick-next{
    right: -20px;
  }
  #instafeed .slick-prev, #instafeed .slick-next{
    width: 24px;
  }

  #instafeed .slick-dots li:not(.slick-active) button:hover:before,
  #instafeed .slick-dots li:not(.slick-active) button:focus:before{
    display: none;
  }
}




.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg{
  /* transition-delay: 80ms; */
}
.swiper-zoom-container>img{
  transform: translate3d(0px, 0px, 0px) scale(1);
}
.swiper-slide-zoomed .swiper-zoom-container>img{
  max-width: 200%;
  max-height: 200%;
}
/* .swiper-zoom-container > .zoom-custom-container {
  max-width: 100%;
  max-height: 100%;
}
.zoom-custom-container>img{
  max-width: 200%;
  max-height: 200%;
  object-fit: contain;
  transform: translate3d(0px, 0px, 0px) scale(0.5);
} */


@media (max-width: 1024px) {
  [lang='en'] .instafeed-con .strate_shift_title{
    left: unset!important;
    right: 0;
  }
}


@media (max-width: 575px) {
  [lang='en'] .instafeed-con .strate_shift_title{
    position: relative;
  }

}



@media (max-width: 1024px) {
  h2.section-title br {
      display: none!important;
  }

  .strate_shift_title {
    position: relative!important;
    margin-top: 0px!important;
    left: unset!important;
    right: unset!important;
  }

  .m_availability_list .row.facility_row .col{
    padding-right: 0px;
  }

  .path-availability .table-available.fixed_header tbody td:last-child{
    padding-right: 25px;
  }
}



@media (max-width: 575px) {

  .m_availability_list .row.facility_row .col{
    padding-right: 0px;
  }

  .path-availability .table-available.fixed_header tbody td:last-child{
    padding-right: 10px;
  }
}


@media (min-width: 1024px) and (max-width: 1200px) and (min-height: 480px) and (max-height: 820px){
  .b-popup .row-ctx .txt-popup-title{
    font-size: 24px;
  }

  .b-popup .row-ctx .txt-popup-monthly{
    margin-top: 15px;
  }
}


/* 20220617 */

.path-availability .property_list_title a{
  font-size: 32px;
}


@media (min-width: 1025px) {
  .property_info{
    /*margin-right: 200px;*/
  }
}

@media (max-width: 1024px){
  [lang='zh-hant'] .home_banner_container > div ,
  [lang='zh-hans'] .home_banner_container > div {
    padding-left: 0px;
    right: 0px;
    text-align: center;
    width: 100%;
    max-width: 100%;
    font-size: 35px;
  }
}

@media (max-width: 575px){
  [lang='zh-hant'] .home_banner_container > div ,
  [lang='zh-hans'] .home_banner_container > div {
    padding-left: 0px;
    right: 0px;
    text-align: center;
    width: 100%;
    font-size: 25px;
  }
}


.m_bottom > div:nth-child(2) a,.m_bottom > div:nth-child(2) a:focus,.m_bottom > div:nth-child(2) a:hover{
  color: #FFF!important;
}


.hidden_input{
  display: none;
}



@media (max-width: 575px){
  .b-popup .col-info-mobile .txt-popup-monthly{
    margin-top: 0;
  }

  .b-popup .row-ctx{
    padding-top: 15px;
  }

  .b-popup .row-ctrl .b-tabs{
    margin-bottom: 10px;
  }

  .b-popup .row-ctrl{
    height: 120px;
    max-height: 120px;
    min-height: 120px;
  }
}
