@media (max-width:736px) {
  html,body,#__nuxt,#__layout,#app.app-wrap,.app-container {min-width:0!important;width:100%!important;max-width:100%;box-sizing:border-box}
  .app-container .vertical {min-width:0!important;width:100%!important}
  .app-container .vertical img {display:block;width:100%!important;max-width:100%;height:auto!important}
  .sub-nav-wrap,.sub-nav-wrap .sub-nav-content {min-width:0!important;width:100%!important;max-width:100%;padding-left:8px!important;padding-right:8px!important;box-sizing:border-box}
  .sub-nav-wrap .sub-nav-content {display:flex;flex-wrap:wrap;gap:0;justify-content:center}
  .sub-nav-wrap ul {display:flex;justify-content:space-around;gap:8px;min-width:0!important;width:100%;padding:0!important;margin:0!important}
  .sub-nav-wrap li {flex:0 1 auto;min-width:0;margin:0!important}
  .sub-nav-wrap li a {font-size:12px!important;white-space:nowrap}
}

@media(max-width:736px){html body #app.app-wrap,html body .app-container,html body #__nuxt,html body #__layout{min-width:0!important;width:100%!important;max-width:100%!important}html body .header-topbar{display:none!important}}

@media(max-width:736px){
 html body .sub-nav-wrap,html body .sub-nav-wrap .sub-nav-content{min-width:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box}
 html body .sub-nav-wrap .sub-nav-content{flex-wrap:nowrap;gap:6px}
 html body .sub-nav-wrap .sub-nav-content>ul{flex:1;gap:4px;width:auto;min-width:0}
 html body .sub-nav-wrap .sub-nav-content>ul a{font-size:10px!important}
 html body .sub-nav-wrap .nav-service{position:static!important;flex:0 0 auto;margin:0!important;padding:0!important;width:auto!important}
 html body .sub-nav-wrap .nav-service a{font-size:10px!important;height:24px!important;line-height:24px!important;padding:0 8px!important}
}

@media(max-width:736px){html.archive-r2-phone body .sub-nav-wrap .nav-service{display:none!important}}