@media(max-width:1050px){

    #page,
    body.review #page{
        align-items:center !important;
        padding:35px !important;
    }

}

@media(max-width:650px){    
    body{}        
    h1,
    body.review h1 {
        width: 75% !important;
    }
    tree{
        padding:0 !important;
    }
    body.edit tree.grid {
        column-count: 1 !important;
    }
    progress.active {
        left: 0 !important;
        opacity: 1 !important;
        height: auto !important;
        width: 100% !important;
        position: relative !important;
    }
    branch.active {
        left: 0 !important;
        opacity: 1 !important;
        height: auto !important;
        width: 100% !important;
        position: relative !important;
    }
    branch.nav {
        top: 0 !important;
        position: fixed !important;
    }
    branch .nest{
        display:block !important;
    }
    branch:not(.nav) opt {
        display:block !important;
        margin:15px 0 !important;
    }

    branch:not(.nav) opt::after {
        content: "\00a0";
        background: #161d51;
        height: 35px;
        position: relative;
        width: 4px;
        position: absolute;
        top: calc(100% + 3px);
        left: 50%;
    }


    #thecontent #content {
        padding:0px !important;
    }
    
}