/* Shared responsive corrections. Desktop layouts remain defined by each page. */
html{scroll-padding-top:110px}
@media(max-width:900px){
 html,body{margin:0;padding:0;min-width:0}
 html{scroll-padding-top:96px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
 main{min-width:0;max-width:100%}
 main img,main video,main iframe{max-width:100%}
 .mannas-demo3-header{width:100%;min-width:0}
 .mannas-demo3-header .logo{max-width:55%}
 .mannas-demo3-footer{max-width:100%;min-width:0}
 .mannas-demo3-footer p{overflow-wrap:anywhere}
}
@media(max-width:800px){
 /* Natural image proportions in the stacked product feature rows. */
 .x9-photo,.x5-photo,.wr .photo,.rx .photo,.myscan-photo,.proxima-photo{height:auto;min-height:0}
 .x9-photo img,.x5-photo img,.wr .photo img,.rx .photo img,.myscan-photo img,.proxima-photo img{height:auto;min-height:0;width:100%;object-fit:contain}
 .x9-feature,.x5-feature,.wr .feature,.rx .feature,.myscan-feature,.proxima-feature,.nw .feature{min-height:0}
 .x9-neowise-grid>*,.nw .hero>*,.nw .feature>*,.s380-grid>*,.contact-grid>*,.about-story-grid>*{min-width:0}
 .nw .hero{grid-template-columns:minmax(0,1fr)}
 .nw .nav .wrap{max-width:calc(100% - 34px);overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .nw .nav a{display:flex;align-items:center;min-height:44px}
 .nw section[id]{scroll-margin-top:96px}
}
@media(max-width:560px){
 .cat-hero h1,.units-hero h1,.mgf-cat .mgf-head h1,.mrc-hero h1,.mrf-hero h1{overflow-wrap:anywhere}
 .x9-hero h1,.x5-hero h1,.proxima-hero h1,.s380-hero h1{font-size:clamp(28px,8.5vw,36px)}
 .x9-copy,.x5-copy,.wr .copy,.rx .copy{padding:34px 22px}
 .x9-intro,.x5-intro{padding:46px 22px}
}