.breadcrumbs{
  padding: 5px 0;
}

.breadcrumbs .breadcrumbs-list{
  width: 1200px;
  margin: 0 auto;
  list-style-type: none;
  display: flex;
  align-items: center;
}

.breadcrumbs .breadcrumbs-list li{
  color: #b4b4b4;
  font-size: 14px;
  position: relative;
}

.breadcrumbs .breadcrumbs-list li.archive{
  padding-top: 0;
  padding-bottom: 0;
}


.breadcrumbs .breadcrumbs-list li+li{
  padding-left: 12px;
}

.breadcrumbs .breadcrumbs-list li+li:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0px;
  width: 7px;
  height: 7px;
  margin-top: -4px;
  border-top: solid 1px #b4b4b4;
  border-right: solid 1px #b4b4b4;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  content: "";
}

.breadcrumbs .breadcrumbs-list li a{
  color: #b4b4b4;
}

.breadcrumbs .breadcrumbs-list li a.home{
  color: #b4b4b4;
}

@media (max-width:1024px){
  .breadcrumbs{
    padding: 12px 20px 0;
  }
  .breadcrumbs .breadcrumbs-list{
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .breadcrumbs .breadcrumbs-list li,.breadcrumbs .breadcrumbs-list li a{
    white-space: nowrap;
    font-size: 12px;
  }
}