#header, #header .header-top {
    background-color: white;
}
#search_widget form:not(.mobile-search form) {
    position: relative;
}
#search_widget form:not(.mobile-search form) i.clear {
    right: 15px;
    display: none;
}
#search_widget form:not(.mobile-search form) input {
    outline: none;
}

.ui-autocomplete.searchbar-autocomplete {
    width: 100%;
    min-height: 100%;
    border: none;
}

.ui-autocomplete.searchbar-autocomplete li a, .ui-autocomplete.searchbar-autocomplete li a.ui-state-focus {
    padding: 8px 15px;
    overflow: auto;
    border: none;
    background: none;
    margin: auto;
    border-radius: 0;
}

.ui-autocomplete.searchbar-autocomplete li a:hover {
    background-color: #f1f1f1;
    cursor: pointer;
}

.ui-autocomplete.searchbar-autocomplete li a .autocomplete-thumbnail {
    float: left;
    width: 50px;
    height: auto;
    margin-right: 8px;
}

@media only screen and (min-width: 768px) {
    .ui-autocomplete.searchbar-autocomplete {
        width: 400px;
        min-height: auto;
        left: auto;
    }
}

.hidden-md-up.mobile-search {
    width: 100%;
}

.mobile-search form {display: flex;justify-content: flex-end;}

@media (max-width: 767px) {
    div#search_widget {
        margin-top: 10px;
    }

    div#search_widget {
        width: 70% !important;
    }

    .mobile-search form input.ui-autocomplete-input {
        width: 90%;
        outline: none;
        height: 22px;
    }

    .search-widget .mobile-search form button[type="submit"] {
    background: #3cabdb none repeat scroll 0 0;
    border: medium none;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    bottom: auto;
    top: auto;
    color: #ffffff;
    font-weight: bold;
    position: absolute;
    width: 46px;
    padding: 1px;
    }
}