.typeahead,
.tt-query,
.tt-hint {
 width: 100%;
 padding: .375rem .75rem;
 font-size: 1rem;
 line-height: 1.5;
 border:0px solid #ccc;
 border-radius:0px;
 outline: none;
}

.typeahead {background-color: #fff}
.twitter-typeahead{ margin:0px 0 0 0 !important; width:100%}
.typeahead:focus {border: 2px solid #0097cf;}
.tt-query {-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075)}

.tt-hint {color:#999}
.tt-menu {width:275px;margin:3px 0;padding:5px; text-align:left;background-color: #fff;border:1px solid #ccc;border: 1px solid rgba(0, 0, 0, 0.2);border-radius:0px 0px 8px 8px;-webkit-box-shadow: 0 7px 10px rgba(0,0,0,.4);-moz-box-shadow: 0 7px 10px rgba(0,0,0,.4);box-shadow: 0 7px 10px rgba(0,0,0,.4)}

.tt-suggestion {padding: 3px 10px;font-size: 13px; color:#666; font-weight:500;
line-height: 24px; border-radius:20px;
}.tt-suggestion strong{ font-weight:500}
.tt-suggestion:hover {cursor:pointer;color:#fff;background-color:#38b0b0;}
.tt-suggestion.tt-cursor {color: #fff;background-color:#38b0b0}
.tt-suggestion p {margin: 0;}
.gist{ font-size: 14px}

@media only screen and (max-width:767px) {
.twitter-typeahead{ margin:1px 0 0 0 !important; width:100% !important; text-align:left !important;}
.tt-menu{ width:290px; text-align:left;}
}

@media only screen and (max-width:479px) {
.tt-menu{ width:100%; text-align:left;}
.tt-suggestion{ padding:3px 8px;}	
}


/* example specific styles */
/* ----------------------- */