diff --git a/theme_boec/__manifest__.py b/theme_boec/__manifest__.py
index f479837d3..d92ec52f5 100644
--- a/theme_boec/__manifest__.py
+++ b/theme_boec/__manifest__.py
@@ -25,7 +25,7 @@
     'summary': 'Theme Boec is a new kind of Theme. '
                'The theme is a very user-friendly and is suitable for your eCommerce website with blog.',
     'category': 'Theme/eCommerce',
-    'version': '14.0.1.0.0',
+    'version': '14.0.1.1.1',
     'author': 'Cybrosys Techno Solutions',
     'company': 'Cybrosys Techno Solutions',
     'maintainer': 'Cybrosys Techno Solutions',
diff --git a/theme_boec/static/src/css/style.css b/theme_boec/static/src/css/style.css
index 995db08cf..68f9d3ca8 100644
--- a/theme_boec/static/src/css/style.css
+++ b/theme_boec/static/src/css/style.css
@@ -1894,7 +1894,7 @@ header .top_nav .wrapper .left .currency .dropdown:hover .dropbtn {
 
 @media screen and (max-width: 996px) {
   .demo_product .dp_wrapper3 .dp_details {
-    left: -200px;
+    left: -50px;
   }
 }
 
@@ -1992,8 +1992,10 @@ header .top_nav .wrapper .left .currency .dropdown:hover .dropbtn {
 }
 
 .tab_product .tab-content .tab-pane .wrapper {
-  position: relative;
-  margin-bottom: 40px;
+	position: relative;
+	margin-bottom: 135px;
+	height: 265px;
+	width: 265px;
 }
 
 .tab_product .tab-content .tab-pane .wrapper:hover .three {
@@ -2019,12 +2021,20 @@ header .top_nav .wrapper .left .currency .dropdown:hover .dropbtn {
 }
 
 .tab_product .tab-content .tab-pane .wrapper .img_wrapper {
-  max-width: 500px;
+	width: 100%;
+	height: 100%;
+	position: relative;
 }
 
 .tab_product .tab-content .tab-pane .wrapper .img_wrapper img {
-  width: 265px;
-  height: 265px;
+	max-width: 100%;
+	max-height: 100%;
+    position: absolute;
+	top: 0;
+	bottom: 0;
+	margin: auto;
+	left: 0;
+	right: 0;
 }
 
 .tab_product .tab-content .tab-pane .wrapper .img_wrapper .three {
@@ -2666,6 +2676,12 @@ header .top_nav .wrapper .left .currency .dropdown:hover .dropbtn {
   }
 }
 
+.shop .row,
+.o_wsale_products_main_row.row {
+  margin-left: 0px !important;
+  margin-right: 0px !important;
+}
+
 .shop .top {
   width: 100%;
   justify-content: space-between;
@@ -2784,6 +2800,10 @@ header .top_nav .wrapper .left .currency .dropdown:hover .dropbtn {
   margin-bottom: 40px;
 }
 
+.shop .shop_content .img_wrapper {
+	margin: 8px;
+}
+
 .shop .shop_content .wrapper:hover .three {
   right: 15% !important;
   opacity: 1 !important;
@@ -5332,10 +5352,15 @@ header .top_nav .wrapper .left .currency .btn-secondary {
 }
 .oe_product_cart {
     border: 1px solid transparent !important;
+    width: 250px;
 }
 .oe_product_cart .oe_product_image {
     height: 255px;
 }
+.oe_product_cart .oe_product_image img {
+	max-height: 80%;
+}
+
 .oe_product_cart:hover {
     box-shadow: 0 0 20px 0 transparent;
 }
@@ -6101,4 +6126,60 @@ header#top {
   font-weight: 600;
 }
 
-/* # sourceMappingURL=style.css.map */
\ No newline at end of file
+
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-6 .dp_wrapper,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-4 .dp_wrapper,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-3 .dp_wrapper,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-2 .dp_wrapper,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-2.offset-lg-1 .dp_wrapper {
+ 	margin-top: 20px;
+}
+.demo_product .col-12.o_colored_level.col-lg-6 .dp_wrapper .dp_img  {
+	max-width: 440px;
+	float: initial;
+}
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-6 .dp_wrapper .dp_details,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-4 .dp_wrapper .dp_details,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-3 .dp_wrapper .dp_details,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-2 .dp_wrapper .dp_details,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-2.offset-lg-1 .dp_wrapper .dp_details {
+	position: initial;
+	padding-bottom: 20px;
+}
+.demo_product .col-12.o_colored_level.col-lg-6 .dp_wrapper2,
+.demo_product .col-12.o_colored_level.col-lg-4 .dp_wrapper2,
+.demo_product .col-12.o_colored_level.col-lg-3 .dp_wrapper2,
+.demo_product .col-12.o_colored_level.col-lg-2 .dp_wrapper2 {
+	margin-top: 20px;
+}
+.demo_product .col-12.o_colored_level.col-lg-6 .dp_wrapper2 .dp_details,
+.demo_product .col-12.o_colored_level.col-lg-4 .dp_wrapper2 .dp_details,
+.demo_product .col-12.o_colored_level.col-lg-3 .dp_wrapper2 .dp_details,
+.demo_product .col-12.o_colored_level.col-lg-2 .dp_wrapper2 .dp_details {
+    padding-top: 0;
+    padding-bottom: 20px;
+}
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-4 .dp_wrapper3,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-3 .dp_wrapper3,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-2 .dp_wrapper3 {
+	margin-top: 20px;
+}
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-4 .dp_wrapper3 .dp_details,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-3 .dp_wrapper3 .dp_details,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-2 .dp_wrapper3 .dp_details {
+	position: initial;
+	padding-bottom: 20px;
+}
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-4 .dp_wrapper3 .dp_img,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-3 .dp_wrapper3 .dp_img,
+.demo_product .col-md-12.col-12.o_colored_level.col-lg-2 .dp_wrapper3 .dp_img {
+	padding-bottom: 0px;
+}
+.banner_added {
+	display: block;
+}
+.banner_added.banner_hide {
+	display: none;
+}
+
+/* # sourceMappingURL=style.css.map */
diff --git a/theme_boec/static/src/js/custom.js b/theme_boec/static/src/js/custom.js
index 03ae15be8..5faf6a5ef 100644
--- a/theme_boec/static/src/js/custom.js
+++ b/theme_boec/static/src/js/custom.js
@@ -1,57 +1,58 @@
 odoo.define('theme_boec.theme_boec', function (require) {
 	"use strict";
 
-    //Preloader//
     $(document).ready(function () {
-      setTimeout(function () {
-        $('body').addClass('loaded');
-      }, 1000);
-    });
 
-    //Banner Slider//
-    $(document).ready(function () {
-      $(".owl-carousel").owlCarousel(
-        {
-          items: 1,
-          loop: true,
-          margin: 0,
-          stagePadding: 0,
-          smartSpeed: 450,
-          autoplay: false,
-          autoPlaySpeed: 1000,
-          autoPlayTimeout: 1000,
-          autoplayHoverPause: true,
-          onInitialized: counter,
-          dots: true,
-          nav: true,
-          navText: ['<div class="pre"><i class="material-icons" style="font-size:36px">keyboard_arrow_left</i></div>', '<div class="nxt"><i class="material-icons" style="font-size:36px">keyboard_arrow_right</i></div>'],
-          animateOut: 'fadeOut'
-        }
-      );
-    });
-    function counter() {
-      var buttons = $('.owl-dots button');
-      buttons.each(function (index, item) {
-        $(item).find('span').text(index + 1);
-      });
-    }
+        //Preloader//
+        setTimeout(function () {
+            $('body').addClass('loaded');
+        }, 1000);
 
-    //tab Heading Boarder//
-    $(document).ready(function () {
-      $(".nav-link").click(function () {
-        var value = $(this).attr('data-filter');
-        if (value == "all") {
-          $('.filter').show('1000');
+        //Banner Slider//
+        $(".owl-carousel").owlCarousel({
+            items: 1,
+            loop: true,
+            margin: 0,
+            stagePadding: 0,
+            smartSpeed: 450,
+            autoplay: false,
+            autoPlaySpeed: 1000,
+            autoPlayTimeout: 1000,
+            autoplayHoverPause: true,
+            onInitialized: counter,
+            dots: true,
+            nav: true,
+            navText: ['<div class="pre"><i class="material-icons" style="font-size:36px">keyboard_arrow_left</i></div>', '<div class="nxt"><i class="material-icons" style="font-size:36px">keyboard_arrow_right</i></div>'],
+            animateOut: 'fadeOut'
+        });
+
+        function counter() {
+            var buttons = $('.owl-dots button');
+            buttons.each(function (index, item) {
+                $(item).find('span').text(index + 1);
+            });
         }
-        else {
-          $(".filter").not('.' + value).hide('3000');
-          $('.filter').filter('.' + value).show('3000');
+
+        //add another class for banner_added
+        var banner = $(".banner_added");
+        var banner_id = banner.data("id");
+        $("div").addClass(banner_id);
+        banner.addClass("banner_hide");
+
+        //tab Heading Boarder//
+        $(".nav-link").click(function () {
+            var value = $(this).attr('data-filter');
+            if (value == "all") {
+                $('.filter').show('1000');
+            }else {
+                $(".filter").not('.' + value).hide('3000');
+                $('.filter').filter('.' + value).show('3000');
+            }
+        });
+        if ($(".nav-link").removeClass("active")) {
+            $(this).removeClass("active");
         }
-      });
-      if ($(".nav-link").removeClass("active")) {
-        $(this).removeClass("active");
-      }
-      $(this).addClass("active");
+        $(this).addClass("active");
     });
 
     var url = window.location;
@@ -74,7 +75,7 @@ odoo.define('theme_boec.theme_boec', function (require) {
       });
     }
 
-    // Add active class to the current button (highlight it)
+    //Add active class to the current button (highlight it)
     var header = document.getElementById("myDIV");
     var btns = header.getElementsByClassName("btn");
     for (var i = 0; i < btns.length; i++) {
diff --git a/theme_boec/views/assets.xml b/theme_boec/views/assets.xml
index d222791f8..a6e159184 100644
--- a/theme_boec/views/assets.xml
+++ b/theme_boec/views/assets.xml
@@ -8,13 +8,13 @@
                 <link rel="stylesheet" type="text/css" href="/theme_boec/static/src/css/owl.theme.default.min.css"/>
             </xpath>
             <xpath expr="//script[last()]" position="after">
-                <script type="text/javascript" src="/theme_boec/static/src/js/custom.js"/>
-                <script type="text/javascript" src="/theme_boec/static/src/js/deal_week.js"/>
-                <script type="text/javascript" src="/theme_boec/static/src/js/jquery.countdown.min.js"/>
                 <script type="text/javascript" src="/theme_boec/static/src/js/owl.carousel.js"/>
                 <script type="text/javascript" src="/theme_boec/static/src/js/owl.carousel.min.js"/>
+                <script type="text/javascript" src="/theme_boec/static/src/js/jquery.countdown.min.js"/>
+                <script type="text/javascript" src="/theme_boec/static/src/js/deal_week.js"/>
                 <script type="text/javascript" src="/theme_boec/static/src/js/price_filter.js"/>
                 <script type="text/javascript" src="/theme_boec/static/src/js/product_tab.js"/>
+                <script type="text/javascript" src="/theme_boec/static/src/js/custom.js"/>
             </xpath>
             <xpath expr="." position="inside">
                 <link href="https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,500&amp;family=Montserrat&amp;display=swap" rel="stylesheet"/>
diff --git a/theme_boec/views/product_view.xml b/theme_boec/views/product_view.xml
index 34eeecdee..8500253a8 100644
--- a/theme_boec/views/product_view.xml
+++ b/theme_boec/views/product_view.xml
@@ -213,8 +213,12 @@
                             </div>
                             <div class="types">
                                 <ul>
-                                    <li>HSN/SAC:<span t-esc="product.l10n_in_hsn_code"/></li>
-                                    <li>Categories:<span t-esc="product.public_categ_ids.name"/></li>
+                                    <t t-if="product.l10n_in_hsn_code">
+                                        <li>HSN/SAC:<span t-esc="product.l10n_in_hsn_code"/></li>
+                                    </t>
+                                    <t t-if="product.public_categ_ids">
+                                        <li>Categories:<span t-esc="product.public_categ_ids.name"/></li>
+                                    </t>
                                 </ul>
                             </div>
                             <div class="description">
diff --git a/theme_boec/views/sidebar_shop.xml b/theme_boec/views/sidebar_shop.xml
index 27fce936a..b24036f0b 100644
--- a/theme_boec/views/sidebar_shop.xml
+++ b/theme_boec/views/sidebar_shop.xml
@@ -78,7 +78,7 @@
                                             <button class="btn btn-link collapsed" type="button" data-toggle="collapse"
                                                     data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                 Categories
-                                                <i class="fas fa-angle-down"/>
+                                                <i class="fas fa-angle-up"/>
                                             </button>
                                         </h2>
                                     </div>
diff --git a/theme_boec/views/snippets/banner.xml b/theme_boec/views/snippets/banner.xml
index fc059058e..3a94acff9 100644
--- a/theme_boec/views/snippets/banner.xml
+++ b/theme_boec/views/snippets/banner.xml
@@ -9,6 +9,14 @@
     <template id="banner" name="Banner">
         <!-- Banner section starts here -->
         <Section class="banner">
+            <div class="banner_added">
+                <br/><br/><br/><hr/>
+                <div class="container">
+                    <div class="alert alert-info">
+                        <h4> Your Banner Snippet will be displayed here... Please Save to view the Banner snippet </h4>
+                    </div>
+                </div><hr/>
+            </div>
             <div class="owl-carousel">
                 <div>
                     <section class="banner_bg1">
diff --git a/theme_boec/views/snippets/demo_product.xml b/theme_boec/views/snippets/demo_product.xml
index 6ee7493af..01a39e1dd 100644
--- a/theme_boec/views/snippets/demo_product.xml
+++ b/theme_boec/views/snippets/demo_product.xml
@@ -41,7 +41,7 @@
                             </div>
                         </div>
                     </div>
-                    <div class="col-7 col-md-7 offset-md-5 col-12">
+                    <div class="col-lg-7 col-md-12 offset-lg-5 col-12">
                         <div class="dp_wrapper3">
                             <div class="dp_img">
                                 <img src="/theme_boec/static/src/images/demo-product/dp2.jpg" alt=""/>
diff --git a/theme_boec/views/snippets/product_tab.xml b/theme_boec/views/snippets/product_tab.xml
index af2f4401a..49d5653ba 100644
--- a/theme_boec/views/snippets/product_tab.xml
+++ b/theme_boec/views/snippets/product_tab.xml
@@ -8,6 +8,14 @@
 
     <template id="product_tab_snippet" name="Product Tab">
         <section class="product_tab_class">
+            <div class="banner_added">
+                <br/><br/><br/><hr/>
+                <div class="container">
+                    <div class="alert alert-info">
+                        <h4> Your product tab snippet will be displayed here... Please Save to view the snippet </h4>
+                    </div>
+                </div><hr/>
+            </div>
         </section>
     </template>
 
@@ -42,32 +50,10 @@
                                                                 <img t-attf-src="/web/image?model=product.template&amp;field=image_1920&amp;id=#{hot_deal.id}"
                                                                      class="img img-fluid rotate-center" alt="" loading="lazy"/>
                                                                 <div class="sale">Sale</div>
-                                                                <div class="three">
-                                                                    <ul>
-                                                                        <li>
-                                                                            <a href="">
-                                                                                <span class="far fa-heart"/>
-                                                                            </a>
-                                                                        </li>
-                                                                        <li>
-                                                                            <a href="" class="cmp">
-                                                                                <span class="material-icons">compare_arrows</span>
-                                                                            </a>
-                                                                            <div class="detail">
-                                                                                Compare
-                                                                            </div>
-                                                                        </li>
-                                                                        <li>
-                                                                            <a href="#">
-                                                                                <span class="fas fa-search"/>
-                                                                            </a>
-                                                                        </li>
-                                                                    </ul>
-                                                                </div>
                                                             </div>
                                                             <div class="img_details">
-                                                                <a class="add_to_c" href="#">
-                                                                    + Add to cart
+                                                                <a class="add_to_c" t-attf-href="/shop/product/#{slug(hot_deal)}">
+                                                                    Click to open
                                                                 </a>
                                                                 <h5 class="product_name">
                                                                     <span t-if="hot_deal" t-esc="hot_deal.display_name"/>
@@ -104,40 +90,18 @@
                                                                 <img t-attf-src="/web/image?model=product.template&amp;field=image_1920&amp;id=#{new_arrival.id}"
                                                                      class="img img-fluid rotate-center" alt="" loading="lazy"/>
                                                                 <div class="new">New</div>
-                                                                <div class="three">
-                                                                    <ul>
-                                                                        <li>
-                                                                            <a href="">
-                                                                                <span class="far fa-heart"/>
-                                                                            </a>
-                                                                        </li>
-                                                                        <li>
-                                                                            <a href="" class="cmp">
-                                                                                <span class="material-icons">compare_arrows</span>
-                                                                            </a>
-                                                                            <div class="detail">
-                                                                                Compare
-                                                                            </div>
-                                                                        </li>
-                                                                        <li>
-                                                                            <a href="#">
-                                                                                <span class="fas fa-search"/>
-                                                                            </a>
-                                                                        </li>
-                                                                    </ul>
-                                                                </div>
                                                             </div>
                                                             <div class="img_details">
-                                                                <div class="add_to_c">
-                                                                    + Add to cart
-                                                                </div>
+                                                                <a class="add_to_c" t-attf-href="/shop/product/#{slug(new_arrival)}">
+                                                                    Click to open
+                                                                </a>
                                                                 <h5 class="product_name">
                                                                     <span t-if="new_arrival" t-esc="new_arrival.display_name"/>
                                                                 </h5>
                                                                 <div class="wrappr">
                                                                     <div class="price">
                                                                         <span t-if="new_arrival" t-esc="res_company.currency_id.symbol"/>
-                                                                        <span t-if="new_arrival"     t-esc="new_arrival.list_price"/>
+                                                                        <span t-if="new_arrival" t-esc="new_arrival.list_price"/>
                                                                     </div>
                                                                 </div>
                                                             </div>
diff --git a/theme_boec/views/snippets/product_tab_demo.xml b/theme_boec/views/snippets/product_tab_demo.xml
index 99d8b0fb7..337cb0589 100644
--- a/theme_boec/views/snippets/product_tab_demo.xml
+++ b/theme_boec/views/snippets/product_tab_demo.xml
@@ -34,33 +34,11 @@
                                                     <div class="img_wrapper">
                                                         <img  src="/theme_boec/static/src/images/tab-product/t-product (1).jpg" alt="" loading="lazy" class="rotate-center"/>
                                                         <div class="new">New</div>
-                                                        <div class="three">
-                                                            <ul>
-                                                                <li>
-                                                                    <a href="">
-                                                                        <span class="far fa-heart"/>
-                                                                    </a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="" class="cmp">
-                                                                        <span class="material-icons">compare_arrows</span>
-                                                                    </a>
-                                                                    <div class="detail">
-                                                                        Compare
-                                                                    </div>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="#">
-                                                                        <span class="fas fa-search"/>
-                                                                    </a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
                                                     </div>
                                                     <div class="img_details">
-                                                        <div class="add_to_c">
-                                                            + Add to cart
-                                                        </div>
+                                                        <a class="add_to_c" href="#">
+                                                            Click to open
+                                                        </a>
                                                         <h5 class="product_name">
                                                             Men T-shirt
                                                         </h5>
@@ -86,46 +64,6 @@
                                                                 $59.00
                                                             </div>
                                                         </div>
-                                                        <div class="color">
-                                                            <div class="custom-radios">
-                                                                <div>
-                                                                    <input type="radio" id="color-1" name="color" value="color-1" checked=""/>
-                                                                    <label for="color-1">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-2" name="color" value="color-2"/>
-                                                                    <label for="color-2">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-3" name="color" value="color-3"/>
-                                                                    <label for="color-3">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-4" name="color" value="color-4"/>
-                                                                    <label for="color-4">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -133,33 +71,11 @@
                                                 <div class="wrapper">
                                                     <div class="img_wrapper">
                                                         <img src="/theme_boec/static/src/images/tab-product/t-product (2).jpg" alt="" loading="lazy" class="rotate-center"/>
-                                                        <div class="three">
-                                                            <ul>
-                                                                <li>
-                                                                    <a href="">
-                                                                        <span class="far fa-heart"/>
-                                                                    </a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="" class="cmp">
-                                                                        <span class="material-icons">compare_arrows</span>
-                                                                    </a>
-                                                                    <div class="detail">
-                                                                        Compare
-                                                                    </div>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="#">
-                                                                        <span class="fas fa-search"/>
-                                                                    </a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
                                                     </div>
                                                     <div class="img_details">
-                                                        <div class="add_to_c">
-                                                            + Add to cart
-                                                        </div>
+                                                        <a class="add_to_c" href="#">
+                                                            Click to open
+                                                        </a>
                                                         <h5 class="product_name">
                                                             Men T-shirt
                                                         </h5>
@@ -185,46 +101,6 @@
                                                                 $59.00
                                                             </div>
                                                         </div>
-                                                        <div class="color">
-                                                            <div class="custom-radios">
-                                                                <div>
-                                                                    <input type="radio" id="color-1" name="color" value="color-1" checked=""/>
-                                                                    <label for="color-1">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-2" name="color" value="color-2"/>
-                                                                    <label for="color-2">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-3" name="color" value="color-3"/>
-                                                                    <label for="color-3">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-4" name="color" value="color-4"/>
-                                                                    <label for="color-4">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -233,33 +109,11 @@
                                                     <div class="img_wrapper">
                                                         <img src="/theme_boec/static/src/images/tab-product/t-product (3).jpg" alt="" loading="lazy" class="rotate-center"/>
                                                         <div class="sale">Sale</div>
-                                                        <div class="three">
-                                                            <ul>
-                                                                <li>
-                                                                    <a href="">
-                                                                        <span class="far fa-heart"/>
-                                                                    </a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="" class="cmp">
-                                                                        <span class="material-icons">compare_arrows</span>
-                                                                    </a>
-                                                                    <div class="detail">
-                                                                        Compare
-                                                                    </div>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="#">
-                                                                        <span class="fas fa-search"/>
-                                                                    </a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
                                                     </div>
                                                     <div class="img_details">
-                                                        <div class="add_to_c">
-                                                            + Add to cart
-                                                        </div>
+                                                        <a class="add_to_c" href="#">
+                                                            Click to open
+                                                        </a>
                                                         <h5 class="product_name">
                                                             Men T-shirt
                                                         </h5>
@@ -285,46 +139,6 @@
                                                                 $59.00
                                                             </div>
                                                         </div>
-                                                        <div class="color">
-                                                            <div class="custom-radios">
-                                                                <div>
-                                                                    <input type="radio" id="color-1" name="color" value="color-1" checked=""/>
-                                                                    <label for="color-1">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-2" name="color" value="color-2"/>
-                                                                    <label for="color-2">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-3" name="color" value="color-3"/>
-                                                                    <label for="color-3">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-4" name="color" value="color-4"/>
-                                                                    <label for="color-4">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -332,33 +146,11 @@
                                                 <div class="wrapper">
                                                     <div class="img_wrapper">
                                                         <img src="/theme_boec/static/src/images/tab-product/t-product (5).jpg" alt="" class="rotate-center"/>
-                                                        <div class="three">
-                                                            <ul>
-                                                                <li>
-                                                                    <a href="">
-                                                                        <span class="far fa-heart"/>
-                                                                    </a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="" class="cmp">
-                                                                        <span class="material-icons">compare_arrows</span>
-                                                                    </a>
-                                                                    <div class="detail">
-                                                                        Compare
-                                                                    </div>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="#">
-                                                                        <span class="fas fa-search"/>
-                                                                    </a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
                                                     </div>
                                                     <div class="img_details">
-                                                        <div class="add_to_c">
-                                                            + Add to cart
-                                                        </div>
+                                                        <a class="add_to_c" href="#">
+                                                            Click to open
+                                                        </a>
                                                         <h5 class="product_name">
                                                             Men T-shirt
                                                         </h5>
@@ -384,46 +176,6 @@
                                                                 $59.00
                                                             </div>
                                                         </div>
-                                                        <div class="color">
-                                                            <div class="custom-radios">
-                                                                <div>
-                                                                    <input type="radio" id="color-1" name="color" value="color-1" checked=""/>
-                                                                    <label for="color-1">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-2" name="color" value="color-2"/>
-                                                                    <label for="color-2">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-3" name="color" value="color-3"/>
-                                                                    <label for="color-3">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-4" name="color" value="color-4"/>
-                                                                    <label for="color-4">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -432,33 +184,11 @@
                                                     <div class="img_wrapper">
                                                         <img src="/theme_boec/static/src/images/tab-product/t-product (4).jpg" alt="" class="rotate-center"/>
                                                         <div class="sale">Sale</div>
-                                                        <div class="three">
-                                                            <ul>
-                                                                <li>
-                                                                    <a href="">
-                                                                        <span class="far fa-heart"/>
-                                                                    </a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="" class="cmp">
-                                                                        <span class="material-icons">compare_arrows</span>
-                                                                    </a>
-                                                                    <div class="detail">
-                                                                        Compare
-                                                                    </div>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="#">
-                                                                        <span class="fas fa-search"/>
-                                                                    </a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
                                                     </div>
                                                     <div class="img_details">
-                                                        <div class="add_to_c">
-                                                            + Add to cart
-                                                        </div>
+                                                        <a class="add_to_c" href="#">
+                                                            Click to open
+                                                        </a>
                                                         <h5 class="product_name">
                                                             Men T-shirt
                                                         </h5>
@@ -484,46 +214,6 @@
                                                                 $59.00
                                                             </div>
                                                         </div>
-                                                        <div class="color">
-                                                            <div class="custom-radios">
-                                                                <div>
-                                                                    <input type="radio" id="color-1" name="color" value="color-1" checked=""/>
-                                                                    <label for="color-1">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-2" name="color" value="color-2"/>
-                                                                    <label for="color-2">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-3" name="color" value="color-3"/>
-                                                                    <label for="color-3">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-4" name="color" value="color-4"/>
-                                                                    <label for="color-4">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -531,33 +221,11 @@
                                                 <div class="wrapper">
                                                     <div class="img_wrapper">
                                                         <img src="/theme_boec/static/src/images/tab-product/t-product (6).jpg" alt="" class="rotate-center"/>
-                                                        <div class="three">
-                                                            <ul>
-                                                                <li>
-                                                                    <a href="">
-                                                                        <span class="far fa-heart"/>
-                                                                    </a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="" class="cmp">
-                                                                        <span class="material-icons">compare_arrows</span>
-                                                                    </a>
-                                                                    <div class="detail">
-                                                                        Compare
-                                                                    </div>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="#">
-                                                                        <span class="fas fa-search"/>
-                                                                    </a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
                                                     </div>
                                                     <div class="img_details">
-                                                        <div class="add_to_c">
-                                                            + Add to cart
-                                                        </div>
+                                                        <a class="add_to_c" href="#">
+                                                            Click to open
+                                                        </a>
                                                         <h5 class="product_name">
                                                             Men T-shirt
                                                         </h5>
@@ -583,46 +251,6 @@
                                                                 $59.00
                                                             </div>
                                                         </div>
-                                                        <div class="color">
-                                                            <div class="custom-radios">
-                                                                <div>
-                                                                    <input type="radio" id="color-1" name="color" value="color-1" checked=""/>
-                                                                    <label for="color-1">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-2" name="color" value="color-2"/>
-                                                                    <label for="color-2">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-3" name="color" value="color-3"/>
-                                                                    <label for="color-3">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-4" name="color" value="color-4"/>
-                                                                    <label for="color-4">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -631,33 +259,11 @@
                                                     <div class="img_wrapper">
                                                         <img src="/theme_boec/static/src/images/tab-product/t-product (7).jpg" alt="" class="rotate-center"/>
                                                         <div class="new">New</div>
-                                                        <div class="three">
-                                                            <ul>
-                                                                <li>
-                                                                    <a href="">
-                                                                        <span class="far fa-heart"/>
-                                                                    </a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="" class="cmp">
-                                                                        <span class="material-icons">compare_arrows</span>
-                                                                    </a>
-                                                                    <div class="detail">
-                                                                        Compare
-                                                                    </div>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="#">
-                                                                        <span class="fas fa-search"/>
-                                                                    </a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
                                                     </div>
                                                     <div class="img_details">
-                                                        <div class="add_to_c">
-                                                            + Add to cart
-                                                        </div>
+                                                        <a class="add_to_c" href="#">
+                                                            Click to open
+                                                        </a>
                                                         <h5 class="product_name">
                                                             Men T-shirt
                                                         </h5>
@@ -683,46 +289,6 @@
                                                                 $59.00
                                                             </div>
                                                         </div>
-                                                        <div class="color">
-                                                            <div class="custom-radios">
-                                                                <div>
-                                                                    <input type="radio" id="color-1" name="color" value="color-1" checked=""/>
-                                                                    <label for="color-1">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-2" name="color" value="color-2"/>
-                                                                    <label for="color-2">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-3" name="color" value="color-3"/>
-                                                                    <label for="color-3">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-4" name="color" value="color-4"/>
-                                                                    <label for="color-4">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -731,33 +297,11 @@
                                                     <div class="img_wrapper">
                                                         <img src="/theme_boec/static/src/images/tab-product/t-product (8).jpg" alt="" class="rotate-center"/>
                                                         <div class="sale">sale</div>
-                                                        <div class="three">
-                                                            <ul>
-                                                                <li>
-                                                                    <a href="">
-                                                                        <span class="far fa-heart"/>
-                                                                    </a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="" class="cmp">
-                                                                        <span class="material-icons">compare_arrows</span>
-                                                                    </a>
-                                                                    <div class="detail">
-                                                                        Compare
-                                                                    </div>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="#">
-                                                                        <span class="fas fa-search"/>
-                                                                    </a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
                                                     </div>
                                                     <div class="img_details">
-                                                        <div class="add_to_c">
-                                                            + Add to cart
-                                                        </div>
+                                                        <a class="add_to_c" href="#">
+                                                            Click to open
+                                                        </a>
                                                         <h5 class="product_name">
                                                             Men T-shirt
                                                         </h5>
@@ -783,46 +327,6 @@
                                                                 $59.00
                                                             </div>
                                                         </div>
-                                                        <div class="color">
-                                                            <div class="custom-radios">
-                                                                <div>
-                                                                    <input type="radio" id="color-1" name="color" value="color-1" checked=""/>
-                                                                    <label for="color-1">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-2" name="color" value="color-2"/>
-                                                                    <label for="color-2">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-3" name="color" value="color-3"/>
-                                                                    <label for="color-3">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-4" name="color" value="color-4"/>
-                                                                    <label for="color-4">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -830,33 +334,11 @@
                                                 <div class="wrapper">
                                                     <div class="img_wrapper">
                                                         <img src="/theme_boec/static/src/images/tab-product/t-product (9).jpg" alt="" class="rotate-center"/>
-                                                        <div class="three">
-                                                            <ul>
-                                                                <li>
-                                                                    <a href="">
-                                                                        <span class="far fa-heart"/>
-                                                                    </a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="" class="cmp">
-                                                                        <span class="material-icons">compare_arrows</span>
-                                                                    </a>
-                                                                    <div class="detail">
-                                                                        Compare
-                                                                    </div>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="#">
-                                                                        <span class="fas fa-search"/>
-                                                                    </a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
                                                     </div>
                                                     <div class="img_details">
-                                                        <div class="add_to_c">
-                                                            + Add to cart
-                                                        </div>
+                                                        <a class="add_to_c" href="#">
+                                                            Click to open
+                                                        </a>
                                                         <h5 class="product_name">
                                                             Men T-shirt
                                                         </h5>
@@ -882,46 +364,6 @@
                                                                 $59.00
                                                             </div>
                                                         </div>
-                                                        <div class="color">
-                                                            <div class="custom-radios">
-                                                                <div>
-                                                                    <input type="radio" id="color-1" name="color" value="color-1" checked=""/>
-                                                                    <label for="color-1">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-2" name="color" value="color-2"/>
-                                                                    <label for="color-2">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-3" name="color" value="color-3"/>
-                                                                    <label for="color-3">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-4" name="color" value="color-4"/>
-                                                                    <label for="color-4">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -929,33 +371,11 @@
                                                 <div class="wrapper">
                                                     <div class="img_wrapper">
                                                         <img src="/theme_boec/static/src/images/tab-product/t-product (10).jpg" alt="" class="rotate-center"/>
-                                                        <div class="three">
-                                                            <ul>
-                                                                <li>
-                                                                    <a href="">
-                                                                        <span class="far fa-heart"/>
-                                                                    </a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="" class="cmp">
-                                                                        <span class="material-icons">compare_arrows</span>
-                                                                    </a>
-                                                                    <div class="detail">
-                                                                        Compare
-                                                                    </div>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="#">
-                                                                        <span class="fas fa-search"/>
-                                                                    </a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
                                                     </div>
                                                     <div class="img_details">
-                                                        <div class="add_to_c">
-                                                            + Add to cart
-                                                        </div>
+                                                        <a class="add_to_c" href="#">
+                                                            Click to open
+                                                        </a>
                                                         <h5 class="product_name">
                                                             Men T-shirt
                                                         </h5>
@@ -981,46 +401,6 @@
                                                                 $59.00
                                                             </div>
                                                         </div>
-                                                        <div class="color">
-                                                            <div class="custom-radios">
-                                                                <div>
-                                                                    <input type="radio" id="color-1" name="color" value="color-1" checked=""/>
-                                                                    <label for="color-1">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-2" name="color" value="color-2"/>
-                                                                    <label for="color-2">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-3" name="color" value="color-3"/>
-                                                                    <label for="color-3">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-4" name="color" value="color-4"/>
-                                                                    <label for="color-4">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -1029,33 +409,11 @@
                                                     <div class="img_wrapper">
                                                         <img src="/theme_boec/static/src/images/tab-product/t-product (11).jpg" alt="" class="rotate-center"/>
                                                         <div class="sale">sale</div>
-                                                        <div class="three">
-                                                            <ul>
-                                                                <li>
-                                                                    <a href="">
-                                                                        <span class="far fa-heart"/>
-                                                                    </a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="" class="cmp">
-                                                                        <span class="material-icons">compare_arrows</span>
-                                                                    </a>
-                                                                    <div class="detail">
-                                                                        Compare
-                                                                    </div>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="#">
-                                                                        <span class="fas fa-search"/>
-                                                                    </a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
                                                     </div>
                                                     <div class="img_details">
-                                                        <div class="add_to_c">
-                                                            + Add to cart
-                                                        </div>
+                                                        <a class="add_to_c" href="#">
+                                                            Click to open
+                                                        </a>
                                                         <h5 class="product_name">
                                                             Men T-shirt
                                                         </h5>
@@ -1081,46 +439,6 @@
                                                                 $59.00
                                                             </div>
                                                         </div>
-                                                        <div class="color">
-                                                            <div class="custom-radios">
-                                                                <div>
-                                                                    <input type="radio" id="color-1" name="color" value="color-1" checked=""/>
-                                                                    <label for="color-1">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-2" name="color" value="color-2"/>
-                                                                    <label for="color-2">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-3" name="color" value="color-3"/>
-                                                                    <label for="color-3">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-4" name="color" value="color-4"/>
-                                                                    <label for="color-4">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>
@@ -1129,33 +447,11 @@
                                                     <div class="img_wrapper">
                                                         <img src="/theme_boec/static/src/images/tab-product/t-product (1).jpg" alt="" class="rotate-center"/>
                                                         <div class="new">New</div>
-                                                        <div class="three">
-                                                            <ul>
-                                                                <li>
-                                                                    <a href="">
-                                                                        <span class="far fa-heart"/>
-                                                                    </a>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="" class="cmp">
-                                                                        <span class="material-icons">compare_arrows</span>
-                                                                    </a>
-                                                                    <div class="detail">
-                                                                        Compare
-                                                                    </div>
-                                                                </li>
-                                                                <li>
-                                                                    <a href="#">
-                                                                        <span class="fas fa-search"/>
-                                                                    </a>
-                                                                </li>
-                                                            </ul>
-                                                        </div>
                                                     </div>
                                                     <div class="img_details">
-                                                        <div class="add_to_c">
-                                                            + Add to cart
-                                                        </div>
+                                                        <a class="add_to_c" href="#">
+                                                            Click to open
+                                                        </a>
                                                         <h5 class="product_name">
                                                             Men T-shirt
                                                         </h5>
@@ -1181,46 +477,6 @@
                                                                 $59.00
                                                             </div>
                                                         </div>
-                                                        <div class="color">
-                                                            <div class="custom-radios">
-                                                                <div>
-                                                                    <input type="radio" id="color-1" name="color" value="color-1" checked=""/>
-                                                                    <label for="color-1">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-2" name="color" value="color-2"/>
-                                                                    <label for="color-2">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-3" name="color" value="color-3"/>
-                                                                    <label for="color-3">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                                <div>
-                                                                    <input type="radio" id="color-4" name="color" value="color-4"/>
-                                                                    <label for="color-4">
-                                                                        <span>
-                                                                            <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/242518/check-icn.svg"
-                                                                                 alt="Checked Icon"/>
-                                                                        </span>
-                                                                    </label>
-                                                                </div>
-                                                            </div>
-                                                        </div>
                                                     </div>
                                                 </div>
                                             </div>