.breadcrumbs-menu {
  position: relative;
  margin: 15px 0; }

.breadcrumbs-menu__container {
  list-style: none; }

.breadcrumbs-menu__container--desktop {
  display: none; }
  @media screen and (min-width: 768px) {
    .breadcrumbs-menu__container--desktop {
      display: flex;
      flex-wrap: wrap;
      padding: 0; } }

.breadcrumbs-menu__item {
  font-size: 0.875rem; }
  @media screen and (min-width: 768px) {
    .breadcrumbs-menu__item {
      font-size: 1rem; } }
  .breadcrumbs-menu__item:not(:first-of-type)::before {
    content: '/';
    margin-left: 5px; }

.breadcrumbs-menu__link {
  color: #1f1f1f;
  text-decoration: underline; }
  .breadcrumbs-menu__link:hover {
    text-decoration: none;
    color: #1f1f1f; }

.breadcrumbs-menu__container--mobile {
  display: flex; }
  @media screen and (min-width: 768px) {
    .breadcrumbs-menu__container--mobile {
      display: none; } }
  .breadcrumbs-menu__container--mobile .breadcrumbs-menu__item a {
    text-decoration: none; }
    .breadcrumbs-menu__container--mobile .breadcrumbs-menu__item a:first-of-type::before {
      content: '<'; }
    .breadcrumbs-menu__container--mobile .breadcrumbs-menu__item a:hover {
      text-decoration: none; }
      .breadcrumbs-menu__container--mobile .breadcrumbs-menu__item a:hover span {
        text-decoration: none; }
    .breadcrumbs-menu__container--mobile .breadcrumbs-menu__item a span {
      text-decoration: underline; }