/* Esthron mobile overrides – only active on small screens */
@media (max-width: 768px) {
  html, body { overflow-x: hidden; -webkit-text-size-adjust: 100%; }
  img { max-width: 100%; height: auto; }
  #page950, #Social, #Head, #HeadBG, #Content, #ContentBG, #Main, #Border,
  #Done, #DoneBG, #FrontBG, #FrontHead, #FrontText, #FrontContent, #FrontDone {
    width: auto !important; max-width: 100%; height: auto !important;
    min-height: 0 !important; float: none !important; box-sizing: border-box;
  }
  #HeadBG, #ContentBG, #DoneBG, #FrontBG { background: none !important; }
  #HeadBG { padding: 12px 12px 0 12px; }
  #Head { padding: 0; overflow: visible; }
  #Logo { float: none; width: auto; height: auto; margin: 0 0 12px 0; }
  #NavigationFirst, #NavigationSecond, #NavigationThird {
    float: none !important; width: auto !important; padding: 0 0 10px 0 !important;
  }
  /* GIF menu buttons: one per row, full tap height */
  #NavigationFirst a, #NavigationSecond a, #NavigationThird a {
    display: block; padding: 3px 0; line-height: 0;
  }
  #NavigationFirst img, #NavigationSecond img, #NavigationThird img { max-width: 100%; height: auto; }
  #ContentBG { padding: 0 12px; }
  #Content { border-top: solid 1px #00add6; overflow: visible; }
  #Main { padding: 16px 0 0 0; }
  #Border { padding: 0; }
  #DoneBG { padding: 16px 12px; }
  #Done { text-align: left; }
  .Content p, .Content ul, .Content label, .Content input, .Content textarea { font-size: 15px; line-height: 1.5; }
  .Content h1 { font-size: 18px; line-height: 1.3; }
  .Content h2 { font-size: 16px; line-height: 1.4; }
  .Content li { margin-bottom: 6px; }
  .Content label { float: none; display: block; width: auto; }
  .Content input, .Content textarea, .Content select { max-width: 100%; box-sizing: border-box; }
  .Content table { width: 100% !important; table-layout: fixed; }
  .Content td { word-wrap: break-word; }
  .Address p, .Done p { font-size: 13px; line-height: 1.5; }
  .Content a { word-break: break-word; }
  /* Embedded maps (Google Maps iframe) – fit screen width */
  .Content iframe, #Main iframe { display: block; width: 100% !important; max-width: 100%; height: 300px; border: 0; margin-bottom: 20px; }
}