.select_dropdown {
width:100%;height:40px;font-size:14px;-webkit-border-radius: 3px;outline:none;background-color:#FFF;
}

.box-right_desc_hotel {
float:right;font-size:10px;padding:4px;padding-left:15px;padding-right:15px;border-radius:4px;color:#696969;border: 1px solid #dddddd;font-family: "MuseoLight";
}

.box-right_desc_area-color {
font-weight:normal;float:right;font-size:10px;padding:4px;padding-left:15px;padding-right:15px;font-family: "MuseoLight";
}

.box-right_desc_hotel-color, .box-right_desc_search-color {
font-weight:normal;float:right;font-size:10px;padding:4px;padding-left:15px;padding-right:15px;margin-top:10px;font-family: "MuseoLight";
}

a.box-right_desc_hotel:hover {
color:#000;font-family: "MuseoLight";
}

.desc_hotel, .desc_search {
font-family: "MuseoLight";
font-size:11px;
font-weight:normal;
margin-top:2px;
}

.ui-autocomplete {
    max-width: 550px;
    width: 550px;
    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    cursor: pointer;
    background-color: #f6f6f6;
    color: #434343;
    border: 1px solid #f6f6f6;
} 

@media only screen
and (min-width : 50px)
and (max-width : 600px) {
.ui-autocomplete {
    max-width: 350px;
}
}