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


@media all and (max-width: 1024px) {
.content.tree_block .top_heading {
  padding-top: 30px;
}
.game-offer {
    margin-bottom: 30px;
}
.different_button{
  display: block;
  margin:  -35px auto 0;
  cursor: pointer;
}  
.different-column{
  display: none;
  width: 350px;
  margin: 20px auto;
}
.game-offer.mob {
   margin: 30px auto;
   float: none;
  width: 288px;
}  

.game-offer__image {
  margin-right: 10px;
  margin-bottom: 10px;
  max-width: 104px;
} 

.no_mobil{
  display: none;
}
footer.footer, .sidebar-column {
    width: 100%;
    float: left;
}
 .catalog.bottom_different{
  width: 100%;
  margin: 0 auto;
  }
 .bottom_different .game-card {
    max-width: 129px;
    height: 163px;
    margin:  6px;
}
.bottom_different .catalog__list {
    padding: 30px 8px 20px;
    margin-left: -7px;
    margin-right: -7px;
}
.bottom_different .game-card .name a{
  font-size: 10px;
}
.bottom_different .game-card .name{
  margin-top: -44px;
}
footer.footer{
  margin-top: 30px;
}
.game-offer__window__frame, a.btn-fullscreen {
    display: none;
}
.game-offer__window, .game-offer__window__bottom {
    max-width: 288px;
    width: 100%;
}
.game-offer__window{
  background: url("../img/game_mob_header.png") 0 0 no-repeat;
  margin: 0 auto;
}
.game-offer__window__bottom {
  background: url("../img/game_mob_footer.png") 0 0 no-repeat;
  margin: 10px auto 30px;
}  
.game-offer__window__top {
  flex-direction: column;
  padding: 0px;
}
.shared {
    margin-bottom: -20px;
}
.btn-play{
  display: block;
}
.hamburger {
    margin: 40px auto 0;
    position: relative;
    display: block;
    width: 288px;
    height: 98px;
    color: #fff;
    background: url("../img/mobilmenu_bg.png") 0 0 no-repeat;
    font-size: 22px;
    font-weight: 900;
    cursor: pointer;
    text-align: center;
    padding: 36px 0; 
    font-family: 'Roboto', sans-serif;
  -webkit-text-stroke: 2px #881639;
    
   z-index: 10;}
.menu {
  display: none;
}    
.menu ul li {
   padding: 0px;
}	
.menu.open {
  display: flex;
  background: none;
  margin-top: 50px; }
.menu.open ul {
  flex-wrap: wrap;
  padding: 10px; }
.menu.open ul li {
  justify-content: flex-start;
  width: 100%;
  height: auto;
  margin: 5px 0; }
.menu.open ul li:hover {
  background: none; }
.menu.open ul li a {
  display: flex;
  align-items: center; }
.menu.open ul li a i {
  margin-right: 10px; }
.sidebar-column {
    max-width: 100%; }
  .sidebar {
    max-width: 100%; }
  .main {
    max-width: 100%; }
.content {
    display: block;
    padding: 0px 20px;
}
.recommended-games{
  width: 730px;
  margin: 0 auto;
}
#new_games, #popular_games, #team_games {
    width: 350px;
    margin: 15px auto;
	height: 461px;
}
#catalog.main {
    max-width: 100%;
    padding: 0 20px;
}
.sidebar.right {
    width: 255px;
    margin: 0 auto 40px;
}
}

@media all and (max-width: 767px) {
  .recommended-games__slider{
    display: block;
    background: url("../img/mobilrecomend_bg.png") 0 0 no-repeat;
    width: 288px;
    margin: 0 auto;
    padding: 20px 0 75px;
  }
   .recommended-games__slider img{
  width: 248px;
    height: 200px;
}
.recommended-games__slider h3{
   text-align: center;
}	
  button.slick-prev.slick-arrow {
    position: absolute;
    bottom: 20px;
    left: 90px;
}
button.slick-next.slick-arrow {
    position: absolute;
    bottom: 20px;
    right: 90px;
}
  .slick-vertical .slick-slide {
    padding: 0px 6px 0px 9px;
  }  
  .main__content .recommended-games{
    display: none;
  }
  .logo {
    width: 288px !important;
}
.search {
    width: 288px;
    margin-top: -31px;
}
  .header .wrapper {
    flex-direction: column;
    padding: 0 16px; }
  .header .logo {
    margin-bottom: 30px; }
  .hamburger{
    margin-top: 10px;
  }  
  
  .top {
    flex-direction: column; }
  .search input {
    display: block; }
  .search.active {
    position: relative; }
  .menu {
    margin-right: 0;
    margin-bottom: 25px; }
    .menu ul li {
      max-width: 100%;
      width: 100%; }
      .menu ul li a i {
        display: none; }
      .menu ul li a span {
        padding: 0 5px;
        text-align: center;
        font-size: 10px; }
  .container {
    width: 100%;
    padding: 0 16px; }
  .heading {
    text-align: center;
    width: 100%; }
  .content {
    flex-direction: column; }
  .block-text {
    padding: 20px; }
  .border-block {
    padding: 20px; }
  .game-day {
    padding: 20px;
    flex-direction: column; }
    .game-day__title {
      text-align: center;
      margin-bottom: 10px; }
    .game-day__views {
      justify-content: center; }
    .game-day__side__top {
      flex-direction: column; }
    .game-day__side--block {
      margin-bottom: 20px; }
    .game-day__side--buttons {
      margin: 0 auto; }
    .game-day__image {
      max-width: 185px;
      margin: 0 auto 20px;
      text-align: center; }
  .catalog__list {
    margin-left: -6px;
    margin-right: -6px; }
  .gallery {
    margin-left: -6px;
    margin-right: -6px; }
    .gallery__item {
      width: calc(100% / 2 - 12px);
      margin: 10px 6px; }
  .game-card {
    width: calc(100% / 2 - 12px);
    height: 100%;
    margin: 10px 6px; }
    .game-card .thumb {
      height: 100%; }
  .game-offer {
    padding: 20px; }
    .game-offer__window__frame {
      min-height: 320px; }
    .game-offer__window__top {
      flex-direction: column; }
    .game-offer__window__top .views {
        margin-bottom: 10px; }
    .pagination {
    justify-content: center; }
  .recommended-games {
    padding: 20px 15px;
    margin-bottom: 40px; }
    .recommended-games__thumb {
      margin: 0;
      padding: 0 5px; }
    .recommended-games .slick-prev, .recommended-games .slick-next {
      top: calc(100% + 35px); }
    .recommended-games .slick-prev {
      left: -20px; }
    .recommended-games .slick-next {
      right: -20px; }
  .footer-flex {
    flex-direction: column;
    justify-content: center; }
  .footer-copyright {
    margin-bottom: 10px; }
.border-block {
  min-height: 211px;
  }
     }

 @media all and (max-width: 440px) {
 
#new_games {
    background: url(../img/new_mobil_bg.png) 0 0 no-repeat;
	background-size:cover;
}
#popular_games {
    background: url(../img/popular_mobil_bg.png) 0 0 no-repeat;
	background-size:cover;
}
#team_games {
    background: url(../img/team_mobil_bg.png) 0 0 no-repeat;
	background-size:cover;
}
.block-games-item {
    width: 140px;
}	
.content.tree_block .top_heading {
    margin:0px;
    font-size: 26px;
    text-align: center;
    padding-top: 20px;
}
.content.tree_block img {
    width: 124px;
    margin: 5px 2px;
}
.block-games {
    padding: 10px 13px 38px;
}
#new_games, #popular_games, #team_games {
   width: 330px;
   height: 393px;   
}
.content{
  padding: 0px;
}
.game-card {
    width: 139px;
    height: 163px;
    margin: 10px 0px;
}
.game-card .name a{
  font-size: 10px;
  line-height: 12px;
}
.game-card .name {
    margin-top: -50px;
}   

 }  



@media all and (max-width: 350px) {
  .block-games-item {
    width: 113px;
}
.content.tree_block img {
    height: 85px;
    width: auto;
}	
 .game-card {
    width: 125px;
    height: 146px;
  }
  .game-card .name {
    margin-top: -45px;
}
#new_games, #popular_games, #team_games {
    width: 274px;
    height: 329px;
}
}