.mfo_breadcrumb {
  display: flex;
  /*margin-bottom: 15px;*/
  font-size: 16px;
  margin-bottom: -40px;
}

.mfo_breadcrumb > p ,.mfo_breadcrumb > a {
  position: relative;
  margin-right: 46px;
  text-decoration: none;
  /*font-size: 16px;*/
  font-weight: 400;
  color: #1B1B1B;
  cursor: pointer;
}
.mfo_breadcrumb > p:last-child ,.mfo_breadcrumb > a:last-child {
  /*cursor: default;*/
}

.mfo_breadcrumb > p:hover ,.mfo_breadcrumb > a:hover  {
  color: #4286DE;
}
/* .mfo_breadcrumb > p ,.mfo_breadcrumb > a span{
  color: var( --colorOrange);
} */
.mfo_breadcrumb > p:hover::after , .mfo_breadcrumb > a:hover::after{
  cursor: default;
}
.mfo_breadcrumb > p::after ,.mfo_breadcrumb > a::after {
  top: 2.5px;
  right: -25px;
  position: absolute;
  content: " ";
  border: solid #1B1B1B;
  border-width: 0 2px 2px 0;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  cursor: default;
}

.mfo_breadcrumb > p:last-child::after ,.mfo_breadcrumb > a:last-child::after  {
  display: none;
}

.mfo_breadcrumb.breadcrumb_href i {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  margin: 0 16px;
}

.mfo_breadcrumb.breadcrumb_href a {
  margin-right: 0;
}

.mfo_breadcrumb.breadcrumb_href a:after {
  border: none;
}

.mfo_breadcrumb.breadcrumb_href i:after {
  top: 4px;
  left: 0px;
  position: absolute;
  content: " ";
  border: solid #1B1B1B;
  border-width: 0 2px 2px 0;
  width: 8px;
  height: 8px;
  transform: rotate(-45deg);
  cursor: default;
}
@media (max-width: 992px) {
  .mfo_breadcrumb {
    font-size: 14px;   
    margin-bottom: -50px;
    display: block;
    line-height: 1.4;
  }
  .mfo_breadcrumb.breadcrumb_href i{
    margin: 0 8px;
    height: 14px;
  }
  .mfo_breadcrumb.breadcrumb_href i:after {   
    width: 6px;
    height: 6px;
  }
}
@media (max-width: 768px) {
 
}
@media (max-width: 767px) {
  .mfo_breadcrumb.breadcrumb_href i{
    margin: 0 8px;
  }
  
}
@media (max-width: 640px) {
  .mfo_breadcrumb {
    margin-bottom: -30px;
  }
}