.breadcrumb {
  margin: 0 0 16px;
}
.breadcrumb ul {
  display: inline-flex;
  flex-wrap: wrap;
}
.breadcrumb ul li {
  margin-right: 12px;
  margin-bottom: 8px;
}
.breadcrumb ul li a {
  align-items: center;
  display: inline-flex;
  font-size: .875rem;
  line-height: 1.375rem;
}
.breadcrumb ul li a span {
  border-bottom: 1px solid #03953C;
  transition: border-bottom-color 0.1s;
}
.breadcrumb ul li a svg {
  width: 8px;
  fill: #03953C;
  transform: rotate(45deg);
}
.breadcrumb ul li > span {
  pointer-events: none;
  color: #2d2d32;
}

@media (min-width: 768px) {
  .breadcrumb {
    margin: 0 0 24px;
  }
  .breadcrumb ul {

  }
  .breadcrumb ul li {

  }
  .breadcrumb ul li a {
  }
  .breadcrumb ul li a span {
  }
  .breadcrumb ul li a svg {

  }
  .breadcrumb ul li > span {
    color: #2d2d32;
    font-size: .875rem;
    line-height: 1.375rem;
    pointer-events: none;
  }
}
@media (min-width: 1280px) {
  .breadcrumb {
    margin: 0 0 40px;
  }
  .breadcrumb ul {

  }
  .breadcrumb ul li {

  }
  .breadcrumb ul li a {
    font-size: 1rem;
    line-height: 1.5rem;
  }
  .breadcrumb ul li a span {

  }
  .breadcrumb ul li a svg {

  }
  .breadcrumb ul li > span {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}