/* Add custom CSS styles below */ 
.NG-hero-section .wrapper {
    max-width: 30%;
}
.NG-marquee-banner .discount-content .discount-text {
    max-width: 78%;
    text-wrap: wrap;
    line-height: normal;
}
.GL-promotional-banner.ng-s-block .relative.z-10 {
    max-width: 50%;
}
section.NG-main-banner-7.NG-main-banner.s-block.ng-s-block .text-wrapper.container {
    max-width: 50%;
    margin-right: auto;
    margin-left: 10%;
}


@media (max-width:767px){
.NG-categories .card-back-overlay {
    opacity: 0;
}
.NG-hero-section .wrapper {
    max-width: 45% !important;
}
.NG-hero-section-0 .subtext-bottom {
    width: 70%;
}
.NG-main-banner-7 .text-wrapper h1 {
    max-width: fit-content;
}
section.NG-main-banner-7.NG-main-banner.s-block.ng-s-block .text-wrapper.container {
    max-width: 65%;
    margin-left: 0%;
}
.NG-main-banner-8{
 .banner_grid-1, .banner_grid-2, .banner_grid-3 {
    height: 260px;
}}
}