washnroll/files/wash-n-roll/internal/scss/layout/_header.scss

header {
  .inside {
    @include make-container();
    max-width: 1280px;
    padding-top: 45px;
    padding-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    @media (min-width: 576px) {
      padding-top: 45px;
      padding-bottom: 25px;
    }
  }

  .ce_image {
    img {
      max-width: 198px;
      @media (min-width: 576px) {
        max-width: 198px;
      }
    }
  }

  .mod_navigation {
    ul {
      display: flex;
      justify-content: flex-start;
    }
    li {
      margin-left: 22px;
      a, strong {
        display: block;
        width: 125px;
        padding: 10px 0;
        text-decoration: none;
        font-weight: 700;
        color: $font;
        text-align: center;
        background: #F5F5F5;
        border: 1px solid #F5F5F5;
        border-radius: 20px;
        @include transition();
        &:hover {
          color: $secondary;
          border-color: $secondary;
        }
        &.active,
        &.trail {
          background: $secondary;
          border-color: $secondary;
          &:hover {
            color: $font;
          }
        }
        &.isotope-basket {
          position: relative;
          background: $tertiary url("../images/elements/basket.svg") no-repeat 15px 9px;
          background-size: 24px auto;
          border-color: $tertiary;
          text-indent: -9999px;
          width: 78px;
          &:hover {
            background-color: #F5F5F5;
            border-color: $secondary;
            color: $font;
          }
        }
      }
    }
  }
  #header-basket-items {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0,-50%);
    text-indent: 0;
  }
}