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

    .game-card{
        cursor: pointer;
        max-width: 100%;
        width: calc( 25% - 15px );
        height: 220px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: black;
        border: solid 0.5px #424242;
        position: relative;
        overflow: hidden;
        transition: transform 0.3s ease,
                    border-color 0.3s ease;
        transform: translateY(0);
        opacity: 0;
        animation: card-appear 0.6s ease forwards;
      }

/* -----------------------HIDE IN TABLET------------------- */
    .user-sign{
        display: none;
    }
    .nav-item-mobile{
        display: none;
    }
}