*{box-sizing:border-box;}.autocomplete{position:relative;display:inline-block;}input{border:1px solid transparent;background-color:#f1f1f1;padding:10px;font-size:16px;}input[type=text]{background-color:#f1f1f1;width:100%;}input[type=submit]{background-color:#1e90ff;color:#fff;}.autocomplete-items{position:absolute;border:1px solid #d4d4d4;border-bottom:none;border-top:none;z-index:99;top:100%;left:35px;right:75px;max-height:300px;overflow-y:auto;}@media(max-width:768px){.autocomplete-items{left:15px;right:65px;max-height:200px;}}.autocomplete-items div{padding:10px;cursor:pointer;background-color:#fff;border-bottom:1px solid #d4d4d4;}.autocomplete-items div:hover{background-color:#e9e9e9;}.autocomplete-active{background-color:#1e90ff !important;color:#fff;}