.local_services_wrap #wpsl-wrap #wpsl-search-wrap {
  visibility: visible !important;
}

.local_services_wrap #wpsl-wrap #wpsl-search-wrap .wpsl-input,
.local_services_wrap #wpsl-wrap #wpsl-search-wrap #wpsl-category {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
}

.local_services_wrap #wpsl-wrap #wpsl-search-wrap .wpsl-input > div,
.local_services_wrap #wpsl-wrap #wpsl-search-wrap label {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  flex: 0 0 auto !important;
  white-space: normal !important;
}

.local_services_wrap #wpsl-wrap #wpsl-search-input {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  box-sizing: border-box !important;
}

.local_services_wrap #wpsl-wrap #wpsl-search-wrap #wpsl-category {
  position: relative;
  z-index: 8;
}

.local_services_wrap #wpsl-wrap #wpsl-category .wpsl-dropdown {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: 46px !important;
  position: relative !important;
  overflow: visible !important;
  box-sizing: border-box !important;
  z-index: 8;
}

.local_services_wrap #wpsl-wrap #wpsl-category .wpsl-dropdown.wpsl-active {
  z-index: 40 !important;
  overflow: visible !important;
}

.local_services_wrap #wpsl-wrap #wpsl-category .wpsl-selected-item {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 46px !important;
  box-sizing: border-box !important;
}

.local_services_wrap #wpsl-wrap #wpsl-category select,
.local_services_wrap #wpsl-wrap #wpsl-category-list {
  display: none !important;
  visibility: hidden !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.local_services_wrap #wpsl-wrap #wpsl-category .wpsl-dropdown > div {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  z-index: 30 !important;
}

.local_services_wrap #wpsl-wrap #wpsl-category .wpsl-dropdown.wpsl-active > div {
  height: auto !important;
  overflow: auto !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.local_services_wrap #wpsl-wrap #wpsl-category .wpsl-dropdown ul {
  position: relative !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: 280px;
}

.local_services_wrap #wpsl-wrap .wpsl-search-btn-wrap {
  position: relative;
  z-index: 1;
}

.local_services_wrap #wpsl-wrap #wpsl-search-btn2 {
  position: relative;
  z-index: 1;
  pointer-events: auto !important;
}

.local_services_wrap .services_location > h1,
.local_services_wrap .services_location > h2,
.local_services_wrap .services_location > h3,
.local_services_wrap .services_location > h4,
.local_services_wrap .services_location > h5,
.local_services_wrap .services_location > p {
  display: none !important;
}

@media (min-width: 992px) {
  .local_services_wrap #wpsl-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 368px) minmax(0, 1fr);
    grid-template-areas:
      "search map"
      "results map";
    column-gap: 40px;
    align-items: start;
  }

  .local_services_wrap #wpsl-wrap .wpsl-search {
    grid-area: search;
    width: 100% !important;
    margin-bottom: 0;
  }

  .local_services_wrap #wpsl-wrap #wpsl-result-list {
    grid-area: results;
    display: block !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin-top: 20px;
  }

  .local_services_wrap #wpsl-wrap #wpsl-stores,
  .local_services_wrap #wpsl-wrap #wpsl-direction-details {
    float: none !important;
    width: 100% !important;
    height: auto !important;
    max-height: 500px;
    overflow-y: auto;
  }

  .local_services_wrap #wpsl-wrap #wpsl-gmap,
  .local_services_wrap #wpsl-wrap #wpsl-map {
    grid-area: map;
    float: none !important;
    width: 100% !important;
    margin-top: 0 !important;
    min-height: 560px;
    height: 560px !important;
    max-height: none !important;
    align-self: stretch;
  }
}

@media (max-width: 991px) {
  .local_services_wrap {
    overflow-x: hidden !important;
    overflow-y: visible !important;
    max-width: 100%;
  }

  .local_services_wrap #wpsl-wrap {
    display: flex !important;
    flex-direction: column !important;
    grid-template-columns: none !important;
    grid-template-areas: none !important;
    width: 100% !important;
    max-width: 100% !important;
    column-gap: 0 !important;
  }

  .local_services_wrap .wpsl-search,
  .local_services_wrap #wpsl-wrap .wpsl-search,
  .local_services_wrap #wpsl-wrap #wpsl-result-list,
  .local_services_wrap #wpsl-wrap #wpsl-stores,
  .local_services_wrap #wpsl-wrap #wpsl-direction-details,
  .local_services_wrap #wpsl-wrap #wpsl-gmap,
  .local_services_wrap #wpsl-wrap #wpsl-map {
    grid-area: auto !important;
    float: none !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .local_services_wrap #wpsl-wrap .wpsl-search {
    order: 1;
    margin-bottom: 0;
  }

  .local_services_wrap #wpsl-wrap #wpsl-gmap,
  .local_services_wrap #wpsl-wrap #wpsl-map {
    order: 2;
    display: block !important;
    min-height: 280px !important;
    height: 280px !important;
    max-height: none !important;
    margin: 20px 0 !important;
    visibility: visible !important;
  }

  .local_services_wrap #wpsl-wrap #wpsl-gmap .leaflet-container,
  .local_services_wrap #wpsl-wrap #wpsl-map .leaflet-container,
  .local_services_wrap #wpsl-wrap #wpsl-gmap > div,
  .local_services_wrap #wpsl-wrap #wpsl-map > div {
    width: 100% !important;
    height: 100% !important;
  }

  .local_services_wrap #wpsl-wrap #wpsl-result-list {
    order: 3;
    display: block !important;
    height: auto !important;
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .local_services_wrap #wpsl-wrap #wpsl-gmap,
  .local_services_wrap #wpsl-wrap #wpsl-map {
    min-height: 220px !important;
    height: 220px !important;
    max-height: none !important;
    margin-left: -20px !important;
    margin-right: -20px !important;
    width: calc(100% + 40px) !important;
    max-width: none !important;
  }
}