@media (max-width: 1200px){
    #playlist-page-content-box{
        height: max-content;
        grid-template-rows: auto auto auto;
    }
    .local-area-picture-manage-row {
        flex-direction: column !important;
        flex-wrap: wrap;
    }

    #picture-drop-box-wrapper{
        max-width: 100% !important;
    }

    #picture-browser{
        height: 20rem !important;
    }

    #playlist-wrapper{
        
        height: 50rem !important;
    }

    #playlist-grid-arrangement{
        height: 20rem !important;
        grid-template-rows: 3rem 0.5rem auto 0.5rem 4rem;

        #playlist-grid-item-5{
            height: 10rem !important;
            max-height: 10rem;
            overflow-y: scroll;
        }
    }

    #editor-bottom-bar{
        grid-template-columns: 7rem 1fr !important;

        #assign-playlist{
            grid-area: 2/2/3/3;
            justify-self: end;
        }
    }

    .playlist-area{
        min-height: 20rem;
        max-height: 50rem;
        
        display: flex;
        flex-direction: column;
        
    }
}