.breadcrumb {
    padding: 0px 0px !important;
    background: transparent;
    font-size: 12px;
    /* light */
    font-weight:300;
}
@media (max-width: 991.98px) { 
    .breadcrumb {
        margin: 0px 0px 1rem 0px !important;
    }
}
@media (min-width: 992px) { 
    .breadcrumb {
    margin: 0px 0px 3rem 0px !important;
}
}
.breadcrumb-item a {
    text-decoration: none ;
    color: grey;
    border-bottom: 1px solid;
}
.breadcrumb .active {
    font-size: 12px;
    /* light */
    font-weight:300;
    color: #dd0031;
}
.breadcrumb-item-light a {
    text-decoration: none ;
    color: #FFFFFF;
    border-bottom: 1px solid;
}
.breadcrumb-light .active {
    font-size: 12px;
    /* light */
    font-weight:300;
    color: #dd0031;
}
.breadcrumb-item+.breadcrumb-item::before
{
    content:"|" !important;
}
.breadcrumb-item-light+.breadcrumb-item-light::before
{
    content:"|" !important;
    color: #FFFFFF;
    display: inline-block;
    padding-right: .5rem;
}
.breadcrumb-item-light+.breadcrumb-item-light {
    padding-left: .5rem;
}