.typeahead,
      .tt-query,
      .tt-hint {
        width: 300px;
        height: 30px;
        padding: 0px 7px;
        font-size: 15px;
        line-height: 30px;
        border: 1px solid #fff;
        -webkit-border-radius: 4px;
           -moz-border-radius: 4px;
                border-radius: 4px;
        box-shadow: 0 1px 5px rgba(0,0,0,0.65);
        outline: none;
      }
      
        /* Smaller than standard 960 (devices and browsers) */
      @media only screen and (max-width: 495px) {
        .typeahead,
        .tt-query,
        .tt-hint {
          width: 300px;
        }
      }
      
      @media only screen and (min-width: 641px) and (max-width: 751px) {
        .typeahead,
        .tt-query,
        .tt-hint {
          width: 300px;
        }
      }
    
      /* All Mobile Sizes (devices and browser) */
      @media only screen and (max-width: 767px) {}
    
      /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
      @media only screen and (min-width: 480px) and (max-width: 767px) {}
    
      /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
      @media only screen and (max-width: 479px) {}


      .typeahead {
        background-color: #fff;
      }
      
      .typeahead:focus {
        border: 1px 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: 300px;
        margin: 0px;
        padding: -1px;
        background-color: #fff;
        border: 1px solid #ccc;
        border: 1px solid rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 0px 0px 4px 4px;
           -moz-border-radius: 0px 0px 4px 4px;
                border-radius: 0px 0px 4px 4px;
        -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
           -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
                box-shadow: 0 5px 10px rgba(0,0,0,.2);
      }
      
      .tt-suggestion {
        padding: 3px 10px;
        font-size: 15px;
        line-height: 24px;
      }
      
      .tt-suggestion:hover {
        cursor: pointer;
        color: #fff;
        background-color: #0097cf;
      }
      
      .tt-suggestion.tt-cursor {
        color: #fff;
        background-color: #0097cf;
      
      }
      
      .tt-suggestion p {
        margin: 0;
      }