.hero-search{
  height: 200px;
  background-color: #1E2123;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  position: relative;
  background-image: none;
  display: flex;
  align-items: center;
}

@media (max-width: 375px) {
  .hero-search {
    height: 350px;
  }
}

@media (min-width:376px) and (max-width: 767px) {
  .hero-search {
    height: 250px;
  }
}