﻿.ui-autocomplete{overflow-x:hidden;width:390px;height:350px;overflow-y:scroll;background:#FFF;list-style:none;z-index:70;border:1px solid #AAA;margin-left:0; }
@media (min-width:1200px){.ui-autocomplete{width:390px;}
}
@media (min-width:992px){.ui-autocomplete{width:390px;}
}
@media only screen and (max-width:768px){.ui-autocomplete{width:390px; } 
}

.ui-autocomplete li{padding:2px;margin-left:-30px;border-bottom:1px solid #e5e5e5;cursor:pointer;}
#ui-id-1 li{font-size:14px;cursor:default;max-height:300px;overflow:hidden;}
 #ui-id-1 li > span{font-size:14px;color:#888;}
.ui-menu-item{clear:both;position:relative;margin:0;padding:3px 3px 3px 1px;min-height:0;width:400px;cursor:pointer;}
 .ui-menu-item .ui-state-focus{background:red;font-weight:400;color:#212121;}
 .ui-menu-item label{font-size:14px;color:#333;font-weight:400;cursor:pointer;}
 .ui-menu-item span{font-size:14px;color:#999;}
.ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover{background:#f1f1f1;border:none;color:#000;border-radius:0;font-weight:400;}

@media (min-width:320px) and (max-width:767px){.ui-autocomplete{width:290px !important; left:15px !important;} 
}

@media (min-width:768px) and (max-width:991px) {
    .ui-autocomplete{width:289px !important; } 
}