@media (max-width: 767px) {
    #game {
        width: auto;
        height: 560px;
    }

    #game .cell {
        display: inline-block;
        cursor: default;
        width: 38px;
        height: 38px;
    }

    #game .tr {
        height: 38px;
    }

    #game .table {
        overflow: auto;
    }
}

@media (max-width: 515px), (max-width: 767px) and (max-height: 720px) {
    #game .table {
        overflow: scroll;
    }

    #game {
        width: auto;
        height: 484px;
    }

    #game .cell {
        width: 33px;
        height: 33px;
    }

    #game .tr {
        height: 33px;
    }
}