@media (max-width: 580px) {
  .wrap-facilities .facility-list li {
    float: left;
    margin-bottom: 1rem;
    width: 50%; }

  .icon-facilities::before {
    height: 24px;
    width: 30px; }

  .property {
    margin-bottom: 0px; }

  #mapNearBy {
    min-height: 22rem; }

  .facilities .facility-list .facility-item .title {
    font-size: 100%; }

  .detail-result {
    margin-top: 1rem; }
    .detail-result .left {
      padding-left: 1rem; }

  .listBoxPostlist {
    font-size: 0.8rem; }

  .pricebox {
    padding-left: 0.5rem;
    padding-right: 1rem; }

  .nav-sitemap {
    margin-left: 0rem; }
    .nav-sitemap div {
      margin-left: 0rem;
      font-size: 0.8rem; }
      .nav-sitemap div h1 img {
        max-width: 22px;
        margin-left: 0.1rem; }
    .nav-sitemap .first-sitemap {
      width: 120px; }
    .nav-sitemap div h1 {
      font-size: 0.8rem; }
    .nav-sitemap div p {
      font-size: 0.6rem; }

  .ellipsis.facility-item {
    -webkit-line-clamp: 1;
    max-height: 1.5rem; }

  .img-listproperty img {
    width: 18rem; }

  .priceInfo .price {
    font-size: 1.3rem;
    font-weight: 600; }

  .button.price-alert-btn {
    right: 1.3rem; }

  .list-item-search .listTitle, .listTitle .listSubTitle p {
    max-height: 1.2rem; }

  #sticky-nav-mobile .messageBtn {
    background-color: transparent !important; }
  #sticky-nav-mobile #btnContactOPMobile {
    background-color: transparent !important; } }
/*stick nav*/
#anchorPropNav {
  background-color: white;
  box-shadow: 0 0.5em 3rem -1rem rgba(0, 0, 0, 0.8);
  z-index: 999;
  height: 0;
  opacity: 0;
  top: 0;
  display: none;
  visibility: hidden;
  transition: height 350ms ease-in-out, opacity 750ms ease-in-out !important; }
  #anchorPropNav.sticky {
    display: block;
    visibility: visible;
    top: 50px;
    position: fixed;
    width: 100%;
    height: 72px;
    opacity: 1;
    padding: 0.5rem; }
  @media (max-width: 580px) {
    #anchorPropNav {
      bottom: 0px;
      top: auto;
      display: none; }
      #anchorPropNavsticky {
        top: auto;
        bottom: 0px;
        display: flex;
        height: 85px; } }

.navSocialBlock {
  padding: 0.5rem 0.5rem; }

#btNavLove.tooltips {
  z-index: 9999; }

.verticalSub {
  vertical-align: sub; }

.navAnchor {
  padding: .5rem;
  display: inline-block;
  cursor: pointer;
  border: none; }
  .navAnchor.propertyName {
    font-size: 1rem;
    font-weight: 600; }
  .navAnchor.propertyPrice {
    position: relative; }
    .navAnchor.propertyPrice .borderLeft {
      border-left: 1px solid #999999;
      position: absolute;
      top: 20%;
      bottom: 40%;
      margin-left: -1rem; }
    .navAnchor.propertyPrice h1 {
      font-size: 1.5rem;
      font-weight: 600;
      color: #DC3545; }
  @media (max-width: 580px) {
    .navAnchor {
      padding: 0rem 0.1rem 0.6rem 0.1rem; } }

.navBtn {
  padding: .2rem;
  display: inline-block;
  color: #fff;
  min-width: 100px;
  height: 37px;
  text-align: center;
  cursor: pointer;
  border: none; }
  @media (max-width: 580px) {
    .navBtn {
      width: 185px;
      font-size: 1rem; } }

.navSave {
  background-color: rgba(251, 139, 122, 0.85); }

.navShare {
  background-color: rgba(138, 173, 203, 0.85); }

#btcopy {
  color: white; }

/*nav-sitemap*/
.nav-sitemap {
  margin-left: 0.5rem; }
  @media (max-width: 580px) {
    .nav-sitemap {
      margin-left: 0rem;
      /*        display: none;
              visibility: hidden;
      */ } }
  .nav-sitemap .first-sitemap, .nav-sitemap second-sitemap {
    width: 150px; }
  .nav-sitemap div {
    margin-left: 1rem;
    padding: 0rem; }
    .nav-sitemap div p {
      color: #999999;
      font-size: 0.8rem;
      margin-bottom: 0rem; }
    .nav-sitemap div h1 {
      font-size: 1rem;
      font-weight: 600; }
      .nav-sitemap div h1 img {
        max-width: 22px;
        margin-left: 1rem; }

/*minimap on thead left*/
.minimap-container {
  position: relative; }

#minimapBox {
  width: 100%;
  height: 180px; }

.btn-insearch {
  position: absolute;
  max-width: 80%;
  bottom: 20%;
  top: auto;
  left: 10%;
  right: auto;
  background-color: black !important;
  color: white !important;
  z-index: 99;
  padding-top: 5px;
  padding-bottom: 5px; }

/*projectnearby*/
.near-detail .nearName {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 0px; }
.near-detail .nearPrice {
  font-weight: 600;
  font-size: 0.9rem;
  margin-bottom: 0px; }
  .near-detail .nearPrice span {
    color: #C62428;
    font-size: 17px; }

.oneLineClamp {
  text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  overflow: hidden;
  white-space: nowrap; }

.near-list-item div {
  padding: 0 2.5px; }
  .near-list-item div h1 {
    font-size: 1rem; }

.nearAddress {
  color: #808080;
  font-size: 14px;
  margin-bottom: 0px; }

.near-img img {
  width: 73px;
  height: 60px; }

/*info-Block*/
.headInfo {
  font-weight: 600; }
  @media (max-width: 580px) {
    .headInfo {
      width: 185px;
      font-size: 1rem; } }

/*CompareMap*/
.nearbyMap {
  min-width: 100%;
  min-height: 25rem; }

#mapNearBy {
  min-height: 25rem; }

.near-nav .nav-tabs li .nav-link {
  padding: .5rem 0.7rem;
  background-color: #CBCBCB; }
  .near-nav .nav-tabs li .nav-link.active {
    background-color: #fff; }
.near-nav .nav-tabs li.active {
  background-color: white;
  border-color: #dee2e6 #dee2e6 #fff; }
.near-nav ul li a p {
  font-weight: 600;
  margin-bottom: 0px; }
.near-nav .nav .nav-item {
  background-color: #fff;
  border: solid 0px #CBCBCB;
  min-width: 80px; }
.near-nav .tab-content {
  border: solid 1px #CBCBCB;
  border-color: #fff #dee2e6 #dee2e6;
  min-height: 22.4rem; }

.poi-map-item {
  border-bottom: 1px solid #ededed; }

.POI-box {
  min-height: 22.5rem;
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #ededed; }

.list-item .poi-map-item {
  padding: 16px 0;
  margin: 0;
  list-style-type: none;
  font-weight: 600; }

/*socialmedia Icon*/
.wrap-project .wrap-project-booking {
  max-width: 100%; }

/*list-Item*/
.right {
  float: right; }

.left {
  float: left; }

.tab-bar-style div .tab-menu {
  background-color: white;
  color: #666666;
  border-color: white #dee2e6; }

.property-body {
  border: 1px solid;
  border-color: white #dee2e6 #dee2e6 #dee2e6; }

.linetub {
  position: relative;
  font-size: 14px; }
  .linetub:before {
    position: absolute;
    content: "";
    left: 0;
    top: 42%;
    right: 0;
    border-top: 1px solid;
    border-color: #6c757d; }

.price-listproperty .crrth.linetub:after {
  color: #6c757d; }

.profile-img {
  width: 60px;
  height: 60px;
  border-radius: 60px; }

.ps-logo-modal {
  position: absolute;
  top: 10px;
  left: 8px;
  z-index: 1950; }

.slick-dots-img {
  padding: .25rem;
  height: 100px;
  display: inline;
  width: 100%; }

.ol-popover {
  padding-left: 5px; }
  .ol-popover li {
    padding: 2%; }
    .ol-popover li .score {
      font-size: 14px; }

.privilege-list-item {
  display: inline-block !important; }

.img-result {
  background: #fff center center no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: 100% 100%; }

#modal-propertyinfo {
  top: 10%;
  left: 10%;
  right: 10%;
  bottom: 10%; }

.left-modal-editor {
  height: 130% !important;
  bottom: 0;
  top: 0; }

/*propertyListBox*/
.box-newproject {
  background-color: white;
  box-shadow: 1px 1px 1rem #c0c0c0; }

.detail-result .left {
  margin-top: 0rem; }

.property-list {
  border: 0px solid #ddd; }

.nav-propertyList .nav-item {
  margin-right: 0.2rem;
  border: solid 0px #CBCBCB; }

.box-newproject {
  margin: 0.5rem 0.5rem; }

.best-box {
  margin: 0px 0px 10px 0px !important; }

.startPrice {
  color: #9B9EA9;
  text-decoration: line-through; }

.listprice {
  color: #C82021;
  top: 60px; }
  @media (max-width: 580px) {
    .listprice h4 {
      font-size: 85%; } }

.discountprice {
  padding: 0rem; }

.deal-listPrice {
  position: relative;
  top: auto;
  right: 0px; }

.blockBtn .btn {
  width: 100%;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  color: white;
  font-size: 1rem;
  font-weight: 600;
  margin: 0.2rem 0rem; }
  @media (max-width: 580px) {
    .blockBtn .btn {
      padding: 0.3rem; } }

.btn.disabled {
  background-color: black; }

.bt-nonreserve {
  background-color: #CC3333; }

.btn.contactBtn {
  background-color: #374A5A; }
.btn.offerBtn {
  background-color: #808080; }

/*bookmark Button On Image*/
button.price-alert-btn {
  display: inline-block;
  text-align: center;
  color: white;
  border: 1px solid white;
  cursor: pointer;
  margin-bottom: 5px;
  position: absolute;
  left: auto;
  right: 0.8rem;
  top: 0.2rem;
  background-color: #FB8B7A; }

/*popoverinsidePropertyList*/
.popover-header {
  display: none; }

.popover {
  min-width: 420px;
  min-height: 205px;
  border-radius: 6px;
  border: 1px solid #CCCCCC;
  box-shadow: 0 0 6px 1px #eee; }

.popover-body {
  border: none;
  padding: 0.5rem;
  color: black;
  font-size: 1rem;
  z-index: 2;
  line-height: 1.2;
  letter-spacing: 0.1px; }

.popover-close {
  position: absolute;
  top: 5px;
  right: 10px;
  opacity: 1; }

.popOverDiscountprice {
  font-size: 15px;
  top: 0px;
  max-width: 80%;
  max-height: 20px;
  color: #444D57;
  text-decoration: none;
  text-align: right;
  background-color: #D8EED5;
  padding: 0rem 1.5rem;
  margin: 0.2rem 0rem;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; }
  .popOverDiscountprice h4 {
    color: #28871C;
    font-size: 15px;
    font-weight: 600; }

.material-icons {
  font-size: 16px;
  font-weight: bold;
  color: black; }

.popoverBaht {
  font-size: 0.8rem; }

.popoverPrepriceText {
  font-size: 0.8rem;
  margin-right: 1rem;
  font-weight: 600; }

.popoverSummary {
  margin: 1rem 0rem;
  line-height: 0.8;
  border: 0;
  border-top: 1px solid #CCCCCC; }

/*listingButton*/
.postlist {
  font-weight: bold;
  position: absolute;
  right: 0px;
  top: 10px;
  padding-right: 10px; }
  @media (max-width: 580px) {
    .postlist {
      position: relative !important;
      font-weight: bold;
      right: auto;
      left: 9vw;
      width: 265px;
      padding: 10px;
      margin-bottom: 40px;
      text-align: center; } }

.listBoxPostlist {
  position: relative !important;
  font-weight: bold;
  padding: 10px;
  text-align: center; }

.postRelate {
  position: relative; }

.no-gutters {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0; }

.img-listproperty img {
  height: 190px;
  display: initial;
  width: 15rem; }

/*ProjectInfo*/
.priceInfo .price {
  font-size: 1.3rem;
  font-weight: 600; }

#propertyPrice .right-info-box {
  padding: 0.5rem;
  border: 1px solid #CCCCCC;
  height: auto;
  border-radius: 0.5rem; }
  #propertyPrice .right-info-box .pricePromo {
    margin: 0.25rem; }
  #propertyPrice .right-info-box .property-right-header {
    margin: 0.25rem;
    font-weight: 800;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden; }
  #propertyPrice .right-info-box #contactForm .modal-dialog {
    margin: auto; }
    #propertyPrice .right-info-box #contactForm .modal-dialog .modal-content {
      border: 0px solid rgba(0, 0, 0, 0.2); }
      #propertyPrice .right-info-box #contactForm .modal-dialog .modal-content .conteact-title h4 {
        color: #C11B27; }
      #propertyPrice .right-info-box #contactForm .modal-dialog .modal-content .modal-header-comment {
        background-color: #FFFFFF;
        color: #010101;
        margin-bottom: 1.5rem; }
        #propertyPrice .right-info-box #contactForm .modal-dialog .modal-content .modal-header-comment .agent-phonenum {
          justify-content: center;
          display: flex; }
          #propertyPrice .right-info-box #contactForm .modal-dialog .modal-content .modal-header-comment .agent-phonenum .phone-call {
            background-image: url("/images/co-broker/Profile/call-phonenum.png");
            background-size: contain;
            background-repeat: no-repeat;
            width: 11rem;
            padding: 1.2rem;
            margin-top: 0.5rem;
            cursor: pointer;
            position: relative; }
            #propertyPrice .right-info-box #contactForm .modal-dialog .modal-content .modal-header-comment .agent-phonenum .phone-call .css-eye-phonenum {
              position: absolute;
              right: 12%;
              top: 15%; }
            #propertyPrice .right-info-box #contactForm .modal-dialog .modal-content .modal-header-comment .agent-phonenum .phone-call span {
              font-size: 1rem;
              color: white;
              float: left;
              line-height: 0;
              margin-left: 24px; }
        #propertyPrice .right-info-box #contactForm .modal-dialog .modal-content .modal-header-comment .agent-lineid {
          justify-content: center;
          display: flex; }
          #propertyPrice .right-info-box #contactForm .modal-dialog .modal-content .modal-header-comment .agent-lineid .line-call {
            background-image: url("https://attooktee.files.wordpress.com/2019/12/line-phonenum.png");
            background-size: contain;
            background-repeat: no-repeat;
            width: 11rem;
            padding: 1.2rem;
            margin-top: 0.5rem; }
            #propertyPrice .right-info-box #contactForm .modal-dialog .modal-content .modal-header-comment .agent-lineid .line-call span {
              font-size: .85rem;
              color: white;
              float: left;
              line-height: 0;
              margin-left: 24px; }

/*# sourceMappingURL=propertyDetail.css.map */