.ark-breadcrumbs{
    overflow:hidden;
}

.ark-breadcrumbs-wrapper{
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
    position:relative;
}

.ark-breadcrumbs-wrapper::-webkit-scrollbar{
    display:none;
}

.ark-breadcrumbs-list{
    display:flex;
    flex-wrap:nowrap;
    align-items:center;
    white-space:nowrap;
    margin:0;
    padding:0;
    list-style:none;
}

.ark-breadcrumbs-list>li{
    display:flex;
    align-items:center;
    flex-shrink:0;
}

.ark-bc-divider{
    margin:0 8px;
    flex-shrink:0;
}

.bc-more{
    display:flex;
    align-items:center;
}

.ark-breadcrumbs-list>li.active{
    min-width:0;
}

.ark-breadcrumbs-list>li.active span{
    display:block;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

@media(max-width:767px){

    .ark-breadcrumbs-wrapper{
        -webkit-mask-image:linear-gradient(to right,#000 94%,transparent);
        mask-image:linear-gradient(to right,#000 94%,transparent);
    }

    .ark-breadcrumbs-list>li.active{
        flex:1;
        max-width:180px;
    }

}