.container {
  max-width: 1140px;
  margin: 0 auto; }
  .container::before {
    content: '';
    display: table; }
  .container::after {
    content: '';
    clear: both; }

@media all and (max-width: 389px) {
  .game-card {
    max-width: calc(100% / 2 - 10px); } }

@media all and (max-width: 767px) {
  .container {
    padding: 0 16px; }
  .btn-search {
    height: 44px; }
  .btn-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(90deg, #EC5260 -8.44%, #F53439 74.75%);
    border-radius: 14px;
    width: 100%;
    height: 44px; }
    .btn-menu .text {
      font-weight: 500;
      font-size: 14px;
      line-height: 22px;
      color: #ffffff; }
  .hamburger {
    position: relative;
    width: 12px;
    height: 12px;
    margin-right: 5px; }
    .hamburger span {
      display: block;
      position: absolute;
      width: 12px;
      height: 2px;
      -webkit-transition: transform .15s linear;
      -o-transition: transform .15s linear;
      transition: transform 0.15s ease;
      border-radius: 3px;
      background-color: #fff; }
    .hamburger span:nth-child(1) {
      top: 0; }
    .hamburger span:nth-child(2) {
      top: 50%;
      margin-top: -1px; }
    .hamburger span:nth-child(3) {
      top: auto;
      bottom: 0; }
  .header {
    position: relative; }
    .header__content {
      margin-top: 16px;
      margin-bottom: 16px; }
    .header .logo {
      margin-right: auto;
      margin-left: auto;
      margin-bottom: 15px; }
    .header .search input {
      width: 100%;
      max-width: 250px;
      height: 44px;
      background: #F7F8FA url(../img/icon-search.svg) 12px 15px no-repeat; }
    .header .menu {
      margin-top: 10px; }
      .header .menu ul {
        display: none; }
        .header .menu ul li {
          height: 44px;
          max-width: calc(100% / 2 - 5px);
          margin-bottom: 10px; }
  .open .hamburger span:nth-child(1) {
    top: 5px;
    transform: rotate(45deg); }
  .open .hamburger span:nth-child(2) {
    top: 0;
    opacity: 0; }
  .open .hamburger span:nth-child(3) {
    bottom: 5px;
    transform: rotate(-45deg); }
  .open.menu ul {
    display: flex;
    margin-top: 15px; }
  .content {
    flex-wrap: wrap;
    padding: 20px; }
  .side {
    max-width: 100%; }
  .character-games__list ul {
    justify-content: center; }
  .catalog__list {
    justify-content: space-between; }
  .game-series__slider {
    margin: 0; }
  .game-series__item {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
    max-width: 100%; }
  .slick-next {
    top: auto;
    bottom: 0;
    right: 0; }
  .slick-prev {
    top: auto;
    bottom: 0;
    left: 0;
    right: auto; }
  .slick-dots {
    max-width: calc(100% - (80px + 20px));
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px; }
    .slick-dots li {
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      margin: 0 7px; }
      .slick-dots li button {
        font-size: 0;
        border-radius: 50%;
        padding: 3px;
        background: #72B9FA; }
      .slick-dots li.slick-active {
        width: 10px;
        height: 10px;
        background: #ffffff; }
        .slick-dots li.slick-active button {
          background: #FC8500; }
  .game-card {
    margin: 5px; }
  .game-offer h1 {
    font-size: 28px;
    line-height: 30px; }
  .game-offer__window__top {
    flex-wrap: wrap; }
    .game-offer__window__top .left {
      justify-content: center;
      margin-bottom: 10px; }
    .game-offer__window__top .right {
      justify-content: center;
      width: 100%; }
  .game-offer__window__frame {
    min-height: 320px; }
  .game-offer__window__bottom {
    flex-wrap: wrap; }
    .game-offer__window__bottom .left {
      order: 13; }
    .game-offer__window__bottom .right {
      width: 100%;
      justify-content: space-between;
      margin-bottom: 10px;
      order: 1; }
    .game-offer__window__bottom .links a {
      margin-bottom: 5px; }
  .description h1, .description .h1 {
    font-size: 28px;
    line-height: 30px; }
  .description h2, .description .h2 {
    font-size: 28px;
    line-height: 30px; }
  .description--padding {
    padding: 20px; }
  .footer__content {
    flex-wrap: wrap; }
    .footer__content .logo {
      margin-bottom: 20px;
      margin-right: auto;
      margin-left: auto; }
    .footer__content .privacy {
      text-align: center;
      margin: 0 auto; } }