add style "order" for advertising

css/styles.css

@@ -269,9 +269,14 @@ header {
   }
 }
 .advertising-text-order {
-  order: 5;
   width: 110%;
 }
+@media (max-width: 576px) {
+  .advertising-text-order {
+    width: 100%;
+    order: 0;
+  }
+}
 .advertising-text-order h2 {
   font-size: 36px;
   line-height: 62px;
@@ -311,19 +316,21 @@ header {
     letter-spacing: 0.14px;
   }
 }
-@media (max-width: 576px) {
-  .advertising-text-order {
-    width: 100%;
-  }
-}
 .advertising-text .main-line {
   margin-bottom: 24px;
 }
 .advertising-text-order .main-line {
   margin-bottom: 24px;
 }
-.advertising-img-order {
-  order: 0;
+@media (max-width: 576px) {
+  .advertising-img-order {
+    min-width: 320px;
+    order: 5;
+  }
+  .advertising-img-order img {
+    min-width: 320px;
+    margin-left: -25px;
+  }
 }
 @media (min-height: 577px) {
   .advertising-img-order {
@@ -335,15 +342,6 @@ header {
     width: 100%;
   }
 }
-@media (max-width: 576px) {
-  .advertising-img-order {
-    min-width: 320px;
-  }
-  .advertising-img-order img {
-    min-width: 320px;
-    margin-left: -25px;
-  }
-}
 .advertising-text {
   width: 110%;
 }

css/styles.less

@@ -243,7 +243,10 @@ header {
   }
 }
 .advertising-text-order {
-  order: 5;
+   @media (max-width: 576px) {
+    width: 100%;
+     order: 0;
+  }
   width: 110%;
   h2 {
     .h2-desktop;
@@ -254,9 +257,7 @@ header {
   p {
     .text-h2-desktop;
   }
-  @media (max-width: 576px) {
-    width: 100%;
-  }
+
 }
 .advertising-text .main-line {
   margin-bottom: 24px;
@@ -265,7 +266,14 @@ header {
   margin-bottom: 24px;
 }
 .advertising-img-order {
-  order: 0;
+  @media (max-width: 576px) {
+    min-width: 320px;
+    order: 5;
+    img {
+      min-width: 320px;
+      margin-left: -25px;
+    }
+  }
   @media (min-height: 577px) {
 
     margin-top: -65px;
@@ -275,13 +283,7 @@ header {
       width: 100%;
     }
   }
-  @media (max-width: 576px) {
-    min-width: 320px;
-    img {
-      min-width: 320px;
-      margin-left: -25px;
-    }
-  }
+
 }
 .advertising-text {
 
@@ -541,7 +543,6 @@ header {
        width: 100%;
   }
 }
-
 .technology-card {
   width: 50%;
   text-align: left;