@media only screen and (min-width: 1024px) {
    @media (min-width: 1024px) {
        .main-menu {
            display: flex;
            justify-content: center;
        }
          .main-menu li a {
              font-size:1.2rem !important;
          }
    }
}

body.index > div.app-inner.flex> main > section > div.grid {grid-template-columns: repeat(2, minmax(0, 1fr));gap: 10px;}
body.index > div.app-inner.flex> main > section > div.grid .banner-entry:first-of-type{
    grid-area:1/1/1/1 !important;
}
body.index > div.app-inner.flex> main > section > div.grid .banner-entry{
    background-color:transparent !important;
    height: 425px;
}
body.index > div.app-inner.flex> main > section > div.grid .banner-entry div.lazy__bg {
    background-size:contain !important;
    background-repeat:no-repeat;
    background-position:center;
}
.featuresss div.grid {grid-template-columns: repeat(3, minmax(0, 1fr)) !important;}

.promotion-banner {
    background-color: #3c2c19 !important;
}

button.s-button-element.s-button-btn.s-button-outline.s-button-sm.s-button-wide.s-button-primary-outline.s-button-loader-center {
    background: #3c2c19 !important;
    color:#fff !important;
    border-radius:16px !important;
}
   section.s-block.s-block--enhanced-features.s-block--animate.container > div{
     grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
 }



.s-block--enhanced-features__item:first-child {
    background:#402a1a !important;
   
  
}
.s-block--enhanced-features__item{
      border:1px solid rgba(66, 42, 27, 1) !important;
     border-radius:16px;
}
.s-block--enhanced-features__item:first-child h2 , 
.s-block--enhanced-features__item:first-child p {
    color:#fff !important;
    
}

.swiper-slide.anime-item.slide--one-fourth.text-center.group  img {
    object-fit: contain !important;
}

@media(max-width:992px){
    body.index > div.app-inner.flex> main > section > div.grid .banner-entry{
    background-color:transparent !important;
    height: 125px;
}
       section.s-block.s-block--enhanced-features.s-block--animate.container > div{
     grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 }

}