/* Smaller nav */
@media screen and (max-width: 1100px) {
  .game-search .advanced .filters > div {
    flex-basis: 33%
  }
}

/* Smaller nav */
@media screen and (max-width: 950px) {
  .main-navigation ul > li > a {
    padding: 15px;
  }
}

/* Tablet mode */
@media screen and (max-width: 920px) {

  .test-wrapper {
    display: flex;
  }

  .test-wrapper, .blog-wrapper {
    flex-direction: column;
  }

  .test-content {
    padding-right: 0px;
    width: 100%;
    order: 1;
  }

  .test-sidebar {
    float: none;
    width: 100%;
    order: 2;
  }

  .blog-related { 
    width: 100%;
    order: 3;
  }

  .widgets {
    margin-left: 0px;
    margin-top: 20px;
  }

  .widgets .widget {
    width: 100%;
  }

  .test-sidebar {
    flex: 1;
  }

  .test-sidebar .back {
    justify-content: center;
    margin: 30px;
  }

  .test-sidebar .screenshots {
    width: 100%;
    justify-content: space-around;
  }

  .footer-content {
    flex-wrap: wrap;
  }

  .footer-content .widget-content:first-child {
    padding-left: 20px;
  }
  .footer-content .widget-content {
      flex-basis: calc(50% - 40px);
      padding: 0px 20px;
      margin-bottom: 30px;
  }
  .footer-content .widget-content:last-child {
    padding-right: 20px;
  }

  .section-title span.dynamicRadar {
    display: none !important; /* Important because of the jquery fadeIn */
  }

  /* Search */

  .game-search {
    flex-direction: column;
  }

  .game-search .basic {
      width: 100%;
      margin-right: 30px;
      margin-bottom: 20px;
      text-align: center;
  }

  .game-search .advanced .filters > div {
    flex-basis: 25%
  }

  input[type=search] {
    max-width: 450px;
  }

  /* Games list */
  .gamecards.list .gamedata .gamesupport .gamesupportname {
    display: none;
  }

  .gamecards.list .gamedata .gamesupport.multiple {
    display: none;
  }

  .editornotes {
    display: none;
  }

  .editorcontent, .editortotal.hardware {
    flex-basis: 50%;
  }

  .editoryears {
      flex-basis: 50%;
  }

  /* Info block */
  .categoryblock {
    flex-direction: column;
  }

  .infoblock .featured, .categoryblock .featured {
  margin-left: 0px;
  margin-top: 20px;
}
}

/* Phone mode, nav */
@media screen and (max-width: 780px) {
 #site-navigation {
   display: none;
 }

 #mobile-navigation {
   display: flex;
 }

 .main-navigation ul > li > a {
    font-size: 120%;
  }

  .main-navigation.small ul > li > a {
    padding: 10px;
    font-size: 18px;
}
}

/* Phone mode */
@media screen and (max-width: 600px) {

  .header-main h1 {
    display: none;
  }

  .header-main a {
    text-align: center;
  }

  .header_links span { 
    display: none;
  }

  #topbar i {
    margin: 0px;
    font-size: 140%;
  }

  #topbar a {
    padding: 10px 15px;
  }

  #scroller .header-main img {
    max-width: 70%;
  }
  
  section.content-area {
    padding: 30px 0px;
}

  .content-wrapper {
    padding: 0px 20px;
  }

  #listModeToggle .current, .section-title .sort {
    display: none;
  }

  #listModeToggle {
    margin-right: 10px;
  }

  .gamecards.list .gamedata .gametechdata {
    flex-direction: column;
  }

  .gamecards.list .gamedata .gamehighscore {
    display: none;
  }

  .hs_title {
    float: none;
    max-width: 100%;
    width: 100%;
    margin: 0px 0px 15px 0px;
  }

  .test-body {
    text-align: justify;
  }

  .footer-content .widget-content {
    flex-basis: 100%;
    padding: 0px 20px;
    margin-bottom: 30px;
  }
}