fix product details section 2

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
         }

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>

pages/_lang/pwa/index.vue

@@ -1,6 +1,5 @@
 <template>
   <div class="page calculation--page latin-digits">
-
     <calculation-app/>
     <calculation-guide-tables/>
   </div>