.breadcrumbs {
  padding: 15px 0;
  background: #eeeeee;
  min-height: 40px;
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 600;
  color: #395360;
  margin-bottom: 0;
  
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  color: #395360;
}

.breadcrumbs ol a {
  color: #395360;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #395360;
  content: "/";
}

@media (max-width: 768px) {
  .breadcrumbs .d-flex {
    display: block !important;
  }
  .breadcrumbs ol {
    display: block;
  }
  .breadcrumbs ol li {
    display: inline-block;
  }
}


.invalid{border-color: #dd4d42!important;}