add style for mobile

css/styles.css

@@ -878,7 +878,7 @@ video {
 @media (max-width: 576px) {
   .advertising-background {
     padding-bottom: 20px;
-    padding-top: 55px;
+    padding-top: 60px;
   }
 }
 .advertising {
@@ -991,7 +991,7 @@ video {
 }
 .advertising-text-order h2 {
   /*.h2-desktop;*/
-  font-family: SF-UI-Display-Black;
+  font-family: SFUIDisplay-Regular;
   font-size: 36px;
   color: #303a81;
   letter-spacing: 0.36px;
@@ -1013,9 +1013,10 @@ video {
     font-weight: 700;
     letter-spacing: 0;
     color: #303a81;
-    line-height: 24px;
+    line-height: 30px;
     margin-bottom: 15px;
     height: auto;
+    margin-top: 0;
   }
 }
 .advertising-text {
@@ -1029,7 +1030,7 @@ video {
 }
 .advertising-text h2 {
   /*.h2-desktop;*/
-  font-family: SF-UI-Display-Black;
+  font-family: SFUIDisplay-Regular;
   font-size: 36px;
   color: #303a81;
   letter-spacing: 0.36px;
@@ -1048,10 +1049,10 @@ video {
   .advertising-text h2 {
     font-size: 24px;
     width: 300px!important;
-    font-weight: 700;
+    font-weight: bolder;
     letter-spacing: 0;
     color: #303a81;
-    line-height: 24px;
+    line-height: 30px;
     margin-bottom: 15px;
     height: auto;
   }
@@ -1065,7 +1066,7 @@ video {
   }
 }
 .advertising-text-order .main-line {
-  margin-bottom: 24px;
+  margin-bottom: 18px;
 }
 .advertising-img-order {
   position: relative;
@@ -1102,6 +1103,7 @@ video {
     min-width: 320px;
     min-height: 183px;
     margin-left: -25px;
+    margin-bottom: 17px;
   }
 }
 @media (max-width: 1250px) {
@@ -1130,13 +1132,14 @@ video {
     min-width: 320px;
     min-height: 183px;
     margin-left: -25px;
+    margin-bottom: 50px;
   }
 }
 /*option*/
 .option-container {
   position: relative;
   display: flex;
-  margin-top: 46px;
+  margin-top: 49px;
   justify-content: space-between;
   align-items: baseline;
 }

css/styles.less

@@ -738,7 +738,7 @@ video {
   }
   @media (max-width: 576px) {
     padding-bottom: 20px;
-    padding-top: 55px;
+    padding-top: 60px;
   }
 }
 .advertising {
@@ -827,7 +827,7 @@ video {
   width: 110%;
   h2 {
     /*.h2-desktop;*/
-    font-family: SF-UI-Display-Black;
+    font-family: SFUIDisplay-Regular;
     font-size: 36px;
     color: #303a81;
     letter-spacing: 0.36px;
@@ -845,9 +845,10 @@ video {
       font-weight: 700;
       letter-spacing: 0;
       color: #303a81;
-      line-height: 24px;
+      line-height: 30px;
       margin-bottom: 15px;
       height: auto;
+      margin-top: 0;
     }
   }
 }
@@ -859,7 +860,7 @@ video {
   width: 110%;
   h2 {
     /*.h2-desktop;*/
-    font-family: SF-UI-Display-Black;
+    font-family: SFUIDisplay-Regular;
     font-size: 36px;
     color: #303a81;
     letter-spacing: 0.36px;
@@ -874,10 +875,10 @@ video {
     @media (max-width: 576px) {
       font-size: 24px;
       width: 300px!important;
-      font-weight: 700;
+      font-weight: bolder;
       letter-spacing: 0;
       color: #303a81;
-      line-height: 24px;
+      line-height: 30px;
       margin-bottom: 15px;
       height: auto;
     }
@@ -890,7 +891,7 @@ video {
   }
 }
 .advertising-text-order .main-line {
-  margin-bottom: 24px;
+  margin-bottom: 18px;
 }
 .advertising-img-order {
   position: relative;
@@ -920,6 +921,7 @@ video {
       min-width: 320px;
       min-height: 183px;
       margin-left: -25px;
+      margin-bottom: 17px;
     }
   }
 }
@@ -944,6 +946,7 @@ video {
       min-width: 320px;
       min-height: 183px;
       margin-left: -25px;
+      margin-bottom: 50px;
     }
   }
 }
@@ -951,7 +954,7 @@ video {
 .option-container {
   position: relative;
   display: flex;
-  margin-top: 46px;
+  margin-top: 49px;
   justify-content: space-between;
   align-items: baseline;
   @media (max-width: 576px) {