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

header {
  .inside {
    @include make-container();
    width: 100%;
    max-width: 1200px;
    padding: 45px 0 25px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    @media (max-width: 1280px) {
      max-width: 1280px;
      padding-left: 40px;
      padding-right: 40px;
    }
    @media (max-width: 768px) {
      padding-left: 20px;
      padding-right: 20px;
    }
    @media (min-width: 576px) {
      padding-top: 45px;
      padding-bottom: 25px;
    }
  }

  .ce_image {
    padding: 0;

    img {
      max-width: 198px;
      @include transition();
      @media (max-width: 1004px) {
        max-width: 160px;
      }
      @media (max-width: 768px) {
        max-width: 198px;
      }
    }
  }

  .mod_navigation {
    @media (max-width: 768px) {
      display: none;
    }

    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();
        @media (max-width: 1004px) {
          width: 100px;
          padding: 6px 0;
        }

        &: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;
  }
}