.breadcrumbs{
  ul{
    display: flex;
    li{
      position: relative;
      display: block;
      padding: 0 10px;
      font-size: 14px;
      color: #FFFFFF;
      &:after{
        content:'';
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 1px;
        background: #FFFFFF;
      }
      &:last-child{
        &:after{
          display:none;
        }
      }
      a{
        color: #FFFFFF;
        font-size: inherit;
        text-decoration: underline;
      }
    }
  }
  @media(max-width: $width-mobile){
    ul{
      align-items:center;
      li{
        text-align: center;
        &:after{
          top: 50%;
          bottom: unset;
          height: 20px;
          transform: translateY(-50%);
        }
        a{
          word-wrap: break-word;
        }
      }
    }
  }
}