@media screen and (min-width: 1000px) {

    /* width */
    .dark ::-webkit-scrollbar, .light ::-webkit-scrollbar {
        width: 15px;
        height: 15px;
    }


    .dark ::-webkit-scrollbar-corner {
        background: #1E1E1E;
    }



    /* Track */
    .dark ::-webkit-scrollbar-track {
        background: #1E1E1E;
        border-left: 1px solid #333333;
        border-top: 1px solid #333333;
    }

    /* Handle */
    .dark ::-webkit-scrollbar-thumb {
        background: #424242;
    }

        /* Handle on hover */
        .dark ::-webkit-scrollbar-thumb:hover {
            background: #4F4F4F;
        }

        .dark ::-webkit-scrollbar-thumb:active {
            background: #5E5E5E;
        }



    .light ::-webkit-scrollbar-corner {
        background: #fff;
    }

    .light ::-webkit-scrollbar-track {
        background: #ffffff;
        border-left: 1px solid #DDDDDD;
        border-top: 1px solid #DDDDDD;
    }

    /* Handle */
    .light ::-webkit-scrollbar-thumb {
        background: #C1C1C1;
    }

        /* Handle on hover */
        .light ::-webkit-scrollbar-thumb:hover {
            background: #929292;
        }

        .light ::-webkit-scrollbar-thumb:active {
            background: #666666;
        }

}

@media screen and (max-width: 1000px) {

    /* width */
    ::-webkit-scrollbar {
        width: 0px;
    }

}