@media only screen and (max-width: 767px) {
    
    .imageoffeature{
        height: 300px !important;
        width: auto !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        
    }
    .featurehight{
        
        height: 200px !important;
        width: 200px !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
    }

    .notinmbl {
        display: none !important;
    }
    
    .banner__item {
      width: 100% !important; /* Set each item to take 50% of the width */
      padding: 10px !important; /* Adjust padding or margin as needed */
      box-sizing: border-box; /* Ensure padding is included in width */
      
    }
  
    /* Optionally adjust the image size */
    .banner__img img {
       /* Adjust the image size */
      height: auto;
      object-fit: cover !important;
      object-position: center !important;
    }
    .textofbanner1{
        font-size: 13px !important;
    }
    .textofbanner{
        font-size: 12px !important;
    }
    .col-sm-12 {
        flex-basis: 50% !important; /* Set each item to take 50% of the width */
        max-width: 50% !important; /* Prevent the item from expanding beyond 50% */
        box-sizing: border-box; /* Ensure padding is included in width */
    }
    .row-cols-xxl-4 > .col,
    .row-cols-xl-4 > .col,
    .row-cols-lg-4 > .col,
    .row-cols-md-2 > .col {
        flex-basis: 50% !important; /* Set each item to take 50% of the width */
        max-width: 50% !important; /* Prevent the item from expanding beyond 50% */
        box-sizing: border-box; /* Ensure padding is included in width */
    }
   

    .single-features-item1 {
        /* Set desired width and height for the product card */
        width: 100%;
        max-width: 300px; /* Adjust as needed */
        max-height: 400px; /* Set maximum height for the card */
        overflow: hidden; /* Hide overflow content */
        margin-bottom: 20px;
        /* Add other necessary styles */
    }
    
    .single-features-item1 .features-product-image1 img {
        /* Adjust the image size within the card */
        max-width: 100%;
        height: auto;
        display: block;
        /* Add other necessary styles */
    }
    .product__content {
        /* Adjust text content styling */
        overflow: hidden;
    }
    .featured-products-container {
        display: flex;
        justify-content: center; /* Horizontally center items */
        align-items: center; /* Vertically center items */
        flex-wrap: wrap; /* Ensure items wrap on smaller screens */
    }
    
}