@media (min-width: 300px) and (max-width: 500px) {
    .section-space .product-banner-item {
        display: flex;
        justify-content: center;
        /* Center horizontally */
        align-items: center;
        /* Center vertically */
        width: 100%;
    }

    .section-space .product-banner-item img {
        width: 57% !important;
        /* Your required width */
        height: auto;
        display: block;
        margin: 0 auto;
        /* Ensures centering */
    }

}

@media (min-width: 280px) and (max-width: 400px) {
    .section-space .product-banner-item {
        display: flex;
        justify-content: center;
        /* Center horizontally */
        align-items: center;
        /* Center vertically */
        width: 100%;
    }

    .section-space .product-banner-item img {
        width: 50% !important;
        /* Your required width */
        height: auto;
        display: block;
        margin: 0 auto;
        /* Ensures centering */
    }
}

.product-banner-item {
    background-color: #f7ddc4;
}

.footer-widget__social-box a {
    margin-right: 10px;
    font-size: 20px;
    color: #333;
    transition: 0.3s;
}

/* poster */

.plans-gallery {
    padding: 40px 20px;
    background: #f4f8f2;
    text-align: center;
    border-radius: 30px;

}

/* 4 images in a row (DESKTOP) */
.plans-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    align-items: center;
    justify-items: center;
}

.plan-img {
    width: 100%;
    max-width: 220px;
    border-radius: 14px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

/* TABLET (screen ≤ 992px) */
@media (max-width: 992px) {
    .plans-row {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* MOBILE (screen ≤ 600px) */
@media (max-width: 600px) {
    .plans-row {
        grid-template-columns: repeat(1, 1fr);
    }

    .plan-img {
        max-width: 280px;
        /* bigger on mobile */
    }
}

/* Mobile view */
@media (max-width: 767px) {

    /* header row flex मध्ये */
    .header-area .row {
      display: flex;
    }
  
    /* Logo column */
    .header-area .col-5.col-sm-6.col-lg-3 {
      order: 1;                
      /* text-align:left; */
      float: left;
    }
  
    /* Right column */
    .header-area .col-7.col-sm-6.col-lg-3 {
      order: 2;               
      width: 100%;
      text-align: center;
    }
  
    /* 🔥 Google Translate – LOGO च्या खाली */
    #google_translate_element {
      position: static;        
      width: 100% !important;
      float: none !important;
      text-align: left;
      margin: 10px 0 8px 0;
    }
  
    /* Social icons */
    .widget-socialsocial-icons {
        position: static;      
        width: 100% !important;
        text-align: right;
        margin: -36px 16px 8px 11px;
    }
  
    /* Menu button right */
    .header-action {
      position: absolute;
      right: 10px;
      top: 8px;
    }
  }