@media (max-width: 600px) {
    .nav-custom-sidebar {
        z-index: 5;
        width: 220px;
    }

    .custom-content {
        margin-left: 0px;
        width: 100%;
        text-align: center;
        padding-top: 15px;
    }

    .menu-btn {
        display: block;
        position: fixed;
        left: 0px;
        font-size: 25px;
        color: #fff;
        border: 2px solid #ffffff;
        padding: 4px 20px;
        border-bottom-right-radius: 8px;
        top: 10px;
        border-top-right-radius: 8px;
        z-index: 10;
    }

    li.nav-item.custom-nav.active::after {
        background: none;
    }

    .bottom-nav {
        width: 100%;
    }

    .sidebar .nav-item .nav-link {
        display: block;
        text-align: left;
        width: 14rem;
    }

    .sidebar .nav-item .collapse {
        position: relative;
        left: 0;
        z-index: 1;
        top: 0;
    }

    .sidebar .nav-item .nav-link[data-toggle=collapse]::after {
        width: 1rem;
        text-align: center;
        float: right;
        vertical-align: 0;
        border: 0;
        font-weight: 900;
        content: '\f107';
        font-family: 'Font Awesome 5 Free';
    }

    .sidebar .nav-item .nav-link[data-toggle=collapse].collapsed::after {
        content: '\f105';
    }

    .sidebar .nav-item .collapse .collapse-inner {
        box-shadow: none;
    }

    .nav-custom-sidebar { 
        opacity: 0;
        left: -220px;
    }

    .nav-custom-sidebar.current {
        left: 0px;
        opacity: 1;
        animation-name: fadeIn;
        -webkit-animation-name: fadeIn; 
        animation-duration: 0.5s;   
        -webkit-animation-duration: 0.5s;
        animation-timing-function: ease-in-out; 
        -webkit-animation-timing-function: ease-in-out;     
        visibility: visible !important;
        padding-top: 45px;
    }

    @keyframes fadeIn {
        0% {
            left: -220px;
            opacity: 0.0;       
        } 
        100% {
            left: 0px;
            opacity: 1; 
        }       
    }
    
    @-webkit-keyframes fadeIn {
        0% {
            left: -220px;
            opacity: 0.0;       
        }
        100% {
            left: 0px;
            opacity: 1; 
        }       
    }

    .el-picker-panel__sidebar {
        display: none;
    }

    .warning-content {
        font-size: 16px;
        width: 100%;
        padding-bottom: 0px;
    }

    .warning-section {
        padding: 10px;
        margin: 0 10px;
    }

    .el-picker-panel {
        width: 270px;
        left: 72px;
    }

    .el-date-range-picker.has-sidebar {
        min-width: 270px;
    }

    .el-date-range-picker .el-picker-panel__body {
        min-width: 270px;
    }

    .el-date-range-picker__content {
        width: 100%;
    }

    #mCSB_1_container {
        width: 315px !important;
        left: 0px !important;
    }

    #mCSB_1_scrollbar_horizontal {
        display: none;
    }

    .events-time {
        height: 15% !important;
    }

    .mCSB_scrollTools {
        top: 0% !important;
    }

    .menu-btn-close {
        display: block;
        position: fixed;
        left: 147px;
        font-size: 25px;
        color: #000;
        border: 2px solid #000;
        padding: 4px 20px;
        border-bottom-left-radius: 8px;
        border-top-left-radius: 8px;
        z-index: 10;
    }

    .VueCarousel-pagination {
        display: none !important;
    }

    .menu-btn-close:hover {
        color: #000;
    }

    .menu-btn:hover {
        color: #fff;
    }
}