.breadcrumbs { max-width: 1200px; margin: 0 auto; padding: 12px 20px 0; font-size: 14px; line-height: 20px; }
.breadcrumbs .breadcrumbs-list { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
.breadcrumbs .breadcrumbs-item { margin: 0; color: #5c5667; }
.breadcrumbs .breadcrumbs-item + .breadcrumbs-item::before { content: "›"; padding: 0 8px; color: #5c5667; }
.breadcrumbs .breadcrumbs-item a { color: #5c5667; }
.breadcrumbs .breadcrumbs-item a:hover { color: #8a1f4a; }
@media (min-width: 1024px) {
  .breadcrumbs { padding: 16px 32px 0; }
}