#my-breadcrumbs{
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}


#my-breadcrumbs ul li {
	list-style:none;
	display: inline-block;
}

#my-breadcrumbs ul{
    padding:0;
    margin:0;
}


#my-breadcrumbs ul li a {
	display: block;
	float: left;
	text-align: center;
	padding: 5px 10px 5px 10px;
	position: relative;
	margin: 0 8px 0 0;
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #333;
	padding-left: 0;
}



#my-breadcrumbs ul li a:hover{
  /* background: #5172B8; */
  color: #4267b2;
}






#my-breadcrumbs ul li:last-child a:after {display:none}

#my-breadcrumbs ul li a:after {
content: "\f105";  
	    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#333;
width: 10px;position: absolute;height: 10px;right: -5px;top: 8px;}






/* Hover Effects */
#my-breadcrumbs ul li a:hover::before {
  border-color: #5172B8 #5172B8 #5172B8 transparent;
	     
	
	
}
/* Hover Effects */
#my-breadcrumbs ul li a:hover::after{
  /* border-top: 15px solid transparent; */
  /* border-bottom: 15px solid transparent; */
  /* border-left: 15px solid #5172B8; */
}



/* Hide the Before Pseudo Element */
#my-breadcrumbs ul li:first-child a:before {
	display: none; 
}


/* Add Border Radius */
#my-breadcrumbs ul li:first-child a{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 1px;
}