.search__input {
  margin-left: 30px;
  margin-top: 5px;
  position: fixed;
  right: 13%;
}

.search__input i {
  position: absolute;
}

.search__input-icon {
  padding-left: 20px;
  padding-top: 12px;
  width: 19px;
  height: 19px;
  filter: invert(42%) sepia(32%) saturate(203%) hue-rotate(167deg) brightness(99%) contrast(89%);
}

.search__input-field {
  padding: 20px;
  padding-left: 60px;
  border: none;
  background-color: white; /* rgb(240, 245, 245);*/
  border-radius: 40px;
  width: 250px;
  height: 23px;
  font-size: 15px;
}

input:focus { 
  outline-color: rgb(12, 169, 241);
  outline-style: solid;
  background-color: white;
}

@media only screen and (max-width: 1299px) {
  .search__input-field {
    width: 290px;
  }

  .search__input {
    margin-left: 20px;
  }

  .search__input-field {
    padding-left: 57px;
  }
}

@media only screen and (min-width: 1300px) {
  .search__input-field {
    width: 350px;
  }

  .search__input {
    margin-left: 30px;
  }

  .search__input-field {
    padding-left: 57px;
  }
}