add script for #dog-fourth

css/styles.css

@@ -167,6 +167,7 @@ header {
     display: inline-block;
     font-size: 36px;
     color: white;
+    z-index: 5;
   }
 }
 @media (min-width: 576px) {
@@ -182,6 +183,8 @@ header {
   height: 80px;
   left: 1px;
   top: 40px;
+  color: white;
+  z-index: 5;
 }
 @media (min-width: 577px) {
   #cat {
@@ -2925,6 +2928,7 @@ p.price-user-part {
 .mobile-point-active {
   width: 12px;
   height: 12px;
+  margin-left: 23px;
   border-radius: 50%;
   background: #c94d4e;
   border: #fbb5b6 5px solid;
@@ -3278,4 +3282,13 @@ input.form-last-child {
   position: absolute;
   display: none;
 }
+.yyy {
+  width: 12px;
+  height: 12px;
+  margin-top: 0;
+  margin-left: 23px;
+  border-radius: 50%;
+  background: #c94d4e;
+  border: #fbb5b6 5px solid;
+}
 /*# sourceMappingURL=styles.css.map */
\ No newline at end of file

css/styles.less

@@ -139,6 +139,7 @@ header {
     display: inline-block;
     font-size: 36px;
     color: white;
+    z-index: 5;
   }
   @media (min-width: 576px){
     position: absolute;
@@ -152,6 +153,8 @@ header {
   height: 80px;
   left: 1px;
   top: 40px;
+  color: white;
+  z-index: 5;
   @media (min-width: 577px){
     display: none;
   }
@@ -2390,6 +2393,7 @@ p.price-user-part {
 .mobile-point-active {
   width: 12px;
   height: 12px;
+  margin-left: 23px;
   border-radius: 50%;
   background: #c94d4e;
   border: #fbb5b6 5px solid;
@@ -2701,6 +2705,15 @@ footer {
   position: absolute;
   display: none;
 }
+.yyy {
+  width: 12px;
+  height: 12px;
+  margin-top: 0;
+  margin-left: 23px;
+  border-radius: 50%;
+  background: #c94d4e;
+  border: #fbb5b6 5px solid;
+}
 
 
 

index.html

@@ -2253,7 +2253,7 @@
         </div>
     </div>
 
-    <div class="window-three price-mobile-window-none">
+    <div id="dog-third" class="window-three price-mobile-window-none">
         <div class="price-mobile-tittle">
             <h2>Цены 3</h2>
             <div class="price-mobile-tittle-line">
@@ -2355,18 +2355,18 @@
             </div>
         </div>
         <div class="mobile-point-wrapper">
-            <div class="mobile-point-active">
+            <div id="btn-third-first" class="mobile-point">
             </div>
-            <div class="mobile-point">
+            <div id="btn-third-too" class="mobile-point">
             </div>
-            <div class="mobile-point">
+            <div id="btn-third-third" class="mobile-point">
             </div>
-            <div class="mobile-point">
+            <div id="btn-third-fourth" class="mobile-point-active">
             </div>
         </div>
     </div>
 
-    <div class="window-four">
+    <div id="dog-four" class="window-four">
         <div class="price-mobile-tittle">
             <h2>Цены 4</h2>
             <div class="price-mobile-tittle-line">
@@ -2468,13 +2468,13 @@
             </div>
         </div>
         <div class="mobile-point-wrapper">
-            <div class="mobile-point-active">
+            <div id="btn-first" class="mobile-point">
             </div>
-            <div class="mobile-point">
+            <div id="btn-too" class="mobile-point">
             </div>
-            <div class="mobile-point">
+            <div id="btn-third" class="mobile-point">
             </div>
-            <div class="mobile-point">
+            <div id="btn-fourth" class="mobile-point-active">
             </div>
         </div>
     </div>
@@ -2555,6 +2555,24 @@
     $('#header-img-navicon').click(function(event) {
         $('#cat').toggleClass('page-header__burger--active');
     });
+     $('#btn-fourth').click(function(event) {
+        $('#dog-third').toggleClass('price-mobile-window-none');
+    });
+     $('#btn-fourth').click(function(event) {
+        $('#dog-four').toggleClass('price-mobile-window-none');
+    });
+
+         $('#btn-fourth').click(function(event) {
+            $('#btn-third-third').toggleClass('yyy');
+    });
+               $('#btn-fourth').click(function(event) {
+            $('#btn-third-fourth').toggleClass('mobile-point-active');
+    });
+                            $('#btn-fourth').click(function(event) {
+            $('#btn-third-fourth').toggleClass('mobile-point');
+    });
+
+
 </script>
 </body>
 </html>