.bread-crumbs {
    padding: 14px 0 12px 0;

    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #717070;

    position: relative;
    z-index: 10;
}

.bread-crumbs__container {
    max-width: 1140px;
    padding: 0 19px;
    margin: 0 auto;
}

.bread-crumbs__wrapper {
    display: inline-block;
    margin-right: 6px;
}

.bread-crumbs__wrapper-mb {
    display: none;
    width: 32px;
    height: 24px;
    background: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0px 0 2px rgb(0 0 0 / 18%);
    text-align: center;
    margin-right: 6px;
    cursor: pointer;
}

.bread-crumbs__wrapper-mb:hover {
    box-shadow: 0px 0 8px rgb(0 0 0 / 18%);
}

.bread-crumbs__wrapper-mb img {
    width: 24px;
    height: 24px;
}

.bread-crumbs__item-active {
    font-weight: 400;
}

.header__icon-bread-crumbs {
    width: 24px;
    height: 24px;
    margin: 0 6px;
}

@media (max-width: 768px) {
    .bread-crumbs__wrapper-mb {
        display: inline-block;
    }

    .bread-crumbs__wrapper {
        display: none;
    }
}