/* Only referral pages opt in. Desktop and unrelated theme pages stay unchanged. */
@media (max-width: 999px) {
  .ReferralJourney #ArtworkHelper,
  .ReferralJourney #Bodycontainer { min-width: 0; width: 100%; }
  .ReferralJourney #Bodycontainer { display: block; }
  .ReferralJourney #ContentRow {
    top: 0;
    padding-top: 155px;
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .ReferralJourney #ContentColumn { order: 1; margin: 0 8px; min-width: 0; }
  .ReferralJourney #MenuColumn { order: 2; position: static; margin: 16px auto; }
  .ReferralJourney #ThemeboxesColumn { order: 3; position: relative; margin: 16px auto; right: auto; }
  .ReferralJourney #LeftArtwork { top: 8px; left: 50%; transform: translateX(-50%); }
  .ReferralJourney #RightArtwork { position: relative; top: 0; right: auto; height: 100px; margin: 16px auto; }
  .ReferralJourney #RightArtwork #Creature,
  .ReferralJourney #RightArtwork #Boss { top: 0; }
  .ReferralJourney #RightArtwork #PedestalAndOnline { top: 15px; }
  .ReferralJourney #AdminPanelShortcut { position: relative; top: 0; margin-bottom: 16px; }
  .ReferralJourney .Content { min-width: 0; }
  .ReferralJourney .Content > .Box:first-child .BorderTitleText { height: auto !important; }
  .ReferralJourney .InfoBar { display: flex; flex-wrap: wrap; align-items: center; height: auto; min-height: 28px; top: 0; }
  .ReferralJourney .InfoBar > span { float: none !important; }
  .ReferralJourney .BoxContent { overflow-wrap: anywhere; }
  .ReferralJourney .BoxContent input,
  .ReferralJourney .BoxContent select { max-width: 100%; box-sizing: border-box; }
  .ReferralAuth .TableContent { table-layout: fixed; }
  .ReferralAuth .LabelV { white-space: normal; }
}
@media (max-width: 650px) {
  .ReferralAuth .TableContent td { display: block; width: auto !important; }
  .ReferralAuth #LoginFormButtonCell { width: auto; padding-top: 8px; }
}