.value-list {
  width: 100%;
}

.chosen-value {
  background-color: #FAFCFD;
  border: 3px solid transparent;
  border-radius: 5px;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.chosen-value::-webkit-input-placeholder {
  color: #333;
}
.chosen-value:hover {
  cursor: pointer;
}
.chosen-value:hover::-webkit-input-placeholder {
  color: #333;
}
.chosen-value:focus, .chosen-value.open {
  -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
  outline: 0;
  color: #000;
}
.chosen-value:focus::-webkit-input-placeholder, .chosen-value.open::-webkit-input-placeholder {
  color: #000;
}

.value-list {
  list-style: none;
  margin-top: 4rem;
  -webkit-box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 8px 0px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  max-height: 0;
  -webkit-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
.value-list.open {
  max-height: 320px;
  overflow: auto;
}
.value-list li {
  position: relative;
  height: 4rem;
  background-color: #FAFCFD;
  padding: 1rem;
  font-size: 1.1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  -webkit-transition: background-color .3s;
  -o-transition: background-color .3s;
  transition: background-color .3s;
  opacity: 1;
}
.value-list li:hover {
  background-color: #FF908B;
}
.value-list li.closed {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
}

/***************************************NEW-STYLES*****************************************/
header.header .navigation {
  margin-bottom: 0;
}
header.header .navigation li{
  position: relative;
}
header.header .navigation li a+ul{
  height: 0;
  position: absolute;
  top: 70px;
  left: 0;
  right: auto;
  background: rgba(0, 23, 51, 0.9);
  transition: all .3s linear;
  overflow: hidden;
  padding: 0;
  margin-left: 0; 
}
header.header .navigation li:hover a+ul{
  display: block;
  padding: 10px 0;
  transition: all .3s linear;
  height: auto;
}

div#map{
  padding-left: 25px;
}

#ym2map{
  height: 307px !important;
  
}
.results #map #ym2map {
	height:600px !important; 
}

header.header .navigation li ul a{
  transition: all .3s linear;
  line-height: 1.4;
  margin-bottom: 10px;
  position: relative;
}
header.header .navigation li ul a:hover{
  /*bottom:-5px;*/
}
header.header .navigation li ul a::before{
  bottom: -5px;
}
header .navigation li ul li{
  margin-left: 0;
}
@media(max-width: 1199px) {
  div#mse2_mfilter .results {
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  }
  div#mse2_mfilter .results .hotels-group{
    width: 100%;
  }
  div#map{
  padding-left: 0;
}
div#map{
  width: 100% !important;
}

header.header .navigation li a+ul{
  position: static;
  padding: 0;
  height: auto;
}
header.header .navigation li:hover a+ul{
  padding: 0;
}
header.header .navigation li ul a{
  margin-bottom: 0;
}
#wrapper.header-wrapper.opened{
  min-height: 100vh;
}

}

@media(max-width: 767px) {
div#mse2_mfilter .wrapper{
  width: 90%;
  padding: 15px;
}

div#mse2_mfilter .venues .wrapper div.hotels-group li img {
    width: 100% !important;
}
div#mse2_mfilter .venues .wrapper div.hotels-group li.hotel-item.el .hotel-photo>a {
  width: 100%;
}

#result_section .hotels-group .hotel-item{
  padding: 10px !important;
}

#result_section  .venues .wrapper div.hotels-group li{
  text-align: left !important;
}



}



/***************************************NEW-STYLES*****************************************/