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

    li
      display: inline-block
      a, span
        +font-default()
        font-size: 16px !important
        line-height: 28px !important
        color: $lightGray
        text-transform: capitalize

      &:not(:last-child)
        &:after
          content: '>'
          +font-default()
          +sprite(-384px -49px, 12px, 21px)
          display: inline-block
          margin: 0 8px -4px
          color: $lightGray

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

.part
  .breadcrumb
    ol, ul
      li
        opacity: 0.5
        a, span
          color: $darkGray

        &:not(:last-child)
          &:after
            color: $darkGray

        &:last-child
          opacity: 0.75
          a, span
            color: $darkGray
+media-query(900px)
  .part
    .breadcrumb
      margin-top: 100px