.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 {
  padding: 20px; }
  .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%; }

.CityServiceLinksBox {
  max-width: 1140px;
  margin: 30px auto;
  background: #f2f2f2;
  border: 20px solid #e1e1e1;
  padding: 20px; }
  .CityServiceLinksBox .listServiceCityHeading {
    margin-top: 0; }
  .CityServiceLinksBox .boxtitle {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: bold; }
  .CityServiceLinksBox .listServiceCityCol3 {
    column-count: 3; }
    @media (max-width: 1023px) {
      .CityServiceLinksBox .listServiceCityCol3 {
        column-count: 1; } }
    .CityServiceLinksBox .listServiceCityCol3 li {
      margin-bottom: 0; }

@media (max-width: 1200px) {
  #page-content > .CityServiceLinksBox {
    margin-left: 2.5rem;
    margin-right: 2.5rem; } }

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