From 5c07791225a9b2894d9c429959d471d675621255 Mon Sep 17 00:00:00 2001
From: Amir Mohamadi <amir.i.iii.vii.iii@gmail.com>
Date: Mon, 1 Feb 2021 11:19:22 +0330
Subject: [PATCH] fix product details section 2

---
 pages/_lang/calculation/index.vue |  5 +----
 pages/_lang/products/_product.vue | 16 ++++++++++------
 pages/_lang/pwa/index.vue         |  1 -
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/pages/_lang/calculation/index.vue b/pages/_lang/calculation/index.vue
index 9c007ea..ca956f9 100644
--- a/pages/_lang/calculation/index.vue
+++ b/pages/_lang/calculation/index.vue
@@ -9,11 +9,8 @@
         </div>
       </div>
     </section>
-
     <calculation-app :titleTxt="staticData.app.t3"/>
-
     <calculation-guide-tables/>
-
   </div>
 </template>
 
@@ -36,7 +33,7 @@ export default {
       title: this.staticData.hero,
       meta: [
         {
-          hid: 'description',
+          hid: this.staticData.hero,
           name: 'description',
           content: this.staticData.app.t2
         }
diff --git a/pages/_lang/products/_product.vue b/pages/_lang/products/_product.vue
index 7b766da..e14ee6b 100644
--- a/pages/_lang/products/_product.vue
+++ b/pages/_lang/products/_product.vue
@@ -33,25 +33,29 @@
 
           <!-- image left -->
           <div class="parts row align-items-center">
-            <div class="col-6">
+            <div class="col-12 col-lg-6 order-1 order-lg-0">
               <h2 class="title title-subtitle">{{ productDetails.more_title1 }}</h2>
               <p>{{ productDetails.more_description1 }}</p>
             </div>
-            <div class="col-6">
+            <div class="col-12 col-lg-6 order-0 order-lg-1 mb-5 mb-lg-0">
               <div class="imgBox imgBox-shape anim-fadeIn">
-                <img :src="product.more_section_image1" :alt="productDetails.more_title1">
+                <div class="img">
+                  <img :src="product.more_section_image1" :alt="productDetails.more_title1">
+                </div>
               </div>
             </div>
           </div>
 
           <!-- image right -->
           <div class="parts row align-items-center">
-            <div class="col-6">
+            <div class="col-12 col-lg-6 mb-5 mb-lg-0">
               <div class="imgBox imgBox-reverse imgBox-shape-reverse anim-fadeIn">
-                <img :src="product.more_section_image2" :alt="productDetails.more_title2">
+                <div class="img">
+                  <img :src="product.more_section_image2" :alt="productDetails.more_title2">
+                </div>
               </div>
             </div>
-            <div class="col-6">
+            <div class="col-12 col-lg-6">
               <h2 class="title title-subtitle">{{ productDetails.more_title2 }}</h2>
               <p>{{ productDetails.more_description2 }}</p>
             </div>
diff --git a/pages/_lang/pwa/index.vue b/pages/_lang/pwa/index.vue
index aba360e..cbbbad2 100644
--- a/pages/_lang/pwa/index.vue
+++ b/pages/_lang/pwa/index.vue
@@ -1,6 +1,5 @@
 <template>
   <div class="page calculation--page latin-digits">
-
     <calculation-app/>
     <calculation-guide-tables/>
   </div>