@media only screen and (max-width: 768px) {
  /* Make all images responsive */
  img,
  .images-fluid,
  figure img,
  .tm-gallery-item img,
  .portfolio-item img,
  .column img,
  .photo img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    display: block;
    margin-bottom: 20px !important;
  }

  /* Add spacing between columns/items */
  .column,
  .tm-gallery-item,
  .portfolio-item {
    margin-bottom: 20px !important;
    display: block !important;
  }

  /* Make sure gallery container and section fill the screen */
  .tm-container-gallery,
  .container,
  .row,
  .tm-gallery,
  .tm-gallery-container,
  .grid {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
  }

  /* Remove horizontal spacing from gallery columns */
  .column {
    padding: 0 !important;
  }

  /* Fix inner text container */
  .tm-intro-text-container {
    padding: 0 15px !important;
    margin: 0 auto !important;
  }

  /* Footer cleanup */
  .tm-footer {
    padding: 10px 15px;
  }

  /* Fixing body spacing */
  body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }

  /* Optional: remove figure internal padding/margin if needed */
  figure {
    margin: 0 !important;
    padding: 0 !important;
  }
}
/* Ensure dropdowns stack neatly on mobile */
.dropdown-content a {
  display: block;
  padding: 10px 15px;
  background: #fff;
  color: #000;
  text-decoration: none;
  border-top: 1px solid #ddd;
}