      <div class="img-wrap">
            <img src="/media/{{product.product_images.first.image}}" />
          </div>
          <figcaption class="info-wrap border-top">
            <a href="{% url 'get_product' product.slug %}" class="title">
              <b>{{ product.product_name }}</b></a>
            <div class="price mt-2">â‚¹{{ product.price }}.00</div>
          </figcaption>
        </figure>
      </div>

      {% endfor %} {% elif query %}
      <div class="col-md-12">
        <p>No products