typeahead.css
span.twitter-typeahead .tt-menu {
  cursor: pointer;
}

.dropdown-menu, span.twitter-typeahead .tt-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 1rem;
  color: #373a3c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

span.twitter-typeahead .tt-suggestion {
  display: block;
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  color: #373a3c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0; }
span.twitter-typeahead .tt-suggestion:focus, .dropdown-item:hover, span.twitter-typeahead .tt-suggestion:hover {
    color: #2b2d2f;
    text-decoration: none;
    background-color: #f5f5f5; }
span.twitter-typeahead .active.tt-suggestion, span.twitter-typeahead .tt-suggestion.tt-cursor, span.twitter-typeahead .active.tt-suggestion:focus, span.twitter-typeahead .tt-suggestion.tt-cursor:focus, span.twitter-typeahead .active.tt-suggestion:hover, span.twitter-typeahead .tt-suggestion.tt-cursor:hover {
    color: #fff;
    text-decoration: none;
    background-color: #0275d8;
    outline: 0; }
span.twitter-typeahead .disabled.tt-suggestion, span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover {
    color: #818a91; }
span.twitter-typeahead .disabled.tt-suggestion:focus, span.twitter-typeahead .disabled.tt-suggestion:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)"; }
span.twitter-typeahead {
  width: 100%; }
  .input-group span.twitter-typeahead {
    display: block !important; }
    .input-group span.twitter-typeahead .tt-menu {
      top: 2.375rem !important; }

.twitter-typeahead a{
    display:block;
    color: #0056b3;
    text-decoration: none;
    padding:0.5em 1em;
}

.twitter-typeahead a strong{
  text-shadow: none;
}
.twitter-typeahead li{
}

.twitter-typeahead a:hover{
  background:rgba(0,0,0,.2);
}

.twitter-typeahead{
      position: relative;
    display: inline-block;
    display: block;
    padding: 0;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%!important;
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
      border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
  .tt-menu{
    width:100%;
    top:0.5em;
  }

 .twitter-typeahead input{
  border-top-right-radius: 0;
    border-bottom-right-radius: 0;
        font-size: 1rem;
    height: 3rem;
}

input.form-control.typeahead.no-arrowable.tt-input {
    width: 100%;
    display: block;
    min-width: 300px;
}

span.twitter-typeahead {
    display: block;
    width: 100%;
}

.tt-dataset.tt-dataset-allItems {
    width: 100%;
    min-width: 300px;
}

.tt-menu {
    min-width: 300px!important;
}

.typeahead{
	min-width:300px;
	margin:0 auto;
	display:block;
}

.product-thumb img {
    width: 100%;
}

figure.product-thumb.col-md-4 {
    margin: 0;
    display: inline-block;
}