@media screen and (max-width: 1900px) {
  /* * {
    outline: 1px solid red;
  } */
  body {
    /* overflow-x: hidden; */
   }
  .slick-slide img {
    max-height: 200px; } 
  section.games .wrapper .items .wrap__item {
    min-width: auto;
  }
  }

@media screen and (max-width: 1500px) {
  section.main .wrapper .left__side {
    padding-left: 40px; } }

@media screen and (max-width: 1428px) {
  header .wrapper .header__left .header__nav li > a {
    font-size: 17px; }
  header .wrapper .header__reg a.subscription {
    font-size: 17px; }
  header .wrapper .header__reg a.login {
    font-size: 17px; }
  section.main .wrapper span.title {
    font-size: 36px; }
  section.main .wrapper span.descr {
    font-size: 16px; }
  .linkWrap a.buy {
    font-size: 18px; }
  section.main .wrapper .main__btnPanel .statusBlock p {
    font-size: 12px; }
  section.main .wrapper .left__side .circle {
    width: 450px;
    height: 450px;
    border: 80px solid white; } }

@media screen and (max-width: 1400px) {
  section.gif .wrapper .wrapRight .right img {
    max-width: 100%
  }
  section.gif .wrapper {
    max-width: 1000px; }
  section.gif .wrapper .wrapRight .right {
    max-width: 460px; }
  section.gif .wrapper .left {
    max-width: 900px; }
  section.gif .wrapper .left span {
    max-width: 420px; }
  section.gif .wrapper .left p {
    max-width: 420px; }
  section.games .wrapper span.title {
    margin-bottom: 30px; } }

@media screen and (max-width: 1340px) {
  section.podpiska .wrapper .items .item {
    width: 250px;
    height: auto;
    min-height: 380px; }
  section.podpiska .wrapper .items .item .item__textWrap p.name {
    font-size: 20px; }
  section.podpiska .wrapper .items .item .item__textWrap ul li {
    font-size: 16px; }
  section.podpiska .wrapper .items .item .item__textWrap .price span.max {
    font-size: 26px; }
  section.podpiska .wrapper .items .item .item__textWrap .price span.min {
    font-size: 16px; }
  section.podpiska .wrapper .items .item .linkWrap a {
    font-size: 16px; }
  section.podpiska .wrapper .items .item .days p {
    font-size: 16px; }
  section.podpiska .wrapper .items .item .days {
    width: 110px;
    height: 110px; }
  section.podpiska .wrapper .items {
    padding-left: 20px;
    padding-right: 20px; }
  section.games .wrapper .items .wrap__item .item .label span {
    font-size: 24px; }
  section.rev .wrapper {
    padding: 0 20px; }
  section.rev .wrapper .rev__wrap .rev__item .item__userInfo span.time {
    font-size: 16px; }
  section.rev .wrapper .rev__wrap .rev__item .item__userInfo span.name {
    font-size: 16px; }
  section.rev .wrapper .rev__wrap .rev__item p.text {
    font-size: 16px;
    padding: 22px 0; }
  section.rev .wrapper .rev__more button {
    font-size: 16px; }
  section.rev .wrapper .rev__nologin p {
    font-size: 14px; }
  section.rev .wrapper .rev__nologin {
    padding: 3px 20px; }
  section.screens .wrapper .screens__slider {
    max-width: 1000px;
    margin: 40px auto auto auto; }
  section.screens .wrapper .screens__slider .screens__slide-wrap .screens__slide {
    width: 270px;
    height: 270px; }
  section.ques .wrapper {
    padding: 0 20px; }
  .contacts .wrapper {
    flex-wrap: wrap; }
  .contacts .wrapper a {
    margin: 0 10px; }
  .contacts .wrapper a {
    min-height: 55px;
    margin-bottom: 10px; }
  .wrapper span.title {
    font-size: 36px; }
  section.games {
    /* padding-top: 0; */
    padding-bottom: 100px; }
  section.vid {
    margin-top: 150px; }
  section.rev {
    margin-top: 100px; }
  section.screens {
    margin-top: 50px; }
  section.ques .wrapper .quesWrap {
    padding-top: 0; } 
  .blogContent {
    flex-direction: column;
    align-items: center;
  }
  ul.breadcrumb {
    padding: 0 50px;
  }

  .blogContent .right {
    max-width: 873px;
    width: auto;
  }
  section.blogSingle .wrapper .singleBlogContent {
    padding: 0 50px;
  }
  section.blogSingle .wrapper h1 {
    padding: 0 50px;
  }
  .blogSingle h3 {
    padding: 0 50px;
  }
  .singleBlogMore {
    margin: 0 50px;
    margin-bottom: 100px;
  }
}

