.serviceListByCity {
  column-count: 3; }
  @media (max-width: 1023px) {
    .serviceListByCity {
      column-count: 1; } }

.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
  z-index: 9999999999;
  list-style: none;
  width: 330px !important;
  height: auto;
  max-height: 200px;
  overflow-y: scroll;
  padding: 20px 20px 20px;
  background-color: #ffffff;
  border-radius: 8px;
  margin: 0 0 6px;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3); }
  .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front a {
    display: block;
    text-decoration: none; }
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front a:hover {
      text-decoration: underline; }
  .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .ui-menu-item {
    padding: 3px;
    cursor: pointer; }
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front .ui-menu-item:hover {
      background-color: #efefef; }
  @media (min-width: 576px) {
    .ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
      width: 470px !important; } }

.citySearchField, .cityServiceSearchField {
  text-align: center;
  padding: 30px 0; }
  .citySearchField input[type=text], .cityServiceSearchField input[type=text] {
    width: 90%;
    max-width: 400px;
    display: block;
    margin-left: auto;
    margin-right: auto; }

.searchcity-popup .top-heading {
  font-size: 24px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 10px;
  padding-bottom: 5px;
  font-weight: bolder; }
.searchcity-popup .search-city input {
  width: 100%; }

/*# sourceMappingURL=serviceCity.css.map */