.breadcrumbs nav .breadcrumb-item a {
    color: #6c757d;
}

.breadcrumbs {
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis !important;
    width: 70%;
    padding: 0.75rem 0;
}

.breadcrumbs .breadcrumb {
    padding: 0.75rem 0;
    margin-bottom: 0;
}

.breadcrumb-item.active {
    color: #6c757d;
    overflow: hidden !important;
    white-space: nowrap;
    text-overflow: ellipsis !important;
    display: block;
}

.breadcrumb {
    flex-wrap: nowrap;
}

.breadcrumb-item::before {
    float: none !important;
}

.breadcrumb-item {
    display: flex;
}

@media screen and (max-width: 767px) {
    .breadcrumbs {
        display: none;
    }
}