/* northcountypawn-loans.com — phone layer over the archived Hibu/Duda desktop template (>=768px untouched) */
.mp-burger { display: none; }
@media (max-width: 767px) {
  html, body { overflow-x: hidden !important; }
  #dm .dmOuter, #dm .dmInner, #dm #dmStyle_innerContainer, #dm .dmLayoutWrapper, #dm .standardHeaderLayout,
  #dm .dmContent, #dm .dmBody, #dm #site_content, #dm .dmHeaderContainer, #dm .dmFooterContainer,
  #dm .dmRespRowsWrapper, #dm .dmRespRow, #dm .dmRespColsWrapper, #dm .dmHeader, #dm .dmFooter,
  #dm #hcontainer, #dm #fcontainer, #dm .dmHeaderResp {
    min-width: 0 !important; max-width: 100% !important; width: 100% !important;
    margin-left: 0 !important; margin-right: 0 !important; box-sizing: border-box !important;
  }

  /* header: fixed 720px-tall desktop header covered the whole phone screen -> static, stacked */
  #dm .dmHeaderContainer { position: static !important; height: auto !important; }
  #dm #hcontainer { display: block !important; height: auto !important; }
  #dm .dmHeaderContainer + *, #dm .dmContent, #dm #site_content { padding-top: 0 !important; }
  #dm #hcontainer .dmRespRow { padding: 10px 16px !important; height: auto !important; min-height: 0 !important; }
  #dm #hcontainer .dmRespColsWrapper { display: block !important; height: auto !important; }
  #dm #hcontainer .dmRespCol { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important;
    float: none !important; padding: 0 !important; margin: 0 0 8px !important; text-align: center !important; }
  #dm #hcontainer .imageWidget { width: 100% !important; height: auto !important; min-height: 0 !important; text-align: center !important; }
  #dm #hcontainer .imageWidget img { position: static !important; width: auto !important; max-width: 200px !important;
    height: auto !important; margin: 0 auto !important; display: block !important; }
  #dm #hcontainer .dmNewParagraph { width: 100% !important; height: auto !important; min-height: 0 !important; text-align: center !important; }

  /* nav: toggled vertical list under a full-width Menu button */
  .mp-burger { display: flex; align-items: center; justify-content: center; gap: 10px; width: 100%; box-sizing: border-box;
    background: #111; color: #fff; font-weight: 700; font-size: 16px; line-height: 1; border: 0; padding: 14px 16px;
    cursor: pointer; -webkit-tap-highlight-color: transparent; }
  .mp-burger span { display: block; width: 20px; height: 2px; background: #fff; box-shadow: 0 6px 0 #fff, 0 -6px 0 #fff; }
  #dm #hcontainer div.desktopNavWrapper[id] { display: none !important; width: 100% !important; height: auto !important; }
  html.mp-nav-open #dm #hcontainer div.desktopNavWrapper[id] { display: block !important; }
  #dm .desktopNavWrapper ul, #dm .desktopNavWrapper li { display: block !important; float: none !important; width: 100% !important;
    height: auto !important; position: static !important; margin: 0 !important; padding: 0 !important; text-align: center !important;
    visibility: visible !important; opacity: 1 !important; transform: none !important; box-shadow: none !important; }
  #dm .desktopNavWrapper li a { display: block !important; padding: 12px 10px !important; font-size: 17px !important; line-height: 1.3 !important;
    height: auto !important; border-top: 1px solid rgba(0,0,0,.08); }
  #dm .desktopNavWrapper li li a { font-size: 15px !important; padding: 9px 10px !important; opacity: .85; }
  #dm .desktopNavWrapper .dmNavItemSelected a, #dm .desktopNavWrapper a:hover { background: transparent !important; }

  /* content */
  #dm .dmRespRow { padding-left: 16px !important; padding-right: 16px !important; }
  #dm .dmBody .dmRespColsWrapper { display: block !important; }
  #dm .dmRespCol { width: 100% !important; max-width: 100% !important; float: none !important;
    padding-left: 0 !important; padding-right: 0 !important; margin-left: 0 !important; margin-right: 0 !important; }
  #dm .dmBody .dmRespCol + .dmRespCol { margin-top: 18px !important; }
  #dm img, #dm iframe, #dm video { max-width: 100% !important; }
  #dm img { height: auto; }
  #dm video { width: 100% !important; height: auto !important; }
  #dm .ncp-map, #dm .ncp-map iframe { width: 100% !important; height: 240px !important; display: block !important; }
  #dm .dmBody h1 { font-size: 24px !important; line-height: 1.25 !important; }
  #dm .dmBody h3 { font-size: 20px !important; line-height: 1.3 !important; }
  #dm .dmBody h1 span, #dm .dmBody h3 span { font-size: inherit !important; line-height: inherit !important; }
  #dm .dmBody div[style*="width"], #dm .dmBody .dmNewParagraph { max-width: 100% !important; }
  #dm .dmBody .dmRespRow div[class*="u_"] { padding-left: 0 !important; padding-right: 0 !important; }
  #dm .dmBody .imageWidget { max-width: 100% !important; width: 100% !important; height: auto !important; }
  #dm .dmBody .imageWidget img { margin: 0 auto !important; display: block !important; }
  /* footer columns: the template hides "Find Our Store"/"Contact Information" on small screens -> show them */
  #dm .footerSection .hide-for-small, #dm .footerSection .content-removed { display: block !important; }
  #dm #contact .dmRespColsWrapper { display: block !important; }
  #dm #contact .dmRespCol { width: 100% !important; float: none !important; padding: 0 !important; margin: 0 0 22px !important; }
  #dm #contact .dmRespCol * { max-width: 100% !important; box-sizing: border-box; }
  #dm #contact .ncp-map, #dm #contact .ncp-map iframe { width: 100% !important; height: 240px !important; }
  #dm #contact .dmMap { width: 100% !important; }
  #dm #hcontainer .imageWidget img[src*="hours"] { max-width: 180px !important; }
}

/* Duda sticky header (293–722px tall) is position:fixed via a higher-specificity rule; on narrow or short
   windows it covered the screen and the page looked frozen -> keep it in normal flow there. */
@media (max-width: 1023px), (max-height: 760px) {
  html:not(.x) body #dm .hasStickyHeader.hasStickyHeader .dmInner div.dmHeaderContainer { position: relative !important; }
  html body #dm .stickyHeaderSpacer { display: none !important; }
}