.searchAutoComplete { position: relative; }
.searchAutoComplete .popup { position: absolute; top: 100%; width: 500px; background-color: #fff; border-radius: 10px; box-shadow: 0px 3px 6px #00000026; z-index: 2; max-height: 500px; overflow: scroll; }
.searchAutoComplete .popup > .popularSearches { padding-left: 15px; padding-right: 15px; }
.searchAutoComplete .popup > .popularSearches h5 { color: #1646A8; border-bottom: 1px solid #1646A8; font-size: 16px; margin: 15px 0 0 0; text-transform: none; }
.searchAutoComplete .popup > .popularSearches ul.searchResults { padding: 0; list-style: none; margin: 0; display: block; }
.searchAutoComplete .popup > .popularSearches ul.searchResults li { display: flex; align-items: center; -webkit-align-items: center; border: none; }
.searchAutoComplete .popup > .popularSearches ul.searchResults li:after { content: ''; clear: both; display: block; }
.searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemContent { width: calc(100% - 25px); white-space: break-spaces; }
.searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemContent h6 { cursor: pointer; margin: 7px 0; font-size: 16px; text-transform: none; }
.searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemRemove { width: 25px; }
.searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemRemove button { border: none; font-size: 18px; background-color: #eee; }

.searchAutoComplete .popup .popularSearches ul.searchResults.recentSearchesList li {  }
.searchAutoComplete .popup .popularSearches ul.searchResults.popularSearchesList li .searchResultsItemContent { width: 100%; }

.searchAutoComplete .popup > .searchResults { padding-left: 15px; padding-right: 15px; }
.searchAutoComplete .popup > .searchResults ul.searchResults { padding: 0; list-style: none; margin: 0; display: block; }
.searchAutoComplete .popup > .searchResults ul.searchResults li { display: flex; align-items: center; -webkit-align-items: center; margin: 15px 0; }
.searchAutoComplete .popup > .searchResults ul.searchResults li:after { content: ''; clear: both; display: block; }
.searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsImgWrap { width: 50px; margin-right: 15px; border-radius: 7px; overflow: hidden; text-align: center; display: flex; justify-content: center; -webkit-justify-content: center; }
.searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsImgWrap img { width: 100%; height: 100%; object-fit: cover; }
.searchAutoComplete .popup > .searchResults ul.searchResults li.searchResultsItemDestination .searchResultsImgWrap { background-color: rgb(22, 70, 168, 0.1); padding: 8px 0; }
.searchAutoComplete .popup > .searchResults ul.searchResults li.searchResultsItemDestination .searchResultsImgWrap img { width: 25px; }
.searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent { width: calc(100% - 50px);  }
.searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent h6 { cursor: pointer; margin: 0; font-size: 16px; text-transform: none; line-height: 1; }
.searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent span { font-size: 14px !important; color: #aaa; line-height: 1 !important; }


#search-autocomplete-top input.searchBoxInput { width: 250px; background-color: transparent; box-shadow: none; padding: 0; font-size: 14px; line-height: 24px; padding-left: 25px; }

#search-autocomplete-hero .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemContent { width: calc(100% - 25px) !important; }
#search-autocomplete-hero .searchAutoComplete .popup > .popularSearches ul.searchResults li .searchResultsItemContent h6 { cursor: pointer; margin: 7px 0; font-size: 16px; text-transform: none; white-space: break-spaces !important; }

#search-autocomplete-hero .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsImgWrap { width: 50px !important; margin-right: 15px !important; border-radius: 7px; overflow: hidden; text-align: center; display: flex; justify-content: center; -webkit-justify-content: center; }
#search-autocomplete-hero .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsImgWrap img { width: 100%; height: 100%; object-fit: cover; }
#search-autocomplete-hero .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent { width: calc(100% - 50px) !important; white-space: break-spaces !important; }
#search-autocomplete-hero .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent h6 { margin: 0 !important; }
#search-autocomplete-hero .searchAutoComplete .popup > .searchResults ul.searchResults li.searchResultsItemDestination .searchResultsImgWrap { background-color: rgb(22, 70, 168, 0.1); padding: 8px 0; }
#search-autocomplete-hero .searchAutoComplete .popup > .searchResults ul.searchResults li.searchResultsItemDestination .searchResultsImgWrap img { width: 25px !important; }

#search-autocomplete-mobile input.searchBoxInput { background-image: url(https://assets.cityexperiences.com/wp-content/uploads/2022/02/maginifying-glass-icon.png); background-repeat: no-repeat; background-position: center left; font-size: 14px; width: 100%; background-color: transparent; box-shadow: none; padding: 0 0 0 30px; line-height: 24px; }
#search-autocomplete-mobile .searchAutoComplete .popup { width: 300px; }
#search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li {  }
#search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li.searchResultsItemDestination .searchResultsImgWrap { padding: 2px 0; width: 25px; margin-right: 7px; }
#search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li.searchResultsItemDestination .searchResultsImgWrap img { width: 15px; }
#search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent { width: calc(100% - 25px); }
#search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent h6 { font-size: 14px; line-height: normal; }
#search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent span { font-size: 12px !important; }
#search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li { border: none; }
#search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsImgWrap { width: 25px; margin-right: 7px; }
#search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent { width: calc(100% - 25px); white-space: break-spaces; }
#search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent h6 { font-size: 14px; line-height: normal; }
#search-autocomplete-mobile .searchAutoComplete .popup > .searchResults ul.searchResults li .searchResultsItemContent span { font-size: 12px !important; line-height: normal !important; }

@media only screen and (min-width: 320px) and (max-width: 767px) {
	.searchAutoComplete .popup { width: 340px; }
	.activate-top-algolia { display: none; }
	.activate-searchxp-mobile { display: block; }
}