@media only screen and (max-width: 768px) {
  /* Make images fluid and 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 !important;
    margin-bottom: 20px !important;
  }

  /* Stack columns and remove extra spacing */
  .column,
  .tm-gallery-item,
  .portfolio-item {
    margin-bottom: 20px !important;
    display: block !important;
    padding: 0 !important;
    float: none !important;
    width: 100% !important;
  }

  /* Expand containers to full width */
  .tm-container-gallery,
  .container,
  .row,
  .tm-gallery,
  .tm-gallery-container,
  .grid {
    padding: 0 !important;
    margin: 0 auto !important;
    width: 100% !important;
  }

  /* Inner text padding */
  .tm-intro-text-container,
  .tm-section-text-container,
  .tm-section-wrap {
    padding: 0 15px !important;
    margin: 0 auto !important;
  }

  /* Body styling */
  body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
  }

  /* Footer styling */
  .tm-footer {
    padding: 15px;
    text-align: center;
  }

  /* Dropdown links in navigation */
  .dropdown-content a {
    display: block;
    padding: 10px 15px;
    background-color: #ffffff;
    color: #000000;
    border-top: 1px solid #ddd;
    text-decoration: none;
  }

  /* Hide scrollbars if causing horizontal shift */
  html {
    overflow-x: hidden;
  }

  /* Remove figure padding/margin */
  figure {
    margin: 0 !important;
    padding: 0 !important;
  }
}