.hero_mystery {
  background-repeat: no-repeat;
  background-position: center 100%;
}

.hero_mystery .container {
  min-height: 300px;
}

@media screen and (max-width: 1024px) {
  .hero_mystery .container {
    min-height: initial;
  }
}

.hero_mystery .country img {
  max-width: 24px;
  max-height: 24px;
  margin-right: 12px;
  opacity: 0.4;
}

@media screen and (max-width: 1024px) {
  .hero_mystery {
  background-image:none !important;
}
  @media screen and (max-width: 600px) {
 .hero_mystery .banner-mobile-generic {
  max-height: 600px;
     
   
  }