.ui-autocomplete {
	  z-index: 99 !important;  max-width: 300px; background: #eee; margin: 3px; padding: 3px;
	}

   @media only screen and (max-width: 768px) {
  	.ui-autocomplete {
	  z-index: 99 !important;  width: 220px;  background: #eee; margin: 3px; padding: 3px;  overflow: hidden;
	}
	.tftextinput{
		margin: 0;
		padding: 5px 15px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:14px;
		border:1px solid #D14747; border-right:0px;
		border-top-left-radius: 5px 5px;
		border-bottom-left-radius: 5px 5px;  width:220px;
	}
     	}

	.ui-menu-item{
		text-align:left;
		overflow: hidden;
	}

 	.ui-autocomplete  li,.ui-autocomplete  li a	 {
	   list-style: none ;  color: #000;
	}

    	.ui-autocomplete  li:hover	 {
	 background:  #FF8855;
	}
      	.ui-autocomplete  li a:hover,.ui-autocomplete  .name-as a:hover	 {
  color: #fff;
	}
  .ui-menu-item a {
   text-decoration: none
	}
      .ui-menu-item a:hover {
  color: #000;
	}
.ui-autocomplete .product-list-as	.image {
    float: left;

    margin: 8px;
	}
.ui-autocomplete .product-list-as	.image img {
    height: 50px;
    width: 50px;
    border: none;
    padding: 0;
	}
.ui-autocomplete .product-list-as	.name-as {
    background: transparent;
    font-weight: bold;
    text-decoration: none;
    height: auto;
   font-size: 13px;
    margin: 8px;
    padding: 0;
    border: 0;
  }


.ui-autocomplete .product-list-as	.price-as {
    height: 20px;
    overflow: hidden;
    float: none;
    margin: 0;
    padding: 0;
    border: 0;
    text-align: left;   background: transparent;
  }







.ui-autocomplete .product-list-as	.price-old {
    margin-right: 2px;
  }
.ui-autocomplete .product-list-as	.description,
.ui-autocomplete .product-list-as	.attributes {
    margin: 0;
    padding: 0;
    overflow: hidden;
    clear: both;
  }