.breadcrumbs {
  max-width: 1228px;
  width: 100%;
  margin: 32px auto 43px;
}

.breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumbs a {
  font-weight: 700;
  font-size: 14px;
  letter-spacing: 0.04em;
  color: #586065;
}

.breadcrumbs i {
  color: #D9CEAB;
  margin: 0 14px 0 12px;
}

.breadcrumbs div.active a {
  font-size: 18px;
  color: #393E41;
}

.breadcrumbs div.active i {
  display: none;
}

@media (max-width: 1272px) {
  .breadcrumbs {
    max-width: 92% !important;
    margin: 24px auto 32px;
  }
}

@media (max-width: 660px) {
  .breadcrumbs i {
    margin: 0 6px 0 4px;
  }

  .breadcrumbs a {
    font-size: 12px;
  }

  .breadcrumbs div.active a {
    font-size: 15px;
  }
}