.bc_holder {
    position        : relative;
    width           : 100%;
    background-color: #EFEFEF;
}

.bc_container {
    position   : relative;
    min-width  : 280px;
    width      : 1024px;
    max-width  : 1024px;
    margin     : 0 auto;
    padding    : 20px 0 20px 0;
    display    : flex;
    white-space: nowrap;
    overflow-x : auto;
    overflow-y : hidden;
    align-items: center;
}

.bc_space {
    position  : relative;
    min-width : 5px;
    width     : 5px;
    height    : 5px;
    min-height: 5px;
}

.bc_crumb {
    position  : relative;
    font-size : 14px;
    transition: ease 0.3s;
}

.bc_link {
    text-decoration: underline;
    color          : #898989;
}

.bc_same {
    color: #3D7FFF
}

.bc_link:active {
    color: #3D7FFF
}

.bc_sep {
    position    : relative;
    min-width   : 6px;
    width       : 6px;
    min-height  : 10px;
    height      : 10px;
    fill        : transparent;
    stroke      : #898989;
    stroke-width: 1;
}

.bc_nav_icon {
    position  : relative;
    min-width : 18px;
    width     : 18px;
    min-height: 18px;
    height    : 18px;
    background: url(/src/icons/bread_crumbs.svg) center/contain no-repeat
}

@media(hover:hover) and (pointer:fine) {
    .bc_link:hover {
        color: black
    }
}

@media (max-width:1044px) and (min-width:0),
(max-width:1044px) and (min-device-width:0) {
    .bc_container {
        width    : calc(100% - 40px);
        max-width: calc(100% - 40px);
    }
}

@media (max-width:650px) and (min-width:0),
(max-width:650px) and (min-device-width:0) {
    .bc_container {
        width    : calc(100% - 20px);
        max-width: calc(100% - 20px);
    }
}