#breadcrumbs {
    display: block;
    font-size: 12px;
    background: none;
    margin: 36px 0 47px;
    padding: 0;
}

#breadcrumbs .breadcrumbs_item {
    display: inline;
    vertical-align: middle;
}
#breadcrumbs .breadcrumbs_item:first-child {
    padding-left: 0;
}

#breadcrumbs span{
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: var(--main_text_gray);
    transition: 0.2s all linear;
}

#breadcrumbs span:hover{
    transition: 0.2s all linear;
    color: var(--main_text_black);
}

#breadcrumbs .breadcrumbs_item:last-child span{
    color:var(--main_text_black);
}

.breadcrumb-item + .breadcrumb-item::before {
    display: none;
}

#breadcrumbs .breadcrumbs_item:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 8px;
    height: 11px;
    background: url("images/arrow_next.svg") no-repeat;
    background-size: contain;
}

#breadcrumbs .breadcrumbs_item.item {
    color: var(--main_text_black);
}

#breadcrumbs .breadcrumbs_item.item:after {
    display: none;
}

#breadcrumbs .breadcrumbs_item .breadcrumbs_item-link, #breadcrumbs .breadcrumbs_item {
    color: var(--main_text_black);
    padding-right: 7px;
}

#breadcrumbs .breadcrumbs_item .breadcrumbs_item-link:hover {
    color: var(--main-txt);
}

.breadcrumbs_item:first-child .breadcrumbs_item-link svg{
  position: relative;
  top: -2px;
}
.breadcrumbs_item:first-child .breadcrumbs_item-link svg path{
  transition: .3s;
}
.breadcrumbs_item:first-child .breadcrumbs_item-link:hover svg path{
  fill: var(--main_color_hover);
}

@media (max-width: 768px){
    #breadcrumbs{
        margin: 16px 0 24px;
    }
    #breadcrumbs .breadcrumbs_item .breadcrumbs_item-link, #breadcrumbs .breadcrumbs_item{
        padding-right: 4px;
    }
}
@media (max-width: 576px){
    #breadcrumbs span{
        font-size: 12px;
    }
}