#search {

}
#search > .input-field {
    flex-wrap: wrap;
    min-width: 0px !important;
    margin-bottom: 0.25em;
    overflow: hidden;
}
#search > .input-field > #btn-search{
    width: 100%;
}
#search > .input-field > i {
    display: none;
}
#search > .input-field > input {
    margin-left: 0px !important;
    margin-right: 0px !important;
    min-width: 0px;
    width: 100%;
}

@media screen and (min-width: 500px) {
    #search > .input-field {
        flex-wrap: nowrap;
    }
    #search > .input-field > i {
        display: initial;
    }
    #search > .input-field > input {
        margin-right: 1em !important;
        min-width: 0px;
    }
    #search > .input-field > #btn-search{
        flex-grow: 1;
        flex-shrink: 0;
        width: auto;
    }
}

#search  input {
    border: 1px solid #D5D5D5;
    border-radius: 15px;
    padding: .25em 3em;
    box-shadow: none !important;
}

#search  input:focus {
    border: 1px solid #1976D2 ;
}

/* new searchBar */

.searchBar-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
}

.searchBar-wrapper > .searchBar-under{
    position: absolute;
    top: 10px;
    left: 25px;
}

#autocomplete-input {
    width: 100%;
    display: block;
    position: relative;
}