优化产品详情样式适配

app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/addtocart.phtml

@@ -155,24 +155,24 @@
     <div id="areaMask" class="mask"></div>
 </li>
 <style>
-    #product-intro__freeshipping-more-3{
-        display: inline-block;
-        display: inline-block;
-        color: #2d68a;
-        font-size: 12px;
-        line-height: 1;
-        margin-left: 60%;
-        width: 70px;
-        float: right;
-        margin-top: 10px;
-    }
-    .action.primary.tocart{
-        font-size: 18px;
-        background-color: #000;
-        max-width: 100%;
-        font-weight: 600;
-        height: 55px;
-        width: 100%;
+@media (min-width: 1024px){
+        #product-intro__freeshipping-more-3{
+            display: inline-block;
+            display: inline-block;
+            color: #2d68a;
+            font-size: 12px;
+            line-height: 1;
+            float: right;
+            margin-top: 10px;
+        }
+        .action.primary.tocart{
+            font-size: 18px;
+            background-color: #000;
+            max-width: 100%;
+            font-weight: 600;
+            height: 55px;
+            width: 100%;
+        }
     }
     .express-area-box article {  overflow-y: scroll;height: calc(100vh); }
     @media (max-width: 1024px){
@@ -180,7 +180,7 @@
             margin-top: 7px;
             float: right;
             width: 20%;
-            margin-left: 0;
+            margin-left: 60%;
         }
         #wishlist{
             display: none;
@@ -215,9 +215,6 @@
         }
     }
     @media (min-width: 1024px) {
-        .swatch-attribute-options{
-                flex-wrap: inherit !important;
-        }
         .product-reviews-summary{
             width: 50% !important;
             margin-top: -5.8% !important;
@@ -255,16 +252,4 @@
         .area-content{padding:10px;max-width: max-content;width: 600px;}
         .mask { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); }
     }
-
-    @media screen and (min-width: 1024px) and (max-width: 1450px) {
-        .product-info-wrapper .page-title-wrapper,.product-info-wrapper .product-info-main {
-            margin-left: 1%;
-            width: 100%;
-         }
-
-         .stage {
-            min-width: 700px !important;
-            min-height: 800px;
-          }
-    }
 </style>
\ No newline at end of file

app/design/frontend/Joshine/breeze/Magento_Catalog/templates/product/view/gallery.phtml

@@ -39,12 +39,23 @@ $sizes = $responsiveImageHelper->getSizes('product_page_image_medium');
 $thumbSizes = $responsiveImageHelper->getSizes('product_page_image_small');
 ?>
 <style>
+@media screen and (min-width: 1024px) and (max-width: 1500px) {
+    .product-info-wrapper .page-title-wrapper,.product-info-wrapper .product-info-main {
+	    margin-left: 1%;
+	    width: 100%;
+     }
+
+     .stage {
+	    min-width: 700px !important;
+	    min-height: 800px !important;
+      }
+}
 @media (min-width: 1024px){
     .main-image-wrapper .mobile-pic{
-                display: none !important;
+            display: none !important;
     }
     .stage {
-        min-width: 800px !important;
+        min-width: 800px;
     }
 }
  @media (max-width: 1024px){