.breadcrumbs{
    font-size: 14px;
    letter-spacing: 0.1px;
line-height: 17px;
}

  .breadcrumbs ol{ margin: 0; padding: 0;
  height: 17px;}
    .breadcrumbs ol li{    display: inline-block;}

  .breadcrumbs ol li span{  float: left; display: block;}
    .breadcrumbs ol li i{ font-size: 10px;     padding: 0 8px; float: left; display: block; margin-top: 4px}


  .breadcrumbs ol li span.yazi{color: #4a4a56 !important;}


  @media (max-width:992px) {

.breadcrumbs ol{-ms-flex-align: center;
    -ms-flex-pack: start;
    padding-left: 0px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    overflow-x:auto;
    overflow-y: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.breadcrumbs ol li{
    -ms-flex-align: center;
    -ms-flex-pack: start;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
     display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;

}

.breadcrumbs ol::-webkit-scrollbar {

    display: none
}



}

  @media (max-width:768px) {
.breadcrumbs ol li span{font-size: 13px}
.breadcrumbs ol li i { padding: 0 5px;}

  }