still add style for max-width 768px

css/styles.css

@@ -800,6 +800,7 @@ video {
 }
 @media (max-width: 768px) {
   .option-card-img {
+    text-align: center;
     width: 275px;
     font-size: 20px;
     line-height: 24px;
@@ -851,6 +852,7 @@ video {
 }
 @media (max-width: 768px) {
   .option-text {
+    margin: 0 auto;
     height: 45px;
     width: 240px;
   }
@@ -890,8 +892,8 @@ video {
 }
 @media (max-width: 768px) {
   .option-card-img-container img {
-    width: 207px;
-    height: 200px;
+    width: 170px;
+    height: 170px;
   }
 }
 @media (max-width: 576px) {
@@ -924,7 +926,7 @@ video {
     position: absolute;
     width: 2px;
     height: 243px;
-    transform: rotate(15deg);
+    transform: rotate(0deg);
     left: 50%;
     top: 2%;
   }
@@ -950,12 +952,7 @@ video {
 }
 @media (max-width: 768px) {
   .option-btn {
-    width: 240px;
-  }
-}
-@media (max-width: 768px) {
-  .option-btn {
-    width: 143px;
+    width: 203px!important;
     height: 34px;
     font-size: 16px;
     font-weight: 400;
@@ -1006,6 +1003,11 @@ video {
     height: 250px;
   }
 }
+@media (max-width: 768px) {
+  .protection-card {
+    height: 280px;
+  }
+}
 @media (max-width: 576px) {
   .protection-card {
     flex-flow: nowrap;
@@ -1020,6 +1022,7 @@ video {
 @media (max-width: 768px) {
   .protection-img {
     height: 126px;
+    margin-left: -10px;
   }
 }
 @media (max-width: 576px) {

css/styles.less

@@ -652,6 +652,7 @@ video {
   text-align: center;
   max-width: 485px;
   @media (max-width: 768px) {
+    text-align: center;
       width: 275px;
       font-size: 20px;
       line-height: 24px;
@@ -696,6 +697,7 @@ video {
 .option-text {
   min-height: 70px;
    @media (max-width: 768px) {
+     margin: 0 auto;
     height: 45px;
     width: 240px;
   }
@@ -728,8 +730,8 @@ video {
   }
   img {
     @media (max-width: 768px) {
-      width: 207px;
-      height: 200px;
+      width: 170px;
+      height: 170px;
     }
     @media (max-width: 576px) {
       width: 107px;
@@ -757,7 +759,7 @@ video {
     position: absolute;
     width: 2px;
     height: 243px;
-    transform: rotate(15deg);
+    transform: rotate(0deg);
     left: 50%;
     top: 2%;
   }
@@ -777,10 +779,7 @@ video {
     margin-bottom: 71px!important;
   }
    @media (max-width: 768px) {
-    width: 240px;
-  }
-   @media (max-width: 768px) {
-    width: 143px;
+    width: 203px!important;
      height: 34px;
      font-size: 16px;
      font-weight: 400;
@@ -822,6 +821,9 @@ video {
   @media (max-width: 992px) {
     height: 250px;
   }
+  @media (max-width: 768px) {
+    height: 280px;
+  }
   @media (max-width: 576px) {
     flex-flow: nowrap;
     width: 100%;
@@ -833,6 +835,7 @@ video {
   width: 100%;
     @media (max-width: 768px) {
     height: 126px;
+      margin-left: -10px;
   }
   img {
     @media (max-width: 576px) {

index.html

@@ -658,7 +658,7 @@
     </div>
 </section>
 
-
+<!--
 <section class="main-container">
     <h2 class="h2-desktop">Цены</h2>
     <div class="main-line">
@@ -1076,7 +1076,7 @@
         </div>
     </div>
 </section>
-
+-->
 <section class="connection">
     <div class="main-container">
         <div class="form-wrapper">