#scrollbar1 .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    margin:0;
}
#scrollbar2 .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    width: 100%;
}
#scrollbar3 .overview
{
    list-style:none;
    position:absolute;
    left:0;
    top:0;
    margin:0;
    width: 100%;
}

#scrollbar1 .scrollbar
{
    background:#615f5d;
    position:absolute;
    background-position:0 0;
    right: -20px;
    top:0;
    width:2px;
}
#scrollbar2 .scrollbar{
    background:#615f5d;
    position:absolute;
    background-position:0 0;
    right: -2px;
    top:0;
    width:2px;
    z-index: 9;
}
#scrollbar3 .scrollbar{
    background:#615f5d;
    position:absolute;
    background-position:0 0;
    right: -2px;
    top:0;
    width:2px;
    z-index: 9;
}

#scrollbar1 .track,
#scrollbar2 .track,
#scrollbar3 .track
{
    height:100%;
    width:13px;
    position:relative;
    padding:0 1px;
}

#scrollbar1 .thumb,
#scrollbar2 .thumb,
#scrollbar3 .thumb
{
    background:#000;
    height:20px;
    width:14px;
    cursor:pointer;
    overflow:hidden;
    position:absolute;
    top:0;
    left:-5px;
}

#scrollbar1 .thumb .end,
#scrollbar2 .thumb .end,
#scrollbar3 .thumb .end
{
    overflow:hidden;
    height:5px;
    width:14px;
}

#scrollbar1 .disable,
#scrollbar2 .disable,
#scrollbar3 .disable
{
    display:none;
}

.noSelect
{
    user-select:none;
    -o-user-select:none;
    -moz-user-select:none;
    -khtml-user-select:none;
    -webkit-user-select:none;
}



@media (min-width: 1024px) {
    #scrollbar1
    {
        width:585px;
        margin:20px auto 10px;
        position: relative;
        float: left;
    }

    #scrollbar1 .viewport
    {
        height: 525px;
        overflow:hidden;
        position:relative;
    }

    #scrollbar2
    {
        width:270px;
        margin:20px auto 10px;
        position: relative;
        float: left;
    }

    #scrollbar2 .viewport
    {
        height: 500px;
        overflow:hidden;
        position:relative;
    }


    #scrollbar3
    {
        width:780px;
        margin:20px auto 10px;
        position: relative;
        float: left;
    }

    #scrollbar3 .viewport
    {
        height: 1075px;
        overflow:hidden;
        position:relative;
    }
}


/* ============ Tablets ============= */
/* 768 até 1023  */
@media (min-width: 768px) and (max-width: 1023px) {
    #scrollbar1
    {
        width:90%;
        margin:20px auto 10px;
        position: relative;
        clear: both;
    }

    #scrollbar1 .viewport
    {
        height: 525px;
        overflow:hidden;
        position:relative;
    }

    #scrollbar2
    {
        width:90%;
        margin:20px auto 10px;
        position: relative;
        clear: both;
    }

    #scrollbar2 .viewport
    {
        height: 525px;
        overflow:hidden;
        position:relative;
    }

    #scrollbar3
    {
        width:90%;
        margin:20px auto 10px;
        position: relative;
        clear: both;
    }

    #scrollbar3 .viewport
    {
        height: 525px;
        overflow:hidden;
        position:relative;
    }
}

/* ============ Celulares ============= */
/* 320 até 767  */
@media (min-width: 320px) and (max-width: 767px) {
    #scrollbar1
    {
        width:85%;
        margin:20px 1% 10px;
        position: relative;
        clear: both;
    }

    #scrollbar1 .viewport
    {
        height: 525px;
        overflow:hidden;
        position:relative;
    }

    #scrollbar2
    {
        width:85%;
        margin:20px 1% 10px;
        position: relative;
        clear: both;
    }

    #scrollbar2 .viewport
    {
        height: 525px;
        overflow:hidden;
        position:relative;
    }

     #scrollbar3
    {
        width:85%;
        margin:20px 1% 10px;
        position: relative;
        clear: both;
    }

    #scrollbar3 .viewport
    {
        height: 525px;
        overflow:hidden;
        position:relative;
    }
}