/*.cell_td, .fig {*/
/*    width: 50px !important;*/
/*    height: 50px !important;*/
/*}*/
.fig-border {
    box-sizing: border-box;
}
.board-near {
    display: none;
}

@media screen and (max-width: 760px) {
    .gamePlace, #tpl_place {
        width: 100% !important;
    }
    #game_board_place {
        width: 100% !important;
        height: auto !important;
    }
    .leftColumn {
        width: auto !important;
        flex: 1;
    }
    .message {
        width: 100% !important;
    }
    .rightColumn {
        width: 240px;
    }
    #notation_kill {
        width: 100%;
        box-sizing: border-box;
    }
    .drawAsk {
        width: 100% !important;
    }
}

@media screen and (max-width: 600px) {
    .columns-container {
        flex-direction: column;
        width: 100%;
    }
    .layout_medium, .layout_small, .layout_big {
        width: 100% !important;
    }
    .leftColumn {
        width: 100% !important;
        float:none;
        flex: none;
        box-sizing: border-box;
    }
    .rightColumn {
        margin-left: 0;
    }
    #game_board_place {
        width: 100% !important;
        height: auto !important;
        padding: 0;
        margin: 0;
    }
    .gameMenu {
        box-sizing: border-box;
        width: 100%;
    }
    #game_message {
        box-sizing: border-box;
        width: 100%;
    }
    .board-near {
        display: block;
    }
    .phead {
        display: none;
    }
    .board-near {
        background-color: #f4eee4;
        padding: 5px;
    }
    .board-near .player-name {
        font-size: 16px;
    }
    .board-near .ptime {
        font-size: 16px;
        padding: 4px 0 0 0;
    }
    .board-near .ptime .time_active {
        font-size: 20px;
    }
    .board-above {
        margin-top: 10px;
    }
    .board-under {
        margin-bottom: 10px;
    }
    .rightColumn {
        width: 100%;
    }
    #notation_kill {
        width: 100%;
    }
    #chat_place {
        width: 100% !important;
    }
    .notation-scroll {
        flex: none;
    }
    #kills_place {
        flex: none;
    }
}


@media screen and (max-width: 725px) {
    #random_container {
        height: auto;
    }
    .random-game-form .form-fields {
        padding: 0 0 0 20px
    }
    .custom-game-controls {
        flex-direction: column;
    }
    .vk-app .custom-game-controls, .embed-app .custom-game-controls {
        flex-direction: row;
    }
    .random-actives-form-container {
        width: 100%;
    }
    .random-actives-list {
        width: 100%;
    }
    .random-active-in-list .play-btn {
        margin-right: 5px;
    }
    .form-actions {
        display: flex;
        flex-wrap: wrap;
    }
    .form-actions div {
        margin-right: 5px;
    }
    .active-wait-opponent .well-small {
        width: auto;
    }
}