#ui-id-1{
    z-index: 999;
    display: none;
}



@media (min-width: 768px){

#ui-id-1 {
    max-height: 200px;
    min-width: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ui-menu .ui-menu-item-wrapper{
    padding: 10px !important;
    font-family: 'Rubik', sans-serif !important;
    background: #F0F4F7 ;
}
.ui-menu .ui-menu-item-wrapper:hover{
    color: white !important;
    background: #77BA5D !important;
    border: none !important;
}
.ui-menu .ui-menu-item-wrapper:active{
    color: white !important;
    background: #77BA5D !important;
    border: none !important;
}
.ui-menu .ui-menu-item-wrapper:focus{
    color: white !important;
    background: #77BA5D !important;
    border: none !important;
}
}
@media (max-width: 767px) {
  
    #ui-id-1 {
        max-height: 200px;
        min-width: 275px;
        overflow-y: scroll;
        overflow-x: hidden;
        width: 235px !important;
        border-bottom: 2px solid #c5c5c5 !important;
        position: fixed;
    }
    .mobileScroll{
        height: 150px;
        overflow-y: scroll;
    }
}