html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

img,
video,
audio,
canvas,
svg {
  max-width: 100%;
}

.mw-parser-output table {
  max-width: 100%;
}

@media screen and (max-width: 720px) {
  body.skin-vector-2022 {
    min-width: 0;
    font-size: 15px;
    line-height: 1.65;
    background: #fff;
  }

  .vector-header-container,
  .mw-page-container,
  .mw-page-container-inner,
  .vector-column-start,
  .vector-column-end,
  .vector-body,
  #content,
  #bodyContent,
  #mw-content-text {
    box-sizing: border-box;
    min-width: 0;
    max-width: 100%;
    width: 100%;
  }

  .vector-header-container {
    position: sticky;
    top: 0;
    z-index: 10;
    padding: 0 12px;
    border-bottom: 1px solid #eaecf0;
    background: #fff;
  }

  .vector-header {
    min-height: 50px;
  }

  .mw-page-container,
  .mw-page-container-inner {
    display: block;
    margin: 0;
    padding: 0;
  }

  .vector-column-start,
  .vector-column-end,
  .vector-page-toolbar,
  .vector-page-titlebar-toc,
  .vector-sticky-header,
  #mw-panel,
  #vector-toc,
  #p-lang-btn,
  #p-views,
  #p-cactions,
  #p-associated-pages,
  #p-vector-page-tools,
  #vector-appearance {
    display: none !important;
  }

  #content {
    margin: 0;
    padding: 0 16px 28px;
    border: 0;
  }

  .mw-body-header {
    display: block;
    margin: 16px 0 10px;
  }

  .firstHeading,
  .mw-first-heading {
    margin: 0 0 12px;
    font-size: 2rem;
    line-height: 1.15;
  }

  .vector-body-before-content,
  #siteSub,
  #contentSub,
  #contentSub2 {
    font-size: 0.875rem;
  }

  .mw-parser-output > p,
  .mw-parser-output > ul,
  .mw-parser-output > ol,
  .mw-parser-output > dl {
    margin-right: 0;
    margin-left: 0;
  }

  .infobox,
  .infobox-table,
  table.infobox {
    float: none !important;
    clear: both;
    width: 100% !important;
    max-width: 100%;
    margin: 12px 0 18px !important;
    font-size: 0.92rem;
  }

  figure,
  .thumb,
  .tright,
  .tleft {
    float: none !important;
    clear: both;
    width: auto !important;
    max-width: 100%;
    margin: 16px 0 !important;
  }

  figure img,
  .thumb img,
  .mw-file-element {
    height: auto;
  }

  .mw-parser-output table:not(.infobox):not(.infobox-table) {
    display: block;
    width: 100% !important;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .navbox,
  .metadata,
  .vertical-navbox {
    display: none !important;
  }

  .references,
  .mw-references-wrap {
    overflow-wrap: anywhere;
  }
}