.nav {
      display: none;
      @media (min-width: 1200px) {
          display: block;
      }
  
      &__list {
          display: flex;
      }
  
      &__item {
          flex-shrink: 0;
          &:not(:last-child) {
              margin-right: 20px;
          }
      }
  
      &__link {
          font-size: 16px;
          line-height: 22px;
          font-weight: 500;
          transition: .3s;
          &:hover {
              @media (min-width: 1200px) {
                  color: $blue;
              }
          }
      }
  
      &__link-favorites {
          position: relative;
          margin-right: 28px;
  
          span {
              position: absolute;
              top: -10px;
              left: calc(100% + 4px);
              min-width: 24px;
              color: $white;
              font-size: 14px;
              line-height: 24px;
              font-weight: 600;
              text-align: center;
              border-radius: 15px;
              padding: 0 5px;
              background-color: $blue;
              transition: .3s;
          }
  
          &:hover {
              span {
                  @media (min-width: 1200px) {
                      background-color: #3588CC;
                  }
              }
          }
      }
  }