/* Keep the legacy downloader pages within the available viewport. */
.honor img, #footer img { max-width:100%; height:auto; }
#download img { width:308px; height:auto; aspect-ratio:77 / 15; object-fit:contain; }
.service p, .tutorial-quick-guide, #footer { overflow-wrap:anywhere; }
.sgz { width:calc(100% - 40px); max-width:760px; margin:0 auto; }
.sgz ul.timeline { width:100%; }
.sgz ul.timeline li, .sgz ul.timeline li .content { min-width:0; }
.sgz ul.timeline li .time { top:0; width:90px; line-height:22px; }
.sgz ul.timeline li .version { top:26px; left:0; width:90px; line-height:36px; }
.sgz ul.timeline li .content .divCount { float:none; width:auto; height:auto; margin-right:4px; overflow-wrap:anywhere; border-radius:6px; }
@media (max-width:767px) {
  .navbar .logo h1 { font-size:28px; margin:20px 12px; white-space:nowrap; }
  .navbar .navbar-toggle { margin-right:15px; }
  .sgz ul.timeline { background-position:80px 0; }
  .sgz ul.timeline li .time { width:54px; font-size:14px; }
  .sgz ul.timeline li .version { width:54px; font-size:22px; line-height:32px; }
  .sgz ul.timeline li .number { left:57px; }
  .sgz ul.timeline li .content { margin-left:118px; }
  .sgz ul.timeline li .content .divCount { padding:14px; margin-left:0; }
}