@media only screen and (max-width: 991px) {
  .search_bar{
    width: 300px !important;
  }
}

@media only screen and (max-width: 830px) {
  .search_bar{
    width: 200px !important;
  }
}

@media only screen and (max-width: 660px) {
  .search_bar{
    width: 100px !important;
  }
}