@media only screen and (max-width: 1340px) {

.box_header{width: 100%;padding: 0 30px;}


}

@media only screen and (max-width: 1024px) {

    .menu_header{display: none;}
    .mobile_menu_btm{display: inline-flex;}
    .mobile_menu_btm{
        padding: 8px;
        margin-left: 16px;
        border-radius: 8px;
    }

    .game_slider, .object_cataloge div#dle-content{grid-template-columns: repeat(4,1fr);}
}

@media (max-width: 1023px) and (min-width: 680px){

    .right-rail, .firs_video{display: none;}

    .fotter{max-width: 680px;}

    /*.item_object{grid-template-columns: 1fr 3fr;}*/

    .box_fotter {grid-template-columns: auto;grid-row-gap: 34px;}

    .card_title{font-size: 18px;}

    .game_slider{overflow-x: scroll;}



}

@media (max-width: 838px) and (min-width: 168px){

    .article_page, .article_desc, .foter_telega, .article_tegs, .article_autor, .mimg_article_box, .video_article_box{width: auto;}

    .item_object {grid-template-columns: 1fr;}
    .games_poster {width: 30%;}

    .nav_object {
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    white-space: nowrap;
    }
    .requirements_box {display: flex;flex-direction: column;}
    .games_page_desc h1{text-align: center;font-size: 24px;}

    ul.game_desc_li li {flex-direction: column;}

    .box-wrapper.two {
    display: flex;
    flex-direction: column;
}
    ul.game_desc_li span {
      font-weight: 700;
  }
    
    .article_desc h1 {
	    font-size: 28px;
	    line-height: 34px;
	}

	.card_title {
    font-size: 18px;
  }
  .card_content {
    top: 83px;
}

.mimg_article_box {
  height: 164px;
  background: #202634;
  border-radius: 9px;
   margin-top: 12px;
  display: flex;
}

.video_article_box iframe{height: 314px;}

.fitcher_content .fitcher_card:first-of-type, .fitcher_content .fitcher_card:nth-of-type(2){
    height: 180px;
}

.article_page, .article_desc, .article_tegs, .article_autor, .article_comments {
    width: auto;
    margin: auto;
}

.page_content.page_article.comments {
    padding: 16px;
}

.platforms_box {
    justify-content: center;
}

.item_object h2.alt_title{text-align: center;}
}
@media (max-width: 679px) and (min-width: 168px){

    .fotter, .page_content {
    width: auto; 
    }
    .games_poster {margin: auto;}
    .page_content {padding: 70px 16px 16px;}

    .page_top{padding-top: 16px;}

    .fotter{
        padding:16px;
    }

    .play_btm svg {width: 30px;}

    .game_slider, .object_cataloge div#dle-content{grid-template-columns: repeat(3,1fr);}

.video_article_box iframe{height: 210px;}

.play_btm {
    top: calc(60% - 24px);
    left: calc(55% - 20px);
  }  

  .fmenu_help{width: auto;}

  .socsvg{
  	width: 18px;
  	height: 18px;
  }

.item_subtitle{
    display: none;
  }

  .item_title {
    font-size: 0.89rem;
}

.card_content{top: 160px;}

.headline{font-size: 1.65rem;}

.fitcher_content .fitcher_card:first-of-type, .fitcher_content .fitcher_card:nth-of-type(2){
    grid-column-start: 1;
    grid-column-end: 7;
    height: 278px;
}

/*.item-more-data{grid-area: 2 / 1 / auto / -1;}*/

.item_data, .autor_link, .view, .comment_count, .edit_link, .item-more-data a {
    font-size: 0.795rem;
}

.item_elemen, .btmldark, .header_right .btmlink, .mobileno{display: none}

  .box_fotter {grid-template-columns: auto;grid-row-gap: 34px;}

  .box_social li{margin-left: 24px;}

  .flogo p, .copir span{font-size: 13px;}
}

@media (max-width: 380px) and (min-width: 168px){
	.fmenu ul{
  	display: none;
  }
  .box_fotter{
  	grid-row-gap: 24px; 
  }

.fmenu_help{flex-direction: column;gap: 24px;}

.game_slider, .object_cataloge div#dle-content{grid-template-columns: repeat(2,1fr);}
  
}

@media (min-width: 1025px){
.content_feed_grid{
    display: grid;
    column-gap: 36px;
    grid-template-columns: [mainContent-start] auto [mainContent-end rightRail-start] 300px [rightRail-end];
}

.main_content{
  flex: 1 1 40%;
  grid-area: mainContent / mainContent / mainContent / mainContent;
    
}

.object_cataloge .main_content{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 24px;
}

.right-rail{
    display: flex;
    flex: 0 0 300px;
    flex-direction: column;
    grid-area: rightRail / rightRail / rightRail / rightRail;
}

.four_up_items {
    grid-template-columns: repeat(4, minmax(22%, 24%));
}



}