estilização do mobile imagem descrição bottom

styles/css/vtex.flex-layout.css

@@ -19,6 +19,8 @@
 @media only screen and (max-width: 1024px) {
   .flexRowContent--product-main {
     display: block;
+    padding-left: 40px;
+    padding-right: 40px;
   }
   .flexRowContent--product-main .stretchChildrenWidth {
     width: 100% !important;
@@ -48,3 +50,13 @@
     width: 780px;
   }
 }
+
+@media only screen and (max-width: 1024px) {
+  .flexRowContent--description {
+    display: flex;
+    flex-direction: column;
+  }
+  .flexRowContent--description .stretchChildrenWidth {
+    width: 100% !important;
+  }
+}

styles/css/vtex.store-components.css

@@ -14,6 +14,11 @@
   padding-left: 40px;
   padding-right: 40px;
 }
+@media only screen and (max-width: 1024px) {
+  .container {
+    padding: 0;
+  }
+}
 .container .productImagesGallerySlide {
   width: 100% !important;
 }

styles/sass/pages/product/vtex.flex-layout.scss

@@ -12,8 +12,11 @@
 
   @include mq (md, max) {
     display: block;
+    padding-left: 40px;
+  padding-right: 40px;
     .stretchChildrenWidth {
      width: 100% !important;
+
     }
   }
 
@@ -44,4 +47,17 @@ margin-left: 10px;
   }
 }
 
+.flexRowContent--description{
+  @include mq (md, max) {
+    display: flex;
+    flex-direction: column;
+    .stretchChildrenWidth{
+      width: 100% !important;
+    }
+    }
+}
+
+
+
+
 

styles/sass/pages/product/vtex.store-components.scss

@@ -4,6 +4,9 @@
   max-width: 100%;
   padding-left: 40px;
   padding-right: 40px;
+  @include mq (md, max) {
+    padding: 0;
+  }
 
   .productImagesGallerySlide {
     width: 100% !important;
@@ -380,6 +383,10 @@ padding-bottom: 15px;
   line-height: 32px;
   font-family: $font-open;
   padding-left: 32px;
+  // @include mq (md, max) {
+  //   padding-left: 0;
+  //   padding-top: 16px;
+  // }
 }
 
 .productDescriptionText {
@@ -398,6 +405,9 @@ padding-bottom: 15px;
 
   }
 
+  // @include mq (md, max) {
+  //   padding-left: 0;}
+
 }
 
 // tab-descrição-fim

styles/sass/pages/product/vtex.tab-layout.scss

@@ -53,6 +53,7 @@
 .container {
   .contentContainer--DescricaoCont {
     padding-top: 32px;
+   
   }
 }
 
@@ -73,3 +74,6 @@
     }
   }
 }
+
+
+