
@media only screen and (max-width: 991px) {
    /*******/
    .property-left,
    .property-right {
      width: 100%;
      padding: 15px;
      height: auto;
      gap: 10px;
    }
    .property-left {
      margin-bottom: 10px;
    }
    .property-left .nav {
      width: 100%;
      display: none;
    }
    .property-left .nav .nav-link {
      width: auto;
      height: auto;
      font-size: 13px;
      gap: 10px;
    }
  
    .property-left .nav .nav-link img {
      display: none;
    }
    .property-head {
      gap: 10px;
    }
    .listing-place.search-place.tab-place {
      width: 100%;
      min-height: auto;
    }
    @keyframes slide-down {
      0% {
        opacity: 0;
        transform: translateX(0);
      }
      50% {
        opacity: 0.5;
        transform: translateX(10%);
      }
      100% {
        opacity: 1;
        transform: translateX(0);
      }
    }
    .notify-box {
      width: 97%;
    }

    .manage-grp .listing-info h6 {
      top: -24px;
    }
    .tour-info.listing-place {
      flex-wrap: nowrap;
      gap: 5px;
      padding: 10px;
    }
    .ad-block label {
      flex-wrap: nowrap;
    }
    a.res-filter {
      display: flex;
    }
    .property-head-right {
      flex-direction: row-reverse;
    }
    .property-data-left {
      padding: 0 10px;
    }
    .property-head-right,
    .property-data-left,
    .account-left,
    .account-right,
    .account-info .input-grp,
    .account-info {
      width: 100%;
    }
    .account-info {
      margin-top: 15px;
    }
  
    .account-profile {
      margin: 0 auto;
    }
  
    .notify-info p,
    .common-pop .form-group.input-grp label,
    .account-info .input-grp label {
      font-size: 12px;
    }
    .ph-box {
      left: unset;
      flex-wrap: nowrap;
    }
    .account-info .input-grp .ph-box input {
      bottom: 0;
    }
    .preview-desc p,
    .listing-info h6,
    .notify-info h6,
    .account-info .input-grp .form-control,
    .common-pop .form-group.input-grp input.form-control,
    .common-pop .form-group .form-info,
    .account-info .input-grp .form-control,span.ph-code {
      font-size: 13px;
    }
    .notify-box span {
      width: 45px;
      height: 45px;
    }
    .notify-info {
      width: 77%;
    }
    .property-head h4,
    .preview-carosuel h4 {
      font-size: 20px;
    }
    .rental-head-info h4 {
      font-size: 22px;
    }
    .rent-info-btn,
    .back-btn,
    .property-btn {
      height: 40px;
    }
    .preview-left .panel-heading .panel-title a p {
      font-size: 14px;
    }
    .home-types .home-type {
      height: 40px;
      padding: 10px 20px;
      font-size: 13px;
    }
    .preview-left .panel-heading .panel-title a p img {
      width: 14px;
    }
    #v-pills-transaction .account-box {
      overflow: auto;
    }
    .property-filter .full-search .search-box {
      margin-left: 0px !important;
    }
    .nav-box.sign.flex-class {
      justify-content: center;
    }
    .profile-btn .dropdown-menu {
      display: block;
      width: 100%;
      position: relative;
      top: -56px;
      left: 10px;
      background: #3a3a3a;
      box-shadow: none;
    }
    li.nav-item.menu-item.dropdown a {
      color: white;
    }
    .profile-btn .dropdown-item {
      font-size: 13px;
      font-weight: 600;
      padding: 12px 0;
      color: white;
    }
    .dropdown.profile-btn {
      width: 100%;
      height: 490px;
    }
    .nav-bar .nav-bottom .nav-right {
      margin-top: 20px;
    }
    .loc:nth-child(2){
      display: none;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
  .search-place {
    width: 32%;
  }
  .notify-box{
    width: 95%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1321px) {
  .property-left {
    width: 24%;
  }
  .property-right {
    width: 75%;
  }
  .property-left, .property-right {
    padding: 15px;
}
.property-user {
  gap: 5px;
}
.property-user > img {
  width: 50px;
  height: 50px;
}
  .property-left .nav .nav-link {
    padding: 5px;
  }
  .property-left .nav .nav-link span {
    gap: 5px;
  }
  .listing-place.search-place.tab-place {
    width: 49%;
  }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .account-info .input-grp .ph-box input {
    bottom: 0;
  }
  /***********/
  .property-left.flex-class {
    width: 25%;
    padding: 15px;
}

.property-right {
    width: 74%;
    padding: 15px;
}

.property-user > img {
    width: 50px;
    height: 50px;
}

.property-left .nav .nav-link {
    padding: 5px 8px;
    width: 100%;
}

.listing-place.search-place.tab-place {
    width: 49%;
}
.listing-grp {
  gap: 9px !important;
}
div#v-pills-enquiries .listing-grp {
  padding-right: 2px;
}
.search-place {
  width: 49%;
}
.search-section ,.search-full,.search-full .banner-search .full-search{
  height: auto;
}
.search-full .banner-search{
  padding: 10px 0;
}
.notify-box {
  width: 97%;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .property-right {
    width: 100%; 
  }
}
@media only screen and (max-width: 767px) {
  
  .common-pop .modal-content .modal-body,
  .common-pop#sign-up .modal-content .modal-body,
  #book-tour .modal-body,
  .common-pop .modal-content .modal-header,
  #advertise.common-pop .modal-content .modal-body {
    padding: 5px 15px;
  }
  .common-pop .form-group.input-grp,
  .account-info .input-grp {
    padding: 15px 20px;
  }

  #mobile-success .modal-body,
  #book-success .modal-body,
  #advertise-success .modal-body {
    padding: 25px;
  }
  #mobile-success .modal-body img,
  #book-success .modal-body img,
  #advertise-success .modal-body img {
    width: 50px;
  }
  /*.search-section {
    display: none;
  }*/
  .common-pop .modal-dialog {
    width: 95%;
    margin: 10px auto;
  }
  div#propDetailsBox .modal-body {
    padding: 10px;
}
  .socio-btn,
  .search-place,
  .result-pop .modal-content .modal-body .modal-left,
  .result-pop .modal-content .modal-body .modal-right {
    width: 100% !important;
  }
  .socio-btn{
    width: 100% !important;
    display: inline-block;
    margin-bottom: 15px;
  }
  .half-width a {
    width: 49%;
    height: 158px;
}
  .detail-btn .d-btn {
    padding: 15px 35px;
  }
  .modal-desc h6 {
    font-size: 13px;
    line-height: 23px;
  }
  .place-list-info {
    gap: 10px;
  }
  .info-detail .place-list-info p {
    font-size: 11px;
  }
  .modal-desc.normal-desc .place-list-info p {
    min-height: 80px;
    font-size: 11px;
  }
  button#report + .dropdown-menu.show {
    left: -20px !important;
  }
  p.term-box label {
    word-wrap: break-word;
    flex-wrap: wrap;
  }
  
  /****/
  .contact-left,
  .contact-right {
    width: 100%;
  }
  .contact-section::before {
    background-image: linear-gradient(90deg, #000000b5, transparent);
  }
  .contact-left h2 {
    font-size: 48px;
    letter-spacing: -1px;
    line-height: 56px;
  }
  .contact-right .account-info {
    padding: 15px;
  }
}