.category-nav-slider {
    max-width: 100%;
    width: 100%;
    display:flex;
    align-items:center;
    position:relative;
    padding:.25rem 1rem;
    border-bottom:1px solid #ddd;
}
.category-items {
    overflow: auto;
    white-space: nowrap;
}

.category-items ul{
    margin-bottom:0;
    padding-left: .75rem;
    padding-right: .75rem;
}
.category-items ul >li{
    position:relative;
    z-index:1;
}
.category-items ul>li>a.active::after{
    content: '';
    position: absolute;
    top: 1px;
    left: 0;
    right: 0;
    width: 32px;
    height: 32px;
    background: rgb(255 223 24);
    border-radius: 50%;
    margin: 0 auto;
    z-index: -1;
    box-shadow: 0 0 3px 0px #ffdf18;
}
.category-items ul >li >a{
    display:block;
    padding:0.5rem;
    color:#000;
    text-decoration: none;
    font-size: .8125rem;
}
.categoryslider-nav{
    position:absolute;
    bordeR:none;
    background:#fff;
    font-size:1.5rem;
    color:#010080;
}
.categoryslider-nav.disabled{
    color:#fff;
}
.categoryslider-nav:focus, .categoryslider-nav:active{
    border:none;
    outline: none;
}
.categoryslider-prev{
    left:0;
}
.categoryslider-next{
    right:0;
}

@media screen and (min-width:768px)
{
    .category-nav-slider{
        display:none;
    }
}