/* Responsive behavior ported from RealViu Modern Landing Page (4). */
@media (max-width:900px){
  .rv-navlinks{display:none!important}
  .rv-g4{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:28px!important}
  .rv-g3,.rv-g2,.rv-side,.rv-signin,.rv-g6{grid-template-columns:minmax(0,1fr)!important}
  .rv-g6{gap:22px!important;max-width:340px;margin-left:auto!important;margin-right:auto!important}
  .rv-sticky{position:static!important}
  .rv-footer{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .rv-hero-sec{height:auto!important}
  .rv-herostick{
    position:static!important;
    height:auto!important;
    grid-template-columns:minmax(0,1fr)!important;
    padding-top:40px!important;
    padding-bottom:56px!important;
    gap:36px!important;
    overflow:visible!important;
  }
  .rv-herostick [data-rv-herocopy]{transform:none!important;opacity:1!important}
  .rv-heroart{height:auto!important;transform:none!important;display:grid!important;gap:14px!important}
  .rv-heroart .grayscale{position:relative!important;inset:auto!important;width:100%!important;height:min(52vh,360px)!important}
  .rv-float{position:static!important;transform:none!important;max-width:none!important;width:auto!important;margin-top:0!important;box-shadow:none!important}
  #ai [data-rv-thread]{height:280px!important}
}

@media (max-width:700px){
  :root{--edge:20px}
  .rv-navphone{display:none!important}
  .rv-navinner{gap:12px!important}
  .rv-navinner>a:first-of-type img{width:112px!important;height:auto!important}
  .rv-navsignin{font-size:13px!important}
  .rv-navinner>.btn{padding:9px 12px!important;font-size:13px!important}
  .rv-g4{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
  .rv-row{grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
  .rv-footer{grid-template-columns:minmax(0,1fr)!important;gap:26px!important}
  .rv-heroart .grayscale{height:min(44vh,300px)!important}
  #templates [style*="display:inline-flex"]{width:100%;display:grid!important;grid-template-columns:1fr 1fr}
  #templates [style*="display:inline-flex"] button{padding:11px 10px!important}
  #pricing>[style*="align-items:center"]{padding-left:18px!important;padding-right:18px!important}
  #ai [data-rv-thread]{height:250px!important}
  #ai form{align-items:stretch!important}
  #ai form .input{min-width:0}
  #signin form{padding:22px 18px!important}
  #signin form>div>div{min-width:0}
  #signin form input{min-width:0}
}