ul.ui-autocomplete{
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
    background: rgb(255, 255, 255);
    border: 1px solid #77bf43;
    margin-top: 8px;
    list-style: none;
    color: #77bf43;
    width: 289px;
}
.ui-autocomplete li{
	cursor: pointer;
	padding: 5px;
}
.ui-autocomplete li:hover{
	background-color: #77bf43;
	color: #fff;
}

.page-template-homepage-template ul.ui-autocomplete{
    width: 706px !important;
}

@media only screen and (max-width: 600px) {
    .page-template-homepage-template ul.ui-autocomplete{
        width: 286px !important;
    }
    ul.ui-autocomplete{
        width: 354px !important;
    }
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){
    .page-template-homepage-template ul.ui-autocomplete{
        width: 471px !important;
    }
    ul.ui-autocomplete{
        width: 289px !important;
    }
}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (orientation : landscape) {
    .page-template-homepage-template ul.ui-autocomplete{
        width: 617px !important;
    }
}

.ui-autocomplete-category{color:black;font-size:18px;font-weight:bold;text-transform: capitalize;}