.data-sticky-left-sidebar{
    z-index: 1000;
    visibility: visible;
    opacity: 1;
}

@media screen and (min-width: 1380px) {
    .data-sticky-left-sidebar {
        visibility: hidden;
        opacity: 1;
        position: fixed;
        top: 100px;
        z-index: 2;
        transition: transform 0.2s ease-out;
        width: 300px;
    }
}

@media screen and (max-width: 1380px) and (min-width: 768px) {
    .data-sticky-left-sidebar {
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 1000;
        visibility: hidden;
        opacity: 0;
    }
}

.left-side-bar{
    background: #fff;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.19);
    border-radius: 12px;
    padding: 8px;
}

@media screen and (min-width: 773px) {
    .left-side-bar {
        width: 300px;
        margin-left: 20px;
    }
}