.breadcrumbs {
    margin: 21px 0 0;
    font-size: 0.875em
}
.breadcrumbs .item {
    color: #828282
}
.breadcrumbs .item:not(:last-child):after {
    content: '/';
    display: inline-block;
    margin: 0 6px 0 11px;
    color: #828282
}
.breadcrumbs .item a:hover {
    text-decoration: underline
}
.breadcrumbs + .main-title {
    margin: 9px 0 3px
}
@media (pointer: coarse),(max-width: 767px) {
    .breadcrumbs .item a:hover {
        text-decoration: none
    }
}
@media (max-width: 1270px) {
    .breadcrumbs {
        margin-top: 22px
    }
    .breadcrumbs + h1 {
        margin-top: 20px
    }
}
@media (max-width: 767px) {
    .breadcrumbs + h1 {
        margin-top: 10px
    }
    .breadcrumbs {
        margin-bottom: 10px;
        white-space: nowrap;
        overflow-x: scroll
    }
}