body {
  margin: 0;
  padding: 0;
  font-size: 0;
  background: url(../header-images/BG.jpg) !important;
  background-size: cover;
  background-position: center center;
}

img {
  width: 100%;
  height: auto;
}

body:after,
.mainWrapper {
  display: none;
}

.headerWrapper {
  /* overflow: hidden; */
  width: 100%;
  font-size: 0;
  position: relative;
  /* padding-bottom: 56.25%; */
  /* max-width: 80vw; */
  margin: 0 auto;
  height: auto;
  /* box-sizing: border-box; */
}

.headImageLogo {
  width: 40%;
  margin: 0 auto;
  position: static;
  display: block;
  width: 44vw;
  transition: all ease-out 0.5s;
}

.headImageLogo:hover{
  opacity: 0.5;
}

.headerLeftImage {
  position: absolute;
  width: 20%;
  top: 0;
  left: 6%;
  width: 17vw;
}

.headerRightImage {
  width: 20%;
  right: 6%;
  top: 0;
  position: absolute;
  width: 16vw;
}

.headerTextUs {
  position: relative;
  width: 25%;
  display: block;
  margin: 0 auto;
  width: 20vw;
}

.tourOuterWrapper {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}

.firstMenu,
.secondMenu {
  font-size: 0;
}

.firstMenu > div,
.secondMenu > div {
  width: 50%;
  display: inline-block;
  vertical-align: middle;
  width: 41%;
  margin: 0 4vw;
}

.firstMenu > div > div,
.secondMenu > div > div {
  width: 40%;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.headsocialWrapper {
  position: absolute;
  right: 1vw;
  top: 28.5vw;
}

.menuWrapper {
  text-align: center;
  position: relative;
  z-index: 2;
}

.secondMenu {
  margin: 3vw 0;
}

.tourMenu {
  position: relative;
  width: 100%;
  top: 2vw;
}

.musicMenu {
  position: relative;
  /* width: 10vw; */
  left: 4vw;
  top: 3vw;
}

.videoMenu {
  position: relative;
  /* width: 10vw; */
  top: 1.82vw;
  left: 2vw;
}

.storeMenu {
  position: relative;
  /* width: 10vw; */
  top: 0vw;
  left: 3vw;
}

@media only screen and (max-width: 480px) and (orientation: portrait) {
  .headerWrapper {
    /* height: 120vh; */
    padding-bottom: 0;
    /* max-height: 835px; */
    position: relative;
    width: 100%;
    max-width: 100%;
    padding-bottom: 40px;
  }

  .headImageLogo {
    position: static;
    width: 185.774876px;
    margin: 30px auto 0;
  }

  .headsocialWrapper {
    width: 100%;
    margin: 20px auto;
    position: relative;
    text-align: center;
    top: 22vw;
  }

  .headerLeftImage {
    position: absolute;
    width: 145.895227px;
    left: -2.127938px;
    top: -4.485246px;
  }

  .headerRightImage {
    position: absolute;
    width: 87.488029px;
    top: -12.252052px;
    right: 21.868361px;
  }

  .headerTextUs {
    width: 280px;
    margin: 0 auto;
    margin-top: 89px;
  }

  .firstMenu > div > div,
  .secondMenu > div > div {
    width: 100%;
    position: relative;
  }

  .storeMenu {
    width: 82.929104px;
    top: 0;
    left: 25%;
    width: 70%;
    left: 5%;
  }

  .videoMenu {
    width: 98.132774px;
    top: 26px;
    left: 5%;
    width: 70%;
  }

  .tourMenu {
    width: 70.269154px;
    left: 5%;
    top: 25px;
    width: 70%;
  }

  .musicMenu {
    width: 80.551803px;
    left: 25%;
    top: 48px;
    width: 70%;
  }

  .firstMenu,
  .secondMenu {
    font-size: 0;
    margin: 0px auto;
  }

  .firstMenu > div,
  .secondMenu > div {
    width: 80%;
    position: static;
    margin: 40px 0;
  }

  .storeMenuImage {
    width: 100%;
  }

  .secondMenu {
    margin: 25px auto;
  }

  .headerWrapper > div.mail-wrap {
    position: static;
    top: unset;
    left: 2%;
    bottom: 1%;
    text-align: center;
  }

  .mailingListOpener {
    font-size: 24px;
  }
}