.merch-wrapper {
  width: 35%;
  margin: 0 auto;
}

section#merch .merch-full {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 85vw;
  margin: 0 auto;
  position: relative;
  top: auto;
  left: auto;
  transform: none;
}

.fade-container {
  position: relative;
  width: 30vw; /* adjust size */
  height: 30vw;
  margin: 0 auto;
  overflow: hidden;
}

.fade-container img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.fade-container img.active {
  opacity: 1;
  z-index: 1;
}
section#merch {
  position: relative;
  margin-top: 0;
}

a.primary-btn {
  margin: 0;
  padding: 0;
  font-size: 0;
}

.merch-image a:hover {
  opacity: 0.5;
  background: transparent;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: block;
}

.merch-image a {
  width: 100%;
  background: transparent;
}

.merch-text a {
  font-size: 1.6vw;
}

.merch-text {
  width: 50%;
  margin: 0 auto;
}
.owl-nav img {
  width: 100%;
}

.officail-store {
  position: absolute;
  right: 4.0625vw;
  /* translate: 0 -50%; */
  bottom: 3.9vw;
  z-index: 9;
}
.officail-store1 {
  position: relative;
  text-align: center;
}

.officail-store1 a {
  background: transparent;
  width: 12vw;
  height: 3vw;
  line-height: 3vw;
  font-size: 1.25vw;
  margin: 0;
  padding: 0;
  display: inline-block;
  text-transform: lowercase;
  text-align: center;
  font-family: var(--site-primary-font);
  border: 1px solid;
  border-radius: 2vw;
}

.officail-store1 a:hover{
  background-color: #cdddf2;
  color: #000;
  opacity: 1;
}
.white .officail-store1 a:hover{
  background-color: #000;
  color: #fff6f2;
  opacity: 1;
}

section#merch .owl-nav {
  position: absolute;

  left: 45%;
  transform: translateX(-50%);
  top: calc(100% + 1.5vw);
}

section#merch .owl-nav .owl-prev,
section#merch .owl-nav .owl-next {
  width: 3vw;
  height: 3vw;
  display: inline-block;
}

section#merch .owl-nav .owl-next {
  position: absolute;
  left: 2vw;
}

section#merch .owl-nav .owl-prev {
  position: absolute;
  left: -5vw;
}

.officail-store1 {
  translate: -25% -50%;
  opacity: 0;
  transition: translate 750ms 750ms ease-in, opacity 750ms 750ms ease-in;
}

section#merch .owl-nav .owl-prev {
  translate: 325% 0;
}

section#merch .owl-nav .owl-next {
  translate: 100% 0;
}

section#merch .owl-nav .owl-prev,
section#merch .owl-nav .owl-next {
  opacity: 0;
  transition: translate 750ms 750ms ease-in, opacity 750ms 750ms ease-in;
}

.merchAnimation .officail-store1 {
  translate: 0 -50%;
  opacity: 1;
}

section#merch.merchArrowAnimation .owl-nav .owl-prev,
section#merch.merchArrowAnimation .owl-nav .owl-next {
  opacity: 1;
  translate: 0;
}

section#merch .owl-nav .owl-prev {
  position: absolute;
  top: 0;
  right: unset;
  left: 0;
  transform: none;
  width: 3vw;
  height: 3vw;
  border-radius: 18vw;
  background-size: 1.5vw;
  padding: 0px;
  margin: 0px;
  transform: none;
  font-size: 1.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
}

section#merch .owl-nav .owl-next {
  position: absolute;
  top: 0;
  left: 6vw;
  right: auto;
  width: 3vw;
  height: 3vw;
  border-radius: 15vw;
  background-size: 1.5vw;
  padding: 0px;
  margin: 0px;
  font-size: 1.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid;
}

section#merch .owl-nav {
  /* left: 0; */
}

section#merch .owl-nav img {
  display: none;
}

section#merch.merchArrowAnimation .owl-nav .owl-prev:hover,
section#merch.merchArrowAnimation .owl-nav .owl-next:hover {
  opacity: 0.7;
}
section#merch {
  padding: 5vw 0;
  padding: 5vw 0 0 0;
}
section#merch .merch-full {
  padding-bottom: 1vw;
}
@media only screen and (max-width: 1023px) and (orientation: portrait) {
  .merch-wrapper {
    width: 100%;
    margin: 0 auto;
  }
  .fade-container {
 
    width: 85vw;
    height: 85vw;
  }

.officail-store1 a{
  width: 50vw;
          height: 8.533vw;
        line-height: 8.533vw;
        border-width: 0.267vw;
        border-radius: 10vw;
        height: 11.959288vw;
        line-height: 11.959288vw;
        background: transparent;
                font-size: 5.452417vw;
}
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  section#merch {
    padding: 5vw 0;
    padding: 5vw 0 75vw;
  }
  section#merch .merch-full {
    padding-bottom: 0;
  }
  .merch-text a {
    font-size: 3.5vw;
  }
  .merch-text {
    text-align: center;
  }
  .officail-store1 a {
    width: 45.801527vw;
    height: 11.959288vw;
    line-height: 11.959288vw;
    font-size: 5.852417vw;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    top: 6vw;
    border-radius: 10vw;
  }

  section#merch .owl-nav {
    position: absolute;
    right: auto;
    left: 50%;
    translate: -50% -50%;
  }

  section#merch .owl-nav .owl-prev {
    width: 11.959288vw;
    height: 11.959288vw;
    position: absolute;
    right: unset;
    left: -36vw;
    top: unset;
    bottom: -15vw;
    bottom: -22vw;
    translate: 150% -50%;
    font-size: 4.5vw;
  }

  section#merch .owl-nav .owl-next {
    width: 11.959288vw;
    height: 11.959288vw;
    position: absolute;
    right: -36vw;
    left: unset;
    top: unset;
    bottom: -15vw;
    bottom: -22vw;
    translate: -150% -50%;
    font-size: 4.5vw;
  }

  section#merch.merchArrowAnimation .owl-nav .owl-next {
    translate: 50% -50%;
  }

  section#merch.merchArrowAnimation .owl-nav .owl-prev {
    translate: -50% -50%;
  }

  .officail-store {
    translate: -50% 25%;
    top: unset;
    left: 50%;
    right: unset;
    transform: unset;
    bottom: 7vw;
  }
  .officail-store1 {
    translate: -50% 25%;
  }

  .merchAnimation .officail-store1 {
    translate: -50% -50%;
    opacity: 1;
    transform: unset;
  }

  img.showDesktop {
    display: none;
  }

  .merch-image a:hover {
    opacity: 1;
  }

  .officail-store1 a.button:first-child {
    margin: 0 auto;
    text-align: center;
    display: block;
  }

  .merchAnimation .officail-store1 {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    transform: none;
    translate: none;
  }
}