/* CSS Document */
.breadcrumbs-container{  margin:auto; padding-bottom: 10px; padding-top: 10px}
.breadcrumbs ul{display: -webkit-flex; display: flex;   justify-content: flex-start;  }
.breadcrumbs ul li{/*display: -webkit-inline-flex;  display: inline-flex;*/ display:none; position:relative }
.breadcrumbs ul li.prev{display: -webkit-inline-flex;  display: inline-flex; padding-left: 10px; }
.breadcrumbs ul li.prev:before{ content:""; position:absolute;  width:15px;   height: 100%; 
  border-left: 0; top:0px; bottom:0; left:0px; background-image: url(arrow-l.svg); background-position: left center ; background-repeat: no-repeat;
background-size: 6px; display: block}
.breadcrumbs ul li, .breadcrumbs ul li a{ font-size:12px;   color:#6f6f6f;  text-decoration:none; }
.breadcrumbs ul li a:hover{ text-decoration:underline}
.breadcrumbs ul li{ padding:0 5px;}

.breadcrumbs ul li.last{ }

@media only screen and (min-width: 768px) {
	.breadcrumbs-container{}
	.breadcrumbs ul li{display: -webkit-inline-flex;  display: inline-flex;  }
	.breadcrumbs ul li.prev{  padding-left: 0px;}
	.breadcrumbs ul li.prev:before{ display:none}
	.breadcrumbs ul{ }
	.breadcrumbs ul li:first-child{ padding-left:0}
	
	.breadcrumbs ul li, .breadcrumbs ul li a{ font-size:13px;}


}

@media only screen and (min-width: 1024px) {
	.breadcrumbs-container{ }

}