/* responsive.css - Updated for mobile responsiveness */

/* General adjustments for screens smaller than 768px */
@media (max-width: 768px) {

  .container,
  .donation_box,
  .beneficiary-box,
  .about_section,
  .footer_section,
  .gallery,
  .video-page {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row {
    margin-left: 0;
    margin-right: 0;
  }

  /* Navbar spacing fix */
  .navbar-nav {
    text-align: center;
  }

  .navbar .form-inline {
    flex-direction: column;
    gap: 10px;
  }

  /* Make gallery items stack */
  .gallery-item {
    width: 100%;
    margin-bottom: 20px;
  }

  .gallery-item img {
    width: 100%;
    height: auto;
  }

  /* Make videos responsive */
  iframe {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9;
    border: none;
  }

  .video-page {
    width: 100%;
    padding: 10px;
  }

  /* Footer layout stacked */
  .footer_menu_main {
    display: flex;
    flex-direction: column;
  }

  .footer_menu_left,
  .footer_menu_right {
    width: 100%;
  }

  .social_icon ul {
    justify-content: center;
    padding-left: 0;
  }

  .social_icon ul li {
    display: inline-block;
    margin: 0 8px;
  }
}

/* Default image scaling */
img {
  max-width: 100%;
  height: auto;
}