.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
        
        /* prevent horizontal scrollbar */
        overflow-x: auto;
        max-width:300px;
        text-align:left;
        max-height: 200px;
        overflow-y: auto;
        background:var(--main-color1);
        z-index:1000
}

.ui-autocomplete .ui-menu-item{
    font-size:13px;
    padding:10px 10px;
    transition: none;
    box-sizing:border-box;
    color:var(--main-color3);
    text-indent: 0;
    line-height:1.1em
}

.ui-autocomplete .ui-menu-item.ui-state-focus{
    border:0px;
    color:var(--main-color1);
    background:var(--main-color2);
    margin:0;
}
@media only screen and (max-width:1279px){
    .ui-autocomplete{
        max-width:250px;
    }
}
@media only screen and (max-width:1023px){
    
}
@media only screen and (max-width:1100px){
    .ui-autocomplete{
        max-width:210px;
    }
}