.max-h-\[350px\] {
    max-height: 500px;
}

.promotion-banner li {animation-duration: 25s !important}


div.grid.grid-cols-2 a img {
  border: 1px solid #e5e7eb;
  border-radius: 30px;
  padding: 6px;
  background: #fff;
}

@media (min-width: 1024px) {

    #app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG
    > footer > div > div.store-footer__inner
    > div > div:nth-child(3) > div > a {
        transform: translateY(80px);
    }

    #app > div.app-inner.flex.flex-col.min-h-full.bg-storeBG
    > footer > div > div.store-footer__inner
    > div > div.lg\:-mt-\[45px\].relative.z-\[1\].lg\:col-\[2\] > div {
        transform: translateY(40px);
    }

}


@media (max-width: 768px) {
  #mainnav {
    margin-top: -25px; /* adjust value */
  }
}

@media (max-width: 768px) {
  #mainnav > div > div > div > div:nth-child(1) > a.navbar-brand {
    transform: scale(0.50);
  }
}

@media (max-width: 768px) {
  #mainnav > div > div > div > div.flex.items-center.justify-end {
    transform: scale(0.77);
    transform-origin: left center;
  }
}