/* Add custom CSS styles below */ 
.NG-hero-section .swiper.s-slider-container .swiper-slide:not(:first-child) {
display:none;}
 .NG-categories .lg\:grid-cols-4 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media (min-width:1250px){
 .NG-categories .lg\:grid-cols-4 {
    width: 50%;
    margin: auto;
}
  .NG-hero-section .wrapper {
    top: 33.5%;
}
}
@media (max-width:767px){
  .NG-categories .card-inner {
    height: clamp(13.188rem, 2.6920rem + 19.1830vw, 21.875rem);
}
  .NG-main-banner  .max-w-\[142px\] {
    max-width: 200px;
}
.GL-promotional-banner .container >div {
    height: clamp(335px, 215vw, 600px) !important;
}
  #my-product_category-7 img[alt="banner-img"] {
    object-fit: contain;
}
  #my-product_category-7 .max-h-\[300px\] {
    max-height: 350px;
}
  .NG-main-banner .min-h-\[clamp\(10rem\2c 6\.1735rem\+16\.3265vw\2c 22\.5rem\)\] {
    min-height: clamp(20rem,6.1735rem + 16.3265vw,22.5rem) !important;
}
  .NG-main-banner-10 .banner_grid {
        min-height: 800px !important;
}
  .NG-main-banner-12 .text-wrapper h1 {
    text-align: start;
}
}