category item update in css ONLY SAPAR !!)

shablon/css/main.css

@@ -2099,19 +2099,25 @@ li {
 
 .cat_tabs {
     display: flex;
-    justify-content: space-between;
+    flex-wrap: wrap;
+    -ms-flex-wrap: wrap;
+    -moz-flex-wrap: wrap;
+    -o-flex-wrap: wrap;
+    -webkit-flex-wrap: wrap;
 
     margin-bottom: 100px;
+    margin: 0 -20px 20px -20px;
 }
 
 .tab_link {
-    width: calc(25% - 60px);
-    margin-right: 40px;
+    width: calc(25% - 40px);
     text-align: center;
     border-radius: 10px;
     background: var(--rgba-blue);
     color: var(--blue);
     padding: 35px 10px;
+    margin-right: 40px;
+    margin: 0 20px 20px 20px;
     cursor: pointer;
 
     font-size: var(--text-20);
@@ -2133,10 +2139,6 @@ li {
     background: rgba(0, 49, 151, .2);
 }
 
-.tab_link:last-child {
-    margin-right: 0;
-}
-
 .tab_link.active {
     background: var(--blue);
     color: #fff;
@@ -4686,8 +4688,7 @@ li {
     }
 
     .tab_link {
-        width: calc(50% - 60px);
-        margin-bottom: 30px;
+        width: calc(50% - 40px);
     }
 
     /*
@@ -6103,10 +6104,13 @@ li {
         margin: 10px auto;
     }
 
+    .cat_tabs {
+        margin: 0 0 70px 0;
+    }
+
     .tab_link {
-        width: calc(100% - 0px);
-        margin-bottom: 20px;
-        margin-right: 0;
+        width: 100%;
+        margin: 0 0 20px 0;
     }
 
     /* .contact_title {