@media screen and (min-width: 640px){
    body {
        font-size: 22px!important;
    }    
}
@media screen and (min-width: 1366px){
    .planet{
        background-position: 0 100px;
    }
}
@media screen and (max-width: 640px){    
    body{
        width: 100%;
    }
    .wrapper{
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 99%);
    }    
    .menu_item{
        display: flex;
        justify-content: center;
    }   
    .menu-header{
        display: none;        
    }    
    #show_menu{       
        display: block;
        left: 15px;
        transform: translate(0, -50%);
        line-height: 55px;  
    }
    .most-games{
        width: 100%;
    }
    .most-relate{
        width: 100%;
        padding: 0;
    }
    .most-game-info{
        padding: 5px 20px;
    }
    .pill-tags{
        display: none;
    }
    .most-relate-item-1{
        width: 100%;
        margin-bottom: 10px;
    }
    .content_game{
        padding: 0 15px;
    }        
    .item-relate-right{
        height: 110px;
    }
    .img-relate{
        min-width: 90px;
    }
    #back-to-top{
        right: 15px;
    }
    .item{
        width: 100%;
    }
    .link{
        display: block;
    }
    .link:after{
        content: '';
    }    
    /*    gameplay*/
    .no-bg{
        padding: 0;
    }    
    .top_title{
        flex-direction: column!important;
        align-content: center;
    }
    .column{
        width: auto;
    }
    .ifram{
        padding: 0 15px;
    }
    .relate_game_play_item, .info_game_tags_category{
        width: 100%;
    }
    .relate_game_play_item{
        padding: 0;
    }
    .fullscreen{
        margin-top: 10px;
        box-sizing: border-box;
        background-color: #44a5ab;
        border-bottom: .4em solid #175d7a;
    }
    .fullscreen::before{
        content: "fullscreen";
    }
    .fullscreen i{
        color: #fff!important;
    }
    .item_play{
        width: 100%;
    }
    .title_game{
        padding: 0.4rem 0;
    }
    .info_game_tags_category{
        padding: 0 15px;
    }
    .relate_game_play_item .content_game{
        padding: 0 25px;
    }
    .home-light{
        color: #ff8c1c!important;
        background: none;
        border: 0;
    }
    .high-light{
        color: #fff!important;
    }
    .searching{
        width: 100%;
    }
}
@media screen and (min-width: 641px) and (max-width: 1024px){
    #back-to-top{
        right: 15px;
    }
    .wrapper{
        padding-bottom: 40px;
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0 99%);
    }
    .menu_item{
        display: flex;
        justify-content: center;
    }    
    .item-menu-header{
        height: 60px;
        box-sizing: border-box;
        padding: 0 20px!important;
        font-size: 1em!important;
        font-weight: 500!important;
        border-bottom: 0;
        display: block;
    }
    .menu-header{
        display: none;
        position: fixed;      
        flex-direction: column!important;
        top: 95px;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.7);
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        z-index: 3;
    }
    #show_menu{       
        display: block;
        left: 15px;
        transform: translate(0, -50%);
        line-height: 55px;  
    }
    .most-games{
        width: 100%;
    }
    .most-relate{
        width: 100%;
        padding: 0;
        margin-top: 10px;
    }
    .most-game-info{
        padding: 5px 20px;
    }
    .content_game{
        padding: 0 15px;
    }   
    /*    game play*/
    .no-bg{
        padding: 0;
    }    
    .top_title{
        flex-direction: column!important;
        align-content: center;
    }
    .column{
        width: auto;
    }
    .ifram{
        padding: 0 15px;
    }
    .relate_game_play_item, .info_game_tags_category{
        width: 100%;
    }
    .relate_game_play_item{
        padding: 0;
    }
    .info_game_tags_category{
        padding: 0 20px;
    }
}
@media screen and (min-width: 411px) and (max-width: 580px){
    .item{
        width: 50%!important;
        padding: 10px;
    }
    .item_play{
        width: 50%!important;
        padding: 10px;
    }
}
@media screen and (min-width: 580px) and (max-width: 789px){
    .item{
        width: 33.33%!important;
        padding: 10px;
    }
    .item_play{
        width: 33.33%!important;
        padding: 10px;
    }
}
@media screen and (min-width: 790px) and (max-width: 991px){
    .item{
        width: 25%!important;
        padding: 10px;
    }
    .item_play{
        width: 25%!important;
        padding: 10px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1024px){
    .item{
        width: 20%!important;
        padding: 10px;
    }    
    .item_play{
        width: 20%!important;
        padding: 10px;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1280px){
    .planet{
        background-position: 0 -50px;
    }    
    .item{
        width: 16.66%!important;
        padding: 10px;
    }     
    .relate_game_play_item{
        width: 60%;
        padding-right: 0;
    }
    .info_game_tags_category{
        width: 40%;
    }
    .item_play{
        width: 33.33%!important;
        padding: 10px;
    }    
}
@media screen and (min-width: 1501px) and (max-width: 1750px){  
    .item_play{
        width: 16.66%!important;
        padding: 10px;
    }  
    
}