@media screen and (min-width: 768px) {
  .mob-background {
    background-image: url(../images/iphonewithoutnotch.png) !important;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    background-size: 27% 97%;
    overflow: hidden;
    height: 100vh;
    padding-top: 20px;
  }
  .mob-bg {
    border-radius: 50px;
    height: 94vh !important;
    overflow-y: hidden !important;
  }
  app-dashboard {
    .modal-content {
      height: 200px !important;
    }
  }
  app-actions {
    .success-popup .modal-dialog {
      display: table;
      top: 80% !important;
      left: 50%;
      margin: 0px;
      width: 100% !important;
      display: table;
      transform: translate(-50%, -50%);
    }
    .modal-content {
      border-radius: 25px 25px 50px 50px !important;
    }
  }
  .image-popup .modal-dialog {
    top: 58%;
    width: 100%;
  }
  .upload-imagepopup {
    width: 25% !important;
    margin-left: auto;
    margin-right: auto;
    right: 0;
    left: 0;
    /* top: unset !important; */
    bottom: 20px;
  }
  .mat-drawer-content {
    height: 97vh !important;
    padding-bottom: 20px;
  }
  app-listing-detail .listing-detail {
    width: 25% !important;
  }
}
@media (max-width: 767px) {
  app-edit-listing-details{
    .info-icon{
      top: -2rem !important;
      left: 20rem !important;
    }
    .tooltip-content{
      right: 0px !important;
      top: -2rem !important;
      width: 340px !important;
    }
  }
  app-listing-detail .listing-detail {
    top: 0px !important;
    height: 100% !important;
    border-radius: 0px !important;
  }
  app-listing-detail .listing-detail {
    .modal-content {
      width: 95% !important;
    }
  }
  .mat-drawer-content {
    height: 100vh !important;
  }
  .logout-popup .modal-dialog {
    top: 50% !important;
    width: 100% !important;
    margin-left: auto;
    margin-left: auto;
  }
  app-actions .gap-image {
    gap: 7.5rem !important;
  }
  app-actions {
    .modal {
      width: 100% !important;
      height: 100% !important;
      top: 0 !important;
      border-radius: 0px !important;
    }
    /* .image-boxbg{
      width: 100% !important;
    } */
  }
  .image-popup .modal-dialog {
    top: 67%;
    width: 100%;
    margin: 0px;
  }
  .preview-popup .modal-dialog {
    width: 100% !important;
    margin: 0;
  }
  .custom-drawer {
    width: 100vw !important;
    overflow-y: hidden;
  }
  .sidemenu-sp {
    height: 100vh !important;
    width: 80.5vw !important;
  }
  .sidemenu-header .close-button {
    left: 15px !important;
  }
  .header {
    border-radius: 0px !important;
  }
  .mob-background {
    width: 100%;
  }
  app-dashboard {
    .fixed-menu {
      bottom: -5px !important;
      border-radius: 0px !important;
      width: 100% !important;
      z-index: 1 !important;
    }
    .modal-content {
      height: 280px;
    }
    .modal-success {
      width: 100% !important;
      height: 100% !important;
      top: 0px !important;
      border-radius: 0px !important;
    }
    .fixed-header {
      position: fixed;
      top: 53px !important;
      margin-right: auto;
      left: 0;
      width: 100% !important;
      margin-left: auto;
      right: 0;
    }
  }
  app-my-profile{
    .popup-menu {
      border-radius: 0px !important;
      margin-bottom: 0px !important;
  }
  }

  app-listing-feedback {
    .fixed-header {
      width: 100% !important;
      top: 0px !important;
      border-radius: 0px !important;
    }
  }
  app-signup {
    .button-container {
      width: 95% !important;
    }
    .mobile-input {
      height: 70px !important;
    }
    .bor-right {
      height: 75px !important;
    }
    .mob-text {
      margin-left: auto;
      margin-right: auto;
    }
  }
  app-signup-mail {
    .email-container {
      height: 70px !important;
    }
  }
  app-dashboard {
    .modal-dialog {
      width: 100% !important;
    }
  }
  app-add-new-listing {
    .listing-detail .list-text {
      width: 100%;
    }
    .btn-orange {
      width: 100% !important;
    }
  }
  app-property-details {
    .btn-orange {
      width: 100% !important;
    }
  }
  app-actions {
    .custom-footer-button {
      border-radius: 0px !important;
    }
    .button-container1 {
      bottom: 0px !important;
      width: 100% !important;
      padding: 0px !important;
    }
  }
  app-dashboard {
    .tooltip-content {
      right: 6px !important;
      width: 100% !important;
    }
    .tooltip-content::before {
      right: 10px !important;
    }
    .custom-footer-button {
      border-radius: 0px !important;
    }
    .button-container {
      bottom: 0px !important;
      width: 100% !important;
      padding: 0px !important;
    }
    /* .container-fluid {
      padding-bottom: 50px !important;
    } */
  }
  app-view-recommendation{

    .complete{
    position: fixed !important;
    bottom: 0px !important;
    left: 0 !important;
    right: 0 !important;
    border-radius: 0 !important;
    height: 70px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    }
    .custom-footer-button {
      border-radius: 0px !important;
      position: fixed !important;
      bottom: 0px !important;
      left: 0 !important;
      right: 0 !important;
      border-radius: 0 !important;
      height: 70px !important;
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
    }
  .image-pop {
    padding: 0px !important;
  }
  
  .popup-menu {
    width: 100% !important;
    max-width: 425px !important;
    border-radius: 0px !important;
    margin-bottom: 0px !important;
  }
}
}