/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

.hero_single.japan {
  height: 620px;
}
.hero_single.japan:before {
  background: url(/img/banner/japan.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.hero_single.japan .wrapper {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.45);
}
.hero_single.japan .wrapper h3 {
  font-size: 42px;
  font-size: 2.625rem;
  text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .hero_single.japan .wrapper h3 {
    font-size: 26px;
    font-size: 1.625rem;
    margin-top: 60px;
  }
}
@media (max-width: 575px) {
  .hero_single.japan .wrapper h3 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.hero_single.japan .wrapper p {
  font-weight: 400;
  margin: 5px 0 0 0;
  padding: 0;
  font-size: 21px;
  font-size: 1.3125rem;
  text-shadow: 4px 4px 12px rgba(0, 0, 0, 0.3);
}
.hero_single.japan .wrapper p strong {
  font-weight: 600;
}
@media (max-width: 767px) {
  .hero_single.japan .wrapper p {
    padding: 0;
    font-size: 14px;
    font-size: 0.875rem;
  }
}


/* Search Page */
.hero_in.search:before {
  background: url(/img/banner/garden-marina-bay-sands-singapore.jpg) center center no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.hero_in.search .wrapper {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.6);
}



/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.sp_img { max-height:210px; width: auto; margin: auto; }
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.sp_img { max-height:210px; width: auto; margin: auto; }
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.sp_img { max-height:400px; width: auto; height: auto; margin: auto; }
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

     .sp_img { max-height:400px; width: auto; height: auto; margin: auto; }

} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

     .sp_img { max-height:400px; width: auto; height: auto; margin: auto; }
}