#search-container {
  display: grid;
  grid-template-columns: 3fr repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
}

.search-box {
  display: flex;
  background-color: white;
  height: 60px;
  vertical-align: middle;
  align-items: center;
}

.search-box-gray,
.search-select {
  background-color: #e9e9ed !important;
}

.search-input,
.search-select {
  border: none !important;
  box-shadow: none !important;
}

.search-icon {
  height: 40px;
  padding-left: 10px;
}

.greater-icon {
  height: 18px;
  padding-left: 10px;
}

.search-label {
  font-size: 18px;
  margin-bottom: 10px;
  color: #1d439b;
}

.search-label-transport {
  font-size: 18px;
  margin-bottom: 10px;
  color: #ffffff;
}

#search-button {
  background-color: #eb342e;
  border: solid 5px #eb342e;
  color: white;
  border-radius: 0 !important;
  width: 100%;
}

.search-button {
  align-content: end !important;
}

#search-button:hover {
  background-color: #ffffff;
  color: #eb342e;
}

.footer-text,
.contact-us {
  cursor: pointer;
}

.footer-text h2:hover,
.footer-text p:hover {
  color: #eb342e !important;
}

.site-header-primary-section-left {
  border-right: solid 5px #eb342e !important;
  width: 91%;
}

#search-button {
  padding: 17px !important;
}

/* --- Small Tablet / Large Mobile Landscape (e.g., 576px and up) --- */
@media (max-width: 576px) {
  #search-container {
    display: flex;
    flex-direction: column !important;
  }

  .search-box {
    margin: 5px 0 30px 0;
  }

  .search-box-gray,
  .search-select {
    background-color: white !important;
  }

  .site-header-primary-section-left {
    border-right: none !important;
  }
}