.breadcrumb-container {
	margin: 24px 0 12px;
}
.bx-breadcrumb {
	display: flex;
}
.bx-breadcrumb i {
	margin-right: 8px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 8px;
	margin-right: 8px;
	white-space: nowrap;
	font-size: 12px;
	line-height: 1.45;
	vertical-align: middle;
}
.bx-breadcrumb .bx-breadcrumb-item a {
	border-bottom: none;
	text-decoration: none;
}
.bx-breadcrumb .bx-breadcrumb-item a:hover {
	text-decoration: underline;
}
.bx-breadcrumb .bx-breadcrumb-item a,
.bx-breadcrumb .bx-breadcrumb-item span {
	color: #717680;
}


.bx-breadcrumb .bx-breadcrumb-item i {
	color: #D5D7DAE5;
}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

@media (max-width: 768px) {
	.breadcrumb-container {
		display: block;
		overflow-x: scroll;
		/* margin: 0 24px; */
		scrollbar-width: none;
		position: relative;
	}
	.breadcrumb-wrap {
		margin: 0 -24px;
		position: relative;
		overflow-x: hidden;
	}
	.breadcrumb-wrap::before,
	.breadcrumb-wrap::after {
		content: "";
		display: block;
		width: 24px;
		height: 100%;
		position: absolute;
		top: 0;
		z-index: 3;
	}
	.breadcrumb-wrap::before {
		left: 0;
		background-image: linear-gradient(to right, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
		/* opacity: 0.5; */

		/* background-color: blue; */
	}
	.breadcrumb-wrap::after {
		right: 0;
		background-image: linear-gradient(to left, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
	}

	.bx-breadcrumb {
		margin: 0 24px;
	}
}