@media (max-width: 768px) {
  /* Navbar */
  .search-btn,
  .search-input {
    display: none;
  }
  .logo-name {
    font-size: 20px;
  }

  .fa-compass {
    font-size: 1.85rem;
  }

  .user-btn {
    padding: 0.5rem;
  }

  /* Footer */
  footer .row {
    text-align: center; /* Centers text on small screens */
  }

  footer .d-flex {
    flex-direction: column;
    align-items: center;
    gap: 10px;
  }

  footer .d-flex div {
    text-align: center;
  }

  footer .d-flex .me-3 {
    margin-bottom: 10px;
  }

  /* Index Page */
  .card-img-top {
    height: 14rem;
  }

  .listing-card {
    margin-bottom: 1.5rem;
  }

  /* New & Edit Page */
  .col-8.offset-2 {
    width: 100%;
    margin: 0;
    padding: 0 10px;
  }

  .preview-img {
    width: 100%;
    max-height: 250px;
    object-fit: cover;
    border-radius: 5px;
  }

  .form-check {
    padding: 10px;
  }

  .add-btn {
    width: 100%;
    padding: 10px;
  }

  /* Profile Page */

  .listing,
  .booking {
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px;
    width: 95%;
  }

  .listing img,
  .booking img {
    width: 100%;
    max-width: 250px;
    height: 150px;
    object-fit: cover;
  }

  .booking-info,
  .listing-info {
    align-items: center;
  }

  .logout-btn {
    width: 100%;
  }
}

@media (max-width: 480px) {
  /* Index Page */
  .card-img-top {
    height: 12rem;
  }
  /* Show Page */
  .listing-image {
    max-height: 250px;
    border-radius: 5px;
  }
}