.mid_frame{
    overflow-y: scroll;
    overflow-x: hidden;
    flex: 1;
}

.data_frame {
    float: left;
    box-sizing: border-box;
}

.right_menu {
    background-color: pink;
}

.row::after {
    content: "";
    clear: both;
    display: block;
}

@media only screen and (min-width: 800px){
    .mid_frame{
        display: flex;
        overflow: hidden;
    }
    
    .data_frame{
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .right_menu {
        overflow-y: scroll;
        overflow-x: hidden;
    }
}