@media screen and (max-width: 1280px) {
  section.vid .wrapper .tabs {
    flex-wrap: wrap; }
  section.vid .wrapper .tabs .tab p {
    margin: 6px 0; } }

@media screen and (max-width: 1279px) {
  .slick-slide img {
    max-height: 180px; }
  section.games .wrapper .items {
    min-height: 260px; } }

@media screen and (max-width: 1240px) {
  section.main .wrapper .right__side {
    padding-left: 80px; }
  section.ques .wrapper .quesWrap .tab {
    min-height: 76px; }
  section.ques .wrapper .quesWrap .tab p {
    font-size: 22px; }
  section.ques .wrapper .quesWrap .tab .circle {
    top: 32px;
    width: 13px;
    height: 13px; }
  section.ques .wrapper .quesWrap .tab .fa {
    font-size: 55px; }
  section.ques .wrapper .quesWrap .info p {
    font-size: 16px; } }

@media screen and (max-width: 1190px) {
  section.main .wrapper h2 {
    margin-top: 21px;
  }
  section.main.gamePageMod {
    min-height: 500px;
  }
  section.main .wrapper h2 {
    text-align: center;
  }
  section.main .wrapper .ponchik {
    display: none;
  }
  p.mainText {
    text-align: center;
  }
  section.main .wrapper h1 {
    text-align: center;
  }
  section.main canvas {
    display: none;
  }
  section.main .wrapper .left__side {
    display: none; }
  section.main .wrapper .right__side {
    padding-left: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  section.main .wrapper span.title {
    text-align: center; }
  section.main .wrapper span.descr {
    text-align: center; }
  section.main .wrapper .ponchik {
    left: 50%;
    transform: translateX(-50%); }
  header .wrapper {
    justify-content: space-between; } }

@media screen and (max-width: 1169px) {
  section.podpiska .wrapper .items .item {
    width: 210px;
    min-height: 320px; }
  section.podpiska .wrapper .items .item .item__textWrap p.name {
    font-size: 16px; }
  section.podpiska .wrapper .items .item .days p {
    font-size: 14px; }
  section.podpiska .wrapper .items .item .days {
    width: 100px;
    height: 100px; }
  section.podpiska .wrapper .items .item .item__textWrap ul li {
    font-size: 12px; }
  section.podpiska .wrapper .items .item .item__textWrap .price span.max {
    font-size: 20px; }
  section.podpiska .wrapper .items .item .linkWrap a {
    font-size: 14px; } }

@media screen and (max-width: 1139px) {
  .slick-slide img {
    max-height: 160px; }
  section.games .wrapper .items .wrap__item .item .label span {
    font-size: 20px; }
  section.rev .wrapper .rev__wrap .rev__item .item__userInfo {
    padding: 0 30px; }
  section.rev .wrapper .rev__wrap .rev__item p.text {
    padding: 22px 30px; } }

@media screen and (max-width: 1090px) {
  section.gif .wrapper .wrapRight .right {
    max-width: auto; }
  section.gif .wrapper .wrapRight .right {
    max-width: 400px; }
  section.gif .wrapper {
    max-width: 900px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start; }
  section.gif .wrapper .left {
    max-width: 800px; }
  section.gif .wrapper .left span {
    font-size: 21px;
    max-width: 390px; }
  section.gif .wrapper .left p {
    font-size: 16px;
    max-width: 390px; }
  section.gif .wrapper .left {
    min-height: 350px;
    position: relative; }
  section.gif .wrapper .wrapRight {
    order: -1; }
  section.screens .wrapper .screens__slider {
    max-width: 700px;
    margin: 40px auto auto auto; }
  section.screens .wrapper .screens__slider .screens__slide-wrap {
    margin-right: 20px; }
  section.screens .wrapper .screens__slider {
    padding: 0 10px 40px 10px; }
  section.screens .wrapper .screens__slider .screens__slide-wrap .screens__slide {
    width: 213px;
    height: 213px; }
  section.screens .wrapper .screens__slider .screens__slide-wrap .screens__slide .lupa img {
    max-width: 25px;
    max-height: 25px; }
  section.screens .wrapper .screens__slider {
    padding: 0 10px 20px 10px; }
  .wrapper span.title {
    font-size: 30px !important; }
  section.podpiska .wrapper .items {
    padding-top: 50px; }
  section.gif .wrapper {
    min-height: 520px; }
  section.ques {
    margin-top: 70px; } 
  .singleBlogMore {
    flex-direction: column;
  }
  
}


@media screen and (max-width: 1023px) {
  section.podpiska .wrapper .items {
    flex-wrap: wrap; }
  section.podpiska .wrapper .items .item {
    margin: 0 15px;
    margin-bottom: 80px; }
  section.vid .wrapper .tabs .tab p {
    font-size: 16px; }
  section.vid .wrapper {
    padding: 0 20px; }
  section.ques .wrapper .quesWrap .tab p {
    font-size: 18px; }
  section.ques .wrapper .quesWrap .tab {
    min-height: 60px; }
  section.ques .wrapper .quesWrap .tab .circle {
    width: 10px;
    height: 10px;
    top: 26px; }
  section.ques .wrapper .quesWrap .tab .fa {
    font-size: 40px; }
  section.ques .wrapper .quesWrap .info p {
    font-size: 14px; }
  section.ques .wrapper .quesWrap .info {
    padding: 50px 30px 25px 30px; }
  section.main {
    min-height: 800px; }
  section.gif .wrapper {
    min-height: 500px; }
  section.games {
    padding-bottom: 80px; }
  section.vid {
    margin-top: 50px; }
  section.rev {
    margin-top: 80px; }
  section.screens {
    margin-top: 30px; }
  section.screens .wrapper .screens__slider {
    margin: 10px auto auto auto; }
  section.ques .wrapper span.title {
    padding-bottom: 20px;
    padding-top: 30px; }
  .contacts {
    margin-top: 70px; }
  footer {
    margin-top: 70px; } }

@media screen and (max-width: 980px) {
  section.gif .wrapper .wrapRight {
    position: relative;
    right: auto;
    top: auto;
    max-width: 1200px;
    margin: auto; }
  section.gif .wrapper .wrapRight .right {
    max-width: auto; }
  section.gif .wrapper .left {
    max-width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: center; }
  section.gif .wrapper .left .linkWrap {
    left: 50%; }
  section.games {
    padding-top: 150px; }
  section.gif .wrapper .left {
    padding: 30px; }
  section.gif .wrapper .left span {
    font-size: 18px; }
  section.gif .wrapper .left p {
    font-size: 14px; }
  section.gif .wrapper .left .linkWrap a {
    font-size: 16px; } 
  .blogContent .left {
    padding: 30px 50px;
  }

  .blogContent .right {
    padding: 30px 50px;
  }
  
  }

@media screen and (max-width: 890px) {
  header .wrapper .header__left .header__nav.active {
    transform: translateY(0%); }
  header .wrapper .header__left .header__nav {
    display: flex;
    flex-direction: column;
    background-color: #15181D;
    width: 100%;
    height: auto;
    z-index: 100;
    position: fixed;
    transform: translateY(-100%);
    left: 0;
    top: 0;
    padding-top: 44px;
    padding-bottom: 44px;
    transition: .4s; }
  header .wrapper .header__left .header__nav li {
    height: 50px; }
  .menu-toggle {
    display: block;
    z-index: 100; }
  .menu-toggle {
    right: 0;
    top: 65px; }
  header .wrapper .header__left .header__nav li .fa {
    display: none; }
    p.mainText {
      font-size: 32px;
    }
  header .wrapper .header__left .header__nav li > a {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  header .wrapper .header__left .header__nav li:first-child a {
    padding-right: 30px; }
  header .wrapper .header__left .header__nav li.pc {
    display: none; }
  header .wrapper .header__left .header__nav li.mob {
    display: block; }
  header .wrapper .header__reg {
    padding-right: 60px; }
  section.rev .wrapper textarea {
    font-size: 14px; } 
    section.blogSingle .wrapper .singleBlogContent .singleBlogText h2 {
      font-size: 24px;
    }
    section.blogSingle .wrapper .singleBlogContent .singleBlogText p {
      font-size: 16px;
    }
    section.blogSingle .wrapper .singleBlogContent .singleBlogText img {
      width: 520px;
    }
    section.blogSingle .wrapper .singleBlogContent .singleBlogText span {
      font-size: 16px;
    }
    section.blogSingle .wrapper .singleBlogContent .singleBlogContent__img {
      height: 390px;
    }
    body > header .wrapper .header__reg a.login {
      margin-right: 40px;
    }
  }

@media screen and (max-width: 820px) {
  .blogContent .left a.blogItem .imgBlock {
    height: 320px;
  }
  .blogContent .left a.blogItem .titleBlock h2 {
    font-size: 25px;
  }
  .blogContent .right a.updateItem .titleBlock h3 {
    font-size: 25px;
  }
  section.blogSingle .wrapper .singleBlogContent .singleBlogContent__img {
    height: 320px;
  }
  ul.breadcrumb {
    display: none;
  }
}


@media screen and (max-width: 720px) {
  section.main.gamePageMod .wrapper h1 {
    font-size: 34px!important;
  }
  section.main .wrapper span.title {
    padding-top: 0!important;
  }
  section.main .wrapper span.title {
    padding: 30px 0 0 0; }
  section.main {
    min-height: 730px; }
  section.main .wrapper span.title {
    font-size: 28px; }
  section.main .wrapper span.descr {
    font-size: 15px;
    line-height: 22px; }
  .linkWrap a.buy {
    font-size: 15px; }
  section.main .wrapper .right__side {
    padding: 0 20px; }
  section.games .wrapper .items .wrap__item .item .label span {
    font-size: 18px; }
  section.games .wrapper .items .wrap__item .item .label {
    bottom: -40px; }
  section.games .wrapper .items {
    min-height: 220px; }
  section.vid .wrapper .tabs .tab p {
    font-size: 14px; }
  section.rev .wrapper .rev__wrap .rev__item p.text {
    font-size: 14px; }
  section.rev .wrapper .rev__wrap .rev__item .item__userInfo span.name {
    font-size: 14px;
    padding: 4px 0; }
  section.rev .wrapper .rev__wrap .rev__item .item__userInfo span.time {
    font-size: 14px;
    padding: 4px 0; }
  section.rev .wrapper .rev__nologin p {
    font-size: 12px; }
  section.rev .wrapper .rev__more button {
    font-size: 13px; }
  section.screens .wrapper .screens__slider {
    max-width: 500px; }
  section.screens .wrapper .screens__slider .screens__slide-wrap {
    margin-right: 10px; }
  section.screens .wrapper .screens__slider .screens__slide-wrap .screens__slide {
    width: 155px;
    height: 155px; }
  .wrapper span.title {
    font-size: 26px !important; } }


    @media screen and (max-width: 690px) {
      .blogContent .left {
        padding: 20px 30px;
      }
      .blogContent .left a.blogItem .imgBlock {
        height: 255px;
      }
      ul.breadcrumb {
        padding: 0 30px;
      }
      .blogContent .left a.blogItem .titleBlock h2 {
        font-size: 21px;
      }
      .blogContent .left a.blogItem .titleBlock {
        padding: 12px 30px;
      }
      .blogContent .right a.updateItem .titleBlock h3 {
        font-size: 21px;
      }
      .blogContent .right a.updateItem .titleBlock {
        padding: 12px 0px;
      }
      section.mainBlog .wrapper h1 {
        font-size: 30px;
      }
      header .wrapper .header__left {
        position: absolute;
      }
      .blogContent .right {
        padding: 20px 30px;
      }
      section.blogSingle .wrapper h1 {
        font-size: 30px;
      }
      section.blogSingle .wrapper .singleBlogContent .singleBlogContent__img {
        height: 255px;
      }
      section.blogSingle .wrapper .singleBlogContent {
        padding: 0 30px;
      }
      section.blogSingle .wrapper .singleBlogContent .singleBlogText p {
        font-size: 14px;
      }
      section.blogSingle .wrapper .singleBlogContent .singleBlogText ul li {
        font-size: 14px;
      }
      section.blogSingle .wrapper .singleBlogContent .singleBlogText span {
        font-size: 14px;
      }
      section.blogSingle .wrapper .singleBlogContent .singleBlogText img {
        width: 410px;
      }
      .blogSingle h3 {
        padding: 0 30px;
      }
      .singleBlogMore {
        margin: 0 30px;
      }
    }

@media screen and (max-width: 580px) {
  section.main .wrapper .main__btnPanel {
    display: flex;
    justify-content: center;
    flex-direction: column; }
  section.main .wrapper .main__socialLinks {
    justify-content: center;
    flex-wrap: wrap; }
  section.main .wrapper .main__btnPanel .statusBlock {
    margin-left: 0; }
  section.vid .wrapper .tabs .tab p {
    font-size: 14px;
    padding: 8px 20px; }
  section.rev .wrapper .rev__wrap .rev__item p.text {
    font-size: 13px;
    padding: 15px 30px; }
  section.rev .wrapper .rev__wrap .rev__item {
    min-height: 100px; }
  section.ques .wrapper .quesWrap .tab p {
    font-size: 16px; }
  section.ques .wrapper .quesWrap .tab .circle {
    width: 8px;
    height: 8px; }
  section.ques .wrapper .quesWrap .tab {
    min-height: 50px;
    padding: 0 30px; }
  section.ques .wrapper .quesWrap .tab .circle {
    top: 21px; }
  section.ques .wrapper .quesWrap .tab .fa {
    font-size: 32px; }
  section.ques .wrapper .quesWrap .tab .circle {
    left: 14px; }
  section.ques .wrapper .quesWrap .tab .fa {
    right: 20px; }
  section.ques .wrapper .quesWrap .info p {
    font-size: 12px; }
  footer .wrapper {
    padding-top: 40px; }
  footer .wrapper .footer__first .footer__logo-link img {
    max-width: 90px; }
  section.screens .wrapper .screens__slider {
    max-width: 430px; }
  section.screens .wrapper .screens__slider .screens__slide-wrap .screens__slide {
    width: 205px;
    height: 205px; }
  section.rev .wrapper .rev__more button {
    font-size: 14px; }
}

@media screen and (max-width: 540px) {
  .blogSingle h3 {
    padding: 0 10px;
  }
  .singleBlogMore {
    margin: 0 10px;
  }
  .blogContent .left a.blogItem .imgBlock {
    height: 200px;
  }
  .blogContent .left a.blogItem .titleBlock h2 {
    font-size: 18px;
  }
  .blogContent .left a.blogItem .textBlock {
    padding: 8px 20px;
  }
  .blogContent .right a.updateItem .titleBlock h3 {
    font-size: 18px;
  }
  .header__miniLogo {
    position: absolute;
  }

  header .wrapper {
    justify-content: flex-end;
  }
  .header__miniLogo {
    display: none;
  }
  section.blogSingle .wrapper .singleBlogContent .singleBlogContent__img {
    height: 200px;
  }
  section.blogSingle .wrapper .singleBlogContent .singleBlogText img {
    width: 300px;
  }
  section.blogSingle .wrapper .singleBlogContent {
    padding: 0 10px;
  }
  section.blogSingle .wrapper .singleBlogContent .singleBlogText h2 {
    font-size: 20px;
  }
  section.blogSingle .wrapper .singleBlogContent .singleBlogText p {
    font-size: 13px;
  }
  section.blogSingle .wrapper .singleBlogContent .singleBlogText span {
    font-size: 13px;
  }
  section.blogSingle .wrapper .singleBlogContent .singleBlogText ul li {
    font-size: 13px;
  }
  section.blogSingle {
    margin-top: 150px;
  }
}


@media screen and (max-width: 519px) {
  p.mainText {
    font-size: 21px;
  }
  section.main .wrapper h1 {
    font-size: 16px;
  }
  section.main .wrapper .right__side span.descr {
    font-size: 16px;
  }
  header .wrapper {
    height: 120px; }
  header .wrapper .header__reg a.login {
    font-size: 14px;
    padding: 10px 20px;
    margin-left: 28px; }
  header .wrapper .header__reg a.subscription {
    font-size: 15px; }
  header .wrapper .header__reg a.logout {
    font-size: 14px;
    padding: 10px 20px;
    margin-left: 28px; }
  header .wrapper .header__reg a.name {
    font-size: 15px; }
  header .wrapper .header__left .header__logo .header__logo-circle {
    width: 40px;
    height: 40px;
    border: 9px solid white; }
  section.main .wrapper span.title {
    font-size: 22px; }
  section.main .wrapper span.descr {
    font-size: 14px; }
  section.main .wrapper .right__side {
    padding: 0 30px; }
  section.gif .wrapper .left .linkWrap a {
    font-size: 14px; }
  .menu-toggle {
    top: 65px; } }

@media screen and (max-width: 470px) {
  section.screens .wrapper .screens__slider {
    max-width: 280px; }
  section.screens .wrapper .screens__slider .screens__slide-wrap .screens__slide {
    width: 265px;
    height: 265px; } 
    body > header .wrapper .header__reg a.login {
      font-size: 14px;
      padding: 10px 35px;
    }
    body > header .wrapper .header__reg a.subscription {
      font-size: 15px;
    }
  
  }

@media screen and (max-width: 450px) {
  section.vid .wrapper .tabs .tab p {
    font-size: 12px; }
  section.vid .wrapper .tabs .tab p {
    padding: 6px 12px; }
  section.vid .wrapper .videos .tab {
    padding: 12px; }
  section.vid .wrapper {
    padding: 0px; }
  section.ques .wrapper .quesWrap .tab .fa {
    right: 12px; }
  section.ques .wrapper .quesWrap .tab p {
    padding: 6px 0; }
  section.ques .wrapper .quesWrap .tab p {
    font-size: 14px; }
  .footer__third {
    padding: 0 20px; }
  footer .wrapper {
    padding-left: 20px;
    padding-right: 20px; }
  .wrapper span.title {
    font-size: 22px !important; }
  .regOverlay .reg {
    width: 100%;
    max-width: 90vw;
    padding: 36px 24px 32px;
    border-radius: 12px; }
    .regOverlay .reg span {
      font-size: 18px; }
    .regOverlay .reg .reg__inputs {
      padding-top: 24px; }
      .regOverlay .reg .reg__inputs input {
        padding: 14px 18px;
        font-size: 14px; }
      .regOverlay .reg .reg__inputs input[type='submit'] {
        padding: 14px 20px;
        font-size: 14px;
        margin-top: 20px; }
    .regOverlay .reg .reg__privacy-text {
      font-size: 11px;
      margin-top: 10px; }
    .regOverlay .reg svg.clo {
      right: 20px;
      top: 20px; }
  .loginOverlay .login {
    width: 100%;
    max-width: 90vw; } 
  .blogContent .left a.blogItem .imgBlock {
    height: 160px;
  }
  .blogContent .left a.blogItem .titleBlock h2 {
    font-size: 16px;
  }
  .blogContent .left a.blogItem .titleBlock {
    padding: 6px 30px;
  }
  .blogContent .left a.blogItem .textBlock {
    padding: 0px 20px;
  }
  section.mainBlog .wrapper h1 {
    font-size: 24px;
  }
  .header__miniLogo {
    display: none;
  }
  .blogContent .left {
    padding: 20px 10px;
  }
  .blogContent .right {
    padding: 20px 10px;
  }
  section.mainBlog {
    margin-top: 150px;
  }
  ul.breadcrumb {
    padding: 0 10px;
  }
  .blogContent .left a.blogItem .titleBlock {
    padding: 6px 20px;
  }
  .blogContent .right a.updateItem .textBlock {
    padding: 16px 10px;
  }
  section.blogSingle .wrapper .singleBlogContent .singleBlogContent__img {
    height: 160px;
  }
  section.blogSingle .wrapper h1 {
    font-size: 26px;
  }
  section.blogSingle .wrapper .singleBlogContent .singleBlogText img {
    width: 250px;
  }
  .singleBlogMore__item {
    width: 270px;
    height: 110px;
    
  }
  .singleBlogMore__item .item__overlay span {
    font-size: 12px;
    line-height: 12px;
  }
  .blogSingle h3 {
    font-size: 22px;
  }



}

@media screen and (max-width: 419px) {
  .slick-slide img {
    max-height: 140px; }
  section.games .wrapper .items .wrap__item .item .label span {
    font-size: 14px; } }

@media screen and (max-width: 379px) {
  header .wrapper .header__reg {
    padding-right: 60px; }
  header .wrapper .header__reg a.login {
    padding: 6px 14px;
    margin-left: 20px; }
  header .wrapper .header__reg a.subscription {
    font-size: 14px; }
  header .wrapper .header__reg a.logout {
    padding: 6px 14px;
    margin-left: 20px; }
  header .wrapper .header__reg a.name {
    padding: 10px 0;
    font-size: 14px; }
  header .wrapper .header__left .header__logo .header__logo-circle {
    width: 30px;
    height: 30px;
    border: 6px solid white; }
  header .wrapper .header__left .header__nav li > a {
    font-size: 16px; }
  header .wrapper .header__left .header__nav li {
    height: 38px; }
  section.rev .wrapper {
    padding: 0 10px; }
  section.rev .wrapper .rev__wrap .rev__item .item__userInfo span.time {
    font-size: 12px; }
  section.rev .wrapper .rev__wrap .rev__item .item__userInfo span.name {
    font-size: 12px; }
  section.rev .wrapper .rev__nologin {
    padding: 3px 8px; }
  .menu-toggle {
    right: 0px; } }

@media screen and (max-width: 360px) {
  .wrapper span.title {
    font-size: 22px !important; }
  section.main .wrapper .right__side {
    padding: 0 20px; }
  .linkWrap a.buy {
    font-size: 14px;
    padding: 15px 20px; }
  section.main .wrapper span.descr {
    font-size: 12px; } }

    
@media screen and (max-width: 1360px) {
  section.readme .wrapper {
    padding: 0 20px; }
    .blogContent .left {
      max-width: 873px;
      width: auto;
    }
  }

@media screen and (max-width: 900px) {
  section.readme .wrapper p.text {
    font-size: 17px; } }

@media screen and (max-width: 650px) {
  section.readme .wrapper p.text {
    font-size: 14px;
    padding-left: 20px; }
  section.readme .wrapper p.text:after {
    top: 4px; } }

@media screen and (max-width: 420px) {
  section.readme .wrapper img {
    width: 270px; } }

@media screen and (max-width: 900px) {
  footer .wrapper .footer__upper {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-bottom: 36px; }
  footer .wrapper .footer__columns-wrap {
    width: 100%; }
  footer .wrapper .footer__columns {
    justify-content: flex-start;
    max-width: 100%; } }

@media screen and (max-width: 700px) {
  footer .wrapper .footer__columns {
    flex-direction: column;
    gap: 28px;
    align-items: flex-start; }
  footer .wrapper .footer__col,
  footer .wrapper .footer__col--nav {
    max-width: 100%; } }