.splitter-col {
    display: inline-block;
    height: calc(100vh - 105px);
    vertical-align: top;    
}

.splitter-col-1 {
    background-color: white;
}

.splitter-col-2 {
    overflow-y: scroll;
}

.splitter-open .splitter-col-1 {
    width: 275px;
}

.splitter-widget-zoom {
    width: 475px !important;
}

.splitter:not(.splitter-open) .splitter-col-1 {
    display: none;
}

.splitter-open .splitter-col-2 {
    width: calc(100% - 290px);
}

.splitter-main-zoom {
    width: calc(100% - 490px) !important;
}

.splitter:not(.splitter-open) .splitter-col-2 {
    width: 100% !important;

}


@media (max-width: 767px) {
    .splitter-open .splitter-col-1 {
        display: none;
    }

    .splitter-open .splitter-col-2 {
        width: 100% !important
    }
}