.breadcrumb-bar {
  /* margin-top: 15px; */
  width: 100%;
}

.breadcrumb-bar .breadcrumbs_div {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}

.breadcrumb-bar .breadcrumb-text {
  font-size: 14px;
  color: #343434;
  font-weight: 400;
  background: transparent;
  margin-bottom: 0;
  padding: 0;

  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center;
  overflow-x: auto;
  white-space: nowrap;
  width: 100%;
}

.breadcrumb-bar .breadcrumb-text::-webkit-scrollbar {
  display: none;
}

.breadcrumb-bar .breadcrumb-text {
  scrollbar-width: none;
}

.breadcrumb-bar .breadcrumb-item {
  display: inline-flex !important;
  align-items: center;
  margin: 0px !important;
  white-space: nowrap;
}

.breadcrumb-bar  a {
  color: #343434;
  text-decoration: none;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 400;
}

.breadcrumb-bar .breadcrumb-link {
  cursor: pointer;
}

.breadcrumb-bar .breadcrumb-item.active {
  font-weight: 400;

  text-transform: uppercase !important;
}

.breadcrumb-bar .breadcrumb-item a:hover {
  text-decoration: none;
}

@media (max-width: 575.98px) {
  .breadcrumb-bar .breadcrumb-text {
    font-size: 12px;
  }
}

@media (min-width: 576px) and (max-width: 767.98px) {
  .breadcrumb-bar .breadcrumb-text {
    font-size: 13px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .breadcrumb-bar .breadcrumb-text {
    font-size: 14px;
  }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .breadcrumb-bar .breadcrumb-text {
    font-size: 14px;
  }
}