.breadcrumbs {
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: -20px
}

@media (max-width: 767px) {
    .breadcrumbs {
        margin-bottom:0
    }
}

.breadcrumbs ul {
    display: flex;
    white-space: nowrap;
    overflow-x: auto
}

.breadcrumbs ul li {
    position: relative
}

.breadcrumbs ul li:not(:first-child) {
    padding-left: 16px
}

.breadcrumbs ul li:not(:first-child):before {
    position: absolute;
    content: "-";
    left: 4px
}

.breadcrumbs a:hover {
    opacity: .6
}

@media (max-width: 576px) {
    .breadcrumbs ul li:before,
    .breadcrumbs ul li:not(:first-child):before{
        content: '<';
    }
    .breadcrumbs ul li {
        display: none;
    }
    .breadcrumbs ul li:nth-last-child(2) {
        display: block;
    }
}
/*# sourceMappingURL=about.css.map*/