.breadcrumbs { display: none; flex: 1 1; padding: 0; line-height: var(--nav-line-height); } @media screen and (min-width: 1024px) { .breadcrumbs { display: block; } } a + .breadcrumbs { padding-left: 0; } .breadcrumbs ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0 !important; list-style: none; } .breadcrumbs li { display: inline; margin: 0; font-size: 0.75rem; } .breadcrumbs li:last-child { color: var(--color-bwg-main); font-weight: 600; } .breadcrumbs li::after { content: "/"; padding: 0 0.5rem; } .breadcrumbs li:last-of-type::after { content: none; }