/* show mobile search, hide desktop search */
#search-bar-large-screen {
  display: none;
}

#search-bar-small-screen {
  margin-bottom: 8px;
}

/* Mobile Menu nav item states, this media query is UP TO the switch to horizontal nav */
@media (max-width: 767px) {
  /* keep search bar at 100% up until horizontal nav (this line forces it through sm) */
  div#nav-bar .form-inline .input-group {
    width: 100%;
  }
}

/* hide mobile search, show desktop search */
@media (min-width: 768px) {
  #search-bar-small-screen {
    display: none;
  }
  #search-bar-large-screen {
    display: block;
    margin-top: 10px;
  }
}