@charset "utf-8";
/* ============================================================
   Health Shastra - responsive / mobile layer
   Loads AFTER stylesheet.css and only overrides at smaller
   screen widths. Desktop appearance is unchanged.
   ============================================================ */

/* Never let images or the map overflow their container */
img { max-width: 100%; height: auto; }
iframe { max-width: 100%; }

/* ---- Tablet / narrow desktop: fluid container ---- */
@media (max-width: 1150px) {
  #wrapper, #wrapper1 { width: 100%; float: none; display: block; }
  .container { width: 100%; box-sizing: border-box; padding: 0 15px; }
  .container-inner { width: 100%; box-sizing: border-box; }
}

/* ---- Tablets: stack the two-column layouts ---- */
@media (max-width: 900px) {
  .content-left { width: 100%; float: none; margin: 0 0 20px 0; }
  .content-left-heading { left: 0; }
  .content-left-heading::before { display: none; }
  .content-right-home, .content-right { width: 100%; float: none; }

  /* Contact page columns */
  .contact { width: 100%; float: none; }
  .contact-right { width: 100%; float: none; margin: 15px 0 0; }
  .contact-map { width: 100%; float: none; }
  .contact-map-section iframe { width: 100% !important; }

  /* Enquiry form fields full width */
  .enquiry-name { width: 100%; float: none; margin: 0 0 12px 0; }
  .enquiry-name:nth-child(2), .enquiry-name:nth-child(4) { margin-right: 0; }
  .button-submit { width: auto; min-width: 130px; padding: 0 22px; }

  /* Footer stacks and centres */
  .copy-right, .social { width: 100%; float: none; text-align: center; padding: 5px 15px; }
}

/* ---- Phones: wrap the menu, scale headings ---- */
@media (max-width: 768px) {
  nav ul { display: flex; flex-wrap: wrap; justify-content: center; }
  nav ul li { float: none; }
  nav ul li a { padding: 12px 10px; }

  .content-right-heading span { font-size: 30px; line-height: 32px; }
  .content-right-content h1,
  .faq-content h1,
  .faq-content-heading h1,
  .contact h1, .contact-map h1, .enquiry h1 { font-size: 24px; }
  .content-right-content p,
  .content-right-content-text p { font-size: 16px; line-height: 24px; }
}

/* ---- Small phones: full-width stacked menu ---- */
@media (max-width: 480px) {
  nav ul li { width: 100%; }
  nav ul li a { padding: 12px 0; border-bottom: 1px solid rgba(0,0,0,0.08); }
  .content-right-heading span { font-size: 22px; line-height: 26px; }
  header { margin: 10px 0; }
  .logo img { max-width: 80%; }
}