.atbrdcrmb--container {
  display: flex;
  margin: 0 auto;
  width: 90%;
  max-width: 1160px;
}
.atbrdcrmb--container > a {
  text-decoration: none;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.atbrdcrmb--active-breadcrumb {
  color: var(--primary-900) !important;
}
.atbrdcrmb--container > a > span {
  margin: 0 8px;
}

@media screen and (max-width: 335px) {
  .atbrdcrmb--container > a > span {
    margin: 0 4px;
  }
}