/* Add custom CSS styles below */ 

section.s-block.s-block--banners.container {
    max-width:77rem  !important; 
    margin-top:1rem !important;
    margin-bottom:-1rem !important;
}

body.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div > div {
    background-repeat:no-repeat !important;
    background-size: cover !important;
    
}
body.index > div.app-inner.flex.flex-col.min-h-full.bg-storeBG > section.s-block.s-block--banners.container > div > div {
     background-color:transparent !important;
    

}
.banner-entry {
    height:450px;
}


@media(max-width:992px){
.banner-entry {
    height:180px;
}
    section.s-block.s-block--banners.container {
    max-width:23rem  !important; 
    margin-top:0rem !important;
    margin-bottom:-2rem !important;
}
.auto-fit-grid {
    grid-template-columns: repeat(auto-fit,minmax(100px,1fr));
    gap: 10px;
}

}
.inner.bg-inherit.w-full {
    background: #ffffff;
}