.breadcrumbs {
  padding: 40px 0
}
.breadcrumbs__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: -5px
}
.breadcrumbs__item {
  font-size: 18px;
  line-height: 23px;
  white-space: nowrap;
  margin: 5px
}
.breadcrumbs__item a,
.breadcrumbs__item span {
  color: #696969;
  transition: color .3s linear
}
.breadcrumbs__item a:hover {
  color: #039a9f
}
.breadcrumbs__item:not(:last-child)::after {
  content: "/"
}
.breadcrumbs__item::after {
  display: inline-block
}
@media (max-width:1024px) {
  .breadcrumbs {
    padding: 20px 0 10px
  }
}