.nw-search {
  position: relative;
  z-index: 2;
  left: 0;
  right: 0;
  height: 100%;
}

.nw-search-container {
  height: calc(100vh);
  // - 45px
  background: $white;
}

.nw-seach-form {
  display: flex;
  width: 100%;
  background: $button-color;
}

.nw-search-input {
  width: 100%;
  padding: 20px 10px;
  font-weight: 700;
  letter-spacing: 0.04rem;
}

.nwc-search-inp-container {
  display: flex;
  width: 100%;
}

.nw-search-overlay {
  display: none;
}
@media screen and (min-width: $screen-min-sm) {
  .nw-search {
    position: absolute;
  }

  .nw-search-container {
    height: auto;
  }

  .nw-search-input {
    margin: 0 auto;
    max-width: $screen-max-md;
    padding: 30px 0;
  }

  .nw-search-overlay {
    position: absolute;
    display: block;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);

    &:active {
      border: 0;
      outline: none;
    }
  }

  .nw-search-filter {
    margin: 0 auto;
    max-width: $body-maxwidth;
  }
}