@media only screen and (max-width: 991px){
  .header .buttons .btn.menu{
    display: block;
  }
  .header .header-menu{
    display: none;
  }
  .sidebarRight{
  	order: 2;
  }
  .mainContent{
  	order: 1;
  }
  .sidebarLeft{
  	order: 3;
  }
  .singleThumbnail{
    display: none;
  }
  .mainContent .singleThumbnail{
    display: block;
  }
  .footer{
	  padding-top: 0;
  }
}
@media only screen and (max-width: 768px){
  .searchMain .container{
    top: 5em;
    transform: translate(-50%, 0);
  }
  .post-downloads .content .item-text:last-child{
    margin-bottom: 10px;
  }
  .newsPost{
    flex-wrap: wrap;
  }
  .newsPost .thumbnail{
    margin-left: 0;
    width: auto;
  }
  .newsPost .thumbnail img{
    margin: 0 auto 15px;
    max-width: 100%;
  }
  .mainContent #games-1 .content > .row,
  .mainContent #apps-1 .content > .row{
	flex-wrap: nowrap;
    overflow: auto;
  }
  .mainContent #games-1 .content > .row .col-6,
  .mainContent #apps-1 .content > .row .col-6{
    max-width: 135px;
    width: 135px;
  }
  .mainContent #games-1 .content .item,
  .mainContent #apps-1 .content .item{
	  padding: 8px;
  }
  .mainContent #games-1 .content .item .thumbnail,
  .mainContent #apps-1 .content .item .thumbnail{
	  margin-bottom: 1em;
  }
  .mainContent #games-1 .content .item .thumbnail img,
  .mainContent #apps-1 .content .item .thumbnail img{
	  max-width: 65px;
	  height: auto;
  }
  .mainContent #games-1 .content .item .title-en,
  .mainContent #apps-1 .content .item .title-en{
	  margin-bottom: 4px;
	  font-size: 12px;
  }
  .mainContent #games-1 .content .item .title-fa,
  .mainContent #apps-1 .content .item .title-fa{
	  font-size: 11px;
  }
  .mainContent #games-1 .content .item .rating,
  .mainContent #apps-1 .content .item .rating{
	  width: 55px;
  }
  .mainContent #games-1 .content .item .rating .off,
  .mainContent #games-1 .content .item .rating .on,
  .mainContent #apps-1 .content .item .rating .off,
  .mainContent #apps-1 .content .item .rating .on{
	  font-size: 11px;
  }
  .mainContent #games-1 .content .item .bottom .rating-number,
  .mainContent #apps-1 .content .item .bottom .rating-number{
    font-size: 11px;
    margin-left: 7px;
  }
}
@media only screen and (max-width: 576px){
  .header .buttons{
    margin-left: 15px;
  }
  .block .filter ul:before{
    left: 0;
  }
  .block .filter ul{
    left: 0;
  }
  .post-information ul li{
    width: 100%;
    margin-bottom: 10px;
  }
  .post-information ul li:last-child{
    margin-bottom: 0;
  }
  .postType .title h1{
    width: 85%;
  }
  .block .content .item .thumbnail img{
    max-width: 100%;
    height: auto;
  }
  .mainContent #games-1 .content .item .thumbnail img{
    max-width: 65px;
  }
  .header .logo{
	  margin-left: 0;
  }
}