/* ==========================================================================
   ALWAY — RESPONSIVE MEDIA QUERIES (WORDPRESS THEME)
   ========================================================================== */

@media (max-width: 1024px) {
  .hero-header-grid {
    grid-template-columns: 1fr;
  }
  
  .about-grid {
    grid-template-columns: 1fr;
  }

  .services-header-wrap {
    grid-template-columns: 1fr;
  }

  .services-carousel-track {
    grid-template-columns: repeat(2, 1fr);
  }

  .works-layout-grid {
    grid-template-columns: 1fr;
  }

  .testimonial-card-grid {
    grid-template-columns: 1fr;
  }

  .blog-header-row {
    grid-template-columns: 1fr;
  }

  .blog-cards-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px) {
  .nav-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--bg-dark);
    flex-direction: column;
    padding: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }

  .nav-menu.mobile-open {
    display: flex;
  }

  .mobile-toggle {
    display: flex;
  }

  .hero-image-frame {
    height: 360px;
  }

  .footer-info-cols {
    grid-template-columns: 1fr;
  }

  .services-carousel-track {
    grid-template-columns: 1fr;
  }
}