#header, #header .header-top {

    background-color: white;

}



#search_widget {

    margin-bottom: .625rem;

}

#search_widget form {

    position: relative;

}

#search_widget form i {

}

#search_widget form i.clear {

    right: 15px;

    display: none;

}

#search_widget form input {

    width: 100%;

    padding: 10px 40px 10px 10px;

    outline: none;

    background-color: #f1f1f1;

    border-radius: 15px;

    border: 15px;
    border-color: #aba3a3;

}



.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) {

    #search_widget {

        /* float: right; */

        margin-bottom: 0;
        border: 15px;
        border-color: red;

    }



    .ui-autocomplete.searchbar-autocomplete {

        width: 400px;

        min-height: auto;

        left: auto;

    }

#search_widget form input {
   
    border-radius: 30px;
    border: 15px;
    border-color: red;
}


}



@media only screen and (min-width: 992px) {

    #search_widget {

        /* min-width: 15.63rem; */
        width: 50%;

    }

}