@media only screen and (min-width: 768px) {
  .breadcrumb {
    font-size: 12px;
    background: #FFFFFF;
    padding: 28px 0 72px 0;
    margin-bottom: 0px;
  }
}
.region-breadcrumb {
  padding: 0 15px 0.25em;
  width: 100%;
}
.breadcrumb-item+.breadcrumb-item::before {
  content: ">";
  font-weight: normal;
}
.breadcrumb-item.active {
  font-weight: bold;
  color: #012a41;
}
.breadcrumb-item a {
  color: #707070;
}
@media (max-width: 1024px) {
  .breadcrumb-item {
    display: none !important;
  } 
  .breadcrumb-item+.breadcrumb-item::before {
    content: "<";
    font-weight: normal;
  }
}
@media only screen and (min-width:768px) and (max-width:1024px) {
  .breadcrumb {
    padding-left: 3%;
  }
}
@media only screen and (max-width:767px) {
  .breadcrumb {
    padding: 0 !important;
  }
}