.breadcrumbs__devider {
    background-color: transparent;
    margin: 0 .5rem;
    color: #B4B4B4;
    opacity: .4;
    /* top: -.25rem; */
    position: relative;
}

.breadcrumbs__link {
    opacity: .6;
    font-weight: 500;
}

.breadcrumbs__active {
    opacity: 1;
    color: var(--color__text-3);
    font-weight: 400;
}

.breadcrumbs__link:hover {
    opacity: 1;
}
 
 
@media (max-width: 991px) {

    .breadcrumbs {
        margin-top: 16px !important;
        overflow: hidden;
    }

    .breadcrumbs__link {
        font-size: 12px !important; 
        line-height: 16px !important;
        opacity: 0.5;
    }

    .breadcrumbs__active  {
        font-size: 12px !important; 
        line-height: 16px !important;
        color: var(--color__text-1);
        opacity: 0.3;
    }

    .breadcrumbs__devider {
        margin-left: 8px;
        margin-right: 8px;
        font-size: 12px;
    }

    .breadcrumbs .center-wrap {
        padding: 0 !important;
        overflow: hidden;
    }

    .breadcrumbs__items {
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        padding-left: 16px;
        padding-right: 16px;
        padding-bottom: 6px;
    }
}

@media (max-width: 640px) {

    /* .breadcrumbs {
        display: none;
    } */

}