@media (min-width:786px) {
    .autocomplete ul {
        position: absolute;
        background-color: #fff;
        list-style-type: none;
        padding: 0px;
        width: 70%;
        z-index: 10000;
        border: solid 1px #999;
    }
}
@media (max-width:786px) {
    .autocomplete ul {
        width: 100% !important;
        position: absolute;
        background-color: #fff;
        list-style-type: none;
        padding: 0px;
        z-index: 10000;
        left: 0px;
    }
}
.autocomplete ul li {
    padding: 4px 10px;
    cursor: pointer;
    border-bottom: solid 1px #bbb;
    width: 100%;
    margin: 0px;
    
    

}
    .autocomplete ul li:hover {
        color: #777;
    }
    .autocomplete ul li.active {
            background-color: #ddd;
        }