/* ==========================================================================
   SHANADA — responsive styles (tablets & phones)
   ========================================================================== */

@media (max-width: 991px) {
  .services { grid-template-columns: repeat(2, 1fr); }
  .work-process { grid-template-columns: repeat(3, 1fr); }
  .clients { grid-template-columns: repeat(3, 1fr); }
  .milestone-grid { grid-template-columns: repeat(2, 1fr); }
  .portfolio-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .contact-info { grid-template-columns: repeat(2, 1fr); }
  .about-grid { grid-template-columns: 1fr; }
  .member-grid { grid-template-columns: 1fr; }
  .about-text { font-size: 16px; }
  .resume-grid { grid-template-columns: 1fr; gap: 40px; }
  .contact-wrap { grid-template-columns: 1fr; gap: 36px; }

  .home-menu { left: 1vw; }
  .home-menu .item-name { font-size: clamp(20px, 4.2vh, 34px); padding-left: 8px; }
  .home-menu a { margin: 1vh 0; }
  .home-bg-logo { left: 24%; top: 40%; width: min(30vw, 250px); }
  .home-image { right: 6%; bottom: -4%; height: 62%; }
}

@media (max-width: 767px) {
  body { font-size: 15px; }
  .services { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: 1fr; }
  .work-process { grid-template-columns: repeat(2, 1fr); }
  .clients { grid-template-columns: repeat(2, 1fr); }
  .milestone-grid { grid-template-columns: 1fr; }
  .contact-info { grid-template-columns: 1fr; }
  .testimonials { grid-template-columns: 1fr; }
  .date-grid { grid-template-columns: 1fr; }
  .mix-grid { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
  .date-card { flex-wrap: wrap; }
  .date-ticket { width: 100%; text-align: center; }
  .track-row { flex-wrap: wrap; }
  .track-links { width: 100%; }

  .home-menu { top: auto; bottom: 58px; left: 50%; transform: translateX(-50%); flex-direction: row; align-items: center; gap: 2px; }
  .home-menu .item-name { font-size: 15px; padding: 6px 10px; }
  .home-menu a { margin: 0 6px; }
  .home-bg-logo { left: 50%; top: 7%; width: min(60vw, 240px); transform: translateX(-50%); }
  html.home-loaded .home-bg-logo { animation: hFade 0.9s 0.05s ease both; }
  .home-image { left: 50%; right: auto; top: auto; bottom: 108px; height: 66%; width: auto; transform: translateX(-50%); }
  .home-image img { height: 100%; width: auto; max-width: none; }
  .home-image::after { background: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0) 80%, #000 100%); }
  html.home-loaded .home-image { animation: hImgM 1.1s 0.15s cubic-bezier(0.77, 0, 0.18, 1) both; }
  @keyframes hImgM { 0% { opacity: 0; transform: translateX(-50%) translateY(26px); } 100% { opacity: 1; transform: translateX(-50%) translateY(0); } }

  .home-social { left: 0; width: 100%; justify-content: center; }
  .home-social .social-link { padding: 12px 14px; }
  .home-social .social-link svg { width: 18px; height: 18px; }
  .home-footer { display: none; }
  .full-screen-wrap { top: 12px; right: 12px; }

  .one-page-content .content-wrap { padding: 84px 18px 70px; }
  .page-header { padding: 16px 18px; flex-direction: column; gap: 12px; }
  .page-nav { gap: 14px; }
  .page-single .hentry { padding: 40px 18px 30px; }

  .section-title { flex-wrap: wrap; }
  .section-title::after { display: none; }
}