.breadcrumb
  width: 100%
  padding: 25px 0
  ol, ul
    list-style: none
    padding: 0
    margin: 0

    li
      display: inline-block
      &:after
        content: '>'
        +font-default()
        font-size: 15px !important
        line-height: 28px !important
        color: $breadcrumbColor
        padding: 0 10px

      a, span
        +font-default()
        font-size: 15px !important
        line-height: 28px !important
        color: $breadcrumbColor
        text-transform: capitalize
        transition: color 0.4s ease

        &:hover
          color: $breadcrumbHoverColor !important

      &:last-child
        &:after
          display: none

      &:last-child
        a, span
          +font-bold()
          color: $mainNavActiveColor

+media-query(1150px)
  .breadcrumb
    width: $contentGrid * 8

+media-query(740px)
  .crumb-path
    width: 100%

  .breadcrumb
    width: 100%