/* Extra Small (less than 576px) */
@media (max-width: 575px) {
 

  }
  
  /* Small (576px and up) */
  @media (min-width: 576px) and (max-width: 767px) {
 

  }
  
  /* Medium (768px and up) */
  @media (min-width: 768px) and (max-width: 991px) {


  }
  
  /* Large (992px and up) */
  @media (min-width: 992px) and (max-width: 1199px) {

    
  }
  
  /* Extra Large (1200px and up) */
  @media (min-width: 1200px) {
    
  
  }
  /*992px*/
  @media (max-width: 992px), (max-width: 1115px) {
    .custom-design {
      width: 60%;
      max-width: 60%;
      height: auto; /* Ensures the height adjusts automatically */
      margin-bottom: 50px; /* Keeps your existing margin bottom */
      
      /* Center the content horizontally and arrange elements in columns */
      display: flex;
      flex-direction: column; /* Ensures content is arranged in columns */
      margin-left: auto; /* Automatically centers the div horizontally */
      margin-right: auto; /* Ensures it remains centered in the container */
    }
    .cards {
      display: flex;
      flex-direction: column; /* Ensures content is arranged in columns */
      margin-left: auto; /* Automatically centers the div horizontally */
      margin-right: auto; /* Ensures it remains centered in the container */
    }
    .edit-properties {
      width: 60%;
      max-width: 60%;
      display: flex;
      flex-direction: column; /* Ensures content is arranged in columns */
      margin-left: auto; /* Automatically centers the div horizontally */
      margin-right: auto; /* Ensures it remains centered in the container */
    }
    
  }
  

  /* Media Queries for Responsiveness */
@media (max-width: 768px) {
  
 
}

@media (max-width: 480px) {
  .edit-properties,
  .custom-design {
    width: 100%;
    max-width: 100%;
    /* margin-top: -110px; */
    margin-bottom: 20px;
  }
}