.breadcrumb__wrapper {
 width:100%;
 height:40px;
 background: #fafafa;
}
.breadcrumb {
 margin:auto;
 max-width: 1180px;
 line-height:40px;
}
.breadcrumb ul {
 display:flex;
 -webkit-box-pack: start;
 -ms-flex-pack: start;
 justify-content: flex-start;
 list-style: none;
}
.breadcrumb li {
 left: 5px;
 padding-right:2px;
 padding-left:2px;
 font-size: 12px;
}
.breadcrumb li:not(:last-child) {
 position:relative;
 padding-right:20px;
}
.breadcrumb li:not(:last-child)::after {
 content: ">";
 display: block;
 position: absolute;
 padding-right:1px;
 width: 9px;
 height: 15px;
 top: 0px;
 right: 5px;
}
@media screen and (max-width:768px) {
 .breadcrumb {
  padding:0 20px;
 }
 .breadcrumb ul {
  display:block;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overflow: auto;
  white-space: nowrap;
  list-style: none;
 }
 .breadcrumb li {
 left: 2px;
  display:inline;
  padding-right:5px;
  padding-left:0px;
  font-size: 13px;
  flex: 0 0 40%;
 }
 .breadcrumb li:not(:last-child) {
 padding-right:15px;
}
 .breadcrumb li:not(:last-child)::after {
 top: -12px;
 padding-right:1px;;
	}
}