#breadcrumb {
	position: fixed;
	z-index: 1000;
	bottom: 1.5rem;
	left: 0rem;
	
}

#breadcrumb .inner {
	display: inline-block;

	border-radius: 0 1rem  1rem 0 ;
	background-color: #fff;
	color: #000;
	box-shadow: 2px 2px 25px rgba(0,0,0,0.3);
	align-items: center;
	flex-wrap: wrap;
	font-size: 0.9rem;
	line-height: 1.1rem;
	max-width: 90vw;
	overflow: hidden;
	white-space: nowrap;
}

#breadcrumb {  text-align: center; right: 0rem;  }
#breadcrumb .inner {   border-radius: 1rem; }


#breadcrumb.hide { display: none; }


/*body.scrolled #breadcrumb { display: ; opacity: 1; }*/

#breadcrumb a { display: inline-flex; color: #000; padding: 0.15rem 0.2rem 0.25rem 0rem; align-items: center; }
#breadcrumb a:last-child { padding-right: 0.7rem  }
#breadcrumb a:hover span { text-decoration: underline;  }

#breadcrumb i { color: #000; font-size: 0.6rem; }
#breadcrumb i.home { font-size: 0.7rem; padding: 0 0rem 0 0.7rem  }

#breadcrumb a.step i { margin: 0 0.4rem 0 0; }
#breadcrumb a span {
	display: inline-block;
	max-width: 9rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}






@media (min-width: 567px) {

}

@media (min-width: 768px) {


}

@media (min-width: 1024px) {

}

@media (min-width: 1280px) {

}