diff --git a/hugo_stats.json b/hugo_stats.json
index 3f7c0c0208..bbf2f3f4c2 100644
--- a/hugo_stats.json
+++ b/hugo_stats.json
@@ -222,13 +222,11 @@
       "is-4-desktop",
       "is-48x48",
       "is-5",
-      "is-5-tablet",
       "is-6",
       "is-6-desktop",
       "is-6-tablet",
       "is-64x64",
       "is-7",
-      "is-7-tablet",
       "is-8",
       "is-8-desktop",
       "is-8-widescreen",
@@ -252,6 +250,7 @@
       "is-full-desktop",
       "is-full-mobile",
       "is-full-tablet",
+      "is-full-touch",
       "is-fullwidth",
       "is-gap-4",
       "is-gradient",
@@ -261,7 +260,6 @@
       "is-hidden-desktop",
       "is-hidden-mobile",
       "is-hidden-tablet",
-      "is-hidden-tablet-only",
       "is-hidden-touch",
       "is-info",
       "is-justify-content-center",
diff --git a/layouts/index.html b/layouts/index.html
index 3ae525690f..6d7788e570 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -81,7 +81,7 @@ <h1><span>Kubernetes Native</span><br><img src="data:image/svg+xml;base64,PHN2Zy
           </div>
           <!-- buttons  -->
         </div>
-        <div class="column is-6">
+        <div class="column is-6 is-hidden-mobile">
           <div class="h-right-content">
 
             <!-- intro video  -->
@@ -237,7 +237,7 @@ <h2 class="mb-4">{{ $p.homepage.highlight_products.title }}</h2>
           {{ range $products := $p.homepage.products }}
           <div class="single-product {{$products.product}}" data-serialscrolling-target="{{ $products.id }}">
             <div class="columns">
-              <div class="column is-6" >
+              <div class="column is-6-desktop is-full-touch" >
                 <!-- single product description start  -->
                 <div class="product-description">
                   <div class="brand">
@@ -266,7 +266,7 @@ <h2 class="mb-4">{{ $p.homepage.highlight_products.title }}</h2>
                 </div>
                 <!-- single product description end -->
               </div>
-              <div class="column is-6 is-hidden-tablet-only" >
+              <div class="column is-6 is-hidden-touch" >
                 <div class="illustration">
                   <img src="{{ $products.illustration }}" alt="appscode illustration"  loading="lazy" height="auto" width="auto">
                 </div>
@@ -299,7 +299,7 @@ <h2>Manage your Kubernetes Native Applications across any Cloud or On-premises</
 
     <!-- features with screenshot  -->
     <div class="columns">
-      <div class="column is-4-desktop is-5-tablet">
+      <div class="column is-4-desktop is-full-touch">
         <div class="is-flex is-flex-direction-column" style="gap: 32px;">
           <!-- single features item start -->
           <div class="single-feature">
@@ -343,7 +343,7 @@ <h3>Better Safe than Sorry</h3>
           <!-- single features item end -->
         </div>
       </div>
-      <div class="column is-hidden-mobile is-8-desktop is-7-tablet">
+      <div class="column is-hidden-touch is-8-desktop">
         <div class="ui-dashboard">
           <!-- image come from css  -->
           <!-- <img src="/assets/images/products/appscode/features/ui-features.jpg" alt="features"> -->
diff --git a/layouts/partials/helpers/script-bundle.html b/layouts/partials/helpers/script-bundle.html
index 5852a48e0f..4d9f2d9503 100644
--- a/layouts/partials/helpers/script-bundle.html
+++ b/layouts/partials/helpers/script-bundle.html
@@ -16,7 +16,7 @@
 <script src="/assets/js/jquery.serialscrolling.min.js" defer></script>
 <script src="/assets/js/main.js" defer></script>
 
-<!-- {{ with $style := resources.Get "assets/js/main.js" | resources.Fingerprint }}
+<!-- {{ with $style := resources.Get "/assets/js/main.js" |  resources.Minify | resources.Fingerprint }}
 <script src="{{ $style.RelPermalink }}"></script>
 {{ end }} -->
 
@@ -27,14 +27,18 @@
 <!-- Start of Tawk.to Script-->
 
 <script type="text/javascript" async defer>
-  // var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
-  //   (function(){
-  //     var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
-  //     s1.async=true;
-  //     s1.src='https://embed.tawk.to/5821e34b18d9f16af02864b7/default';
-  //     s1.charset='UTF-8';
-  //     s1.setAttribute('crossorigin','*');
-  //     s0.parentNode.insertBefore(s1,s0);
-  //   })();
+if (window.innerWidth >= 768) {
+ setTimeout(() => {
+  var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
+    (function(){
+      var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
+      s1.async=true;
+      s1.src='https://embed.tawk.to/5821e34b18d9f16af02864b7/default';
+      s1.charset='UTF-8';
+      s1.setAttribute('crossorigin','*');
+      s0.parentNode.insertBefore(s1,s0);
+    })();
+ }, 2000);
+}
 </script>
 <!--End of Tawk.to Script -->