#breadcrumbs {
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
  line-height: 1.55;
  max-width: 1200px;
  font-size: 12px;      /* десктоп */
  font-family: inherit;
}

#breadcrumbs a, 
#breadcrumbs span {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

#breadcrumbs span {
  color: white;
  font-weight: bold;
}

/* === Разделитель (работает и для , и для ) === */
#breadcrumbs > * + *::before {
  content: " › ";
  color: white;
  margin: 0 5px;
  font-weight: normal;
}

/* === Адаптивность === */
@media (max-width: 1200px) { #breadcrumbs { max-width: 980px; padding: 0 12px; } }
@media (max-width: 960px)  { #breadcrumbs { max-width: 640px; padding: 0 12px; } }

@media (max-width: 768px) {
  #breadcrumbs,
  #breadcrumbs a,
  #breadcrumbs span { font-size: 11px; }   /* планшеты */
}

@media (max-width: 480px) {
  #breadcrumbs,
  #breadcrumbs a,
  #breadcrumbs span { font-size: 9px; }    /* смартфоны */
}