.breadcrumbs {
    position: relative;
    z-index: 10;
}

    .breadcrumbs ul {
        margin-bottom: -36px;
        padding-left: 10px;
        list-style-type: none;
    }

@media (min-width: 768px) {
    .breadcrumbs ul {
        padding-left: 24px;
    }
}

@media (min-width: 1024px) {
    .breadcrumbs ul {
        padding-left: 34px;
    }
}

.breadcrumbs li {
    display: inline-block;
}

.breadcrumbs a {
    font-size: 12px;
    color: #000;
    text-decoration: none;
}

.breadcrumbs li + li:before {
    padding: 0;
    margin-right: 4px;
    content: "|";
    color: #000;
}