#breadcrumbs ol{
  padding: 0;
  list-style: none;
  display: flex;
  color: var(--breadcrumb-main-color);
}
#breadcrumbs li {
  padding-right: .5rem;
}
#breadcrumbs a::after {
  padding-left: .5rem;
}
#breadcrumbs a::after {
  content: "|";
  display: inline-block;
  color: var(--breadcrumb-main-color);
}
#breadcrumbs a{
  color: var(--breadcrumb-main-color);
  text-decoration: none;
}
#breadcrumbs a:hover, #breadcrumbs a:visited{
  color: var(--breadcrumb-main-color);
  text-decoration: none;
}
#breadcrumbs .current-breadcrumb{
  color: var(--main-color);
  font-weight: bold;
}
#breadcrumbs{
  padding: 0 1rem;
}
/*lg 992px*/
@media(min-width: 62em){
  #breadcrumbs{
    padding: 0;
  }
}