update

index.html

@@ -759,21 +759,40 @@
         let secondSubmenus = document.querySelectorAll('.second-submenu');
         for (let i = 0; i < menuItems.length; i++) {
             menuItems[i].addEventListener('click', () => {
-                //for (let j = 0; j < menuItems.length; j++) {
-                    if (submenus[i].classList.contains('submenu--active')) {
-                        submenus[i].classList.remove('submenu--active');
+                if (submenus[i].classList.contains('submenu--active')) {
+                    submenus[i].classList.remove('submenu--active');
+                    for (let submenu of submenus) {
+                        if (submenu.classList.contains('submenu--active')) {
+                            submenu.classList.remove('submenu--active');
+                        }
                     }
-                    else {
-                //}
-                    submenus[i].classList.add('submenu--active');
+                }
+                else {
+                    for (let submenu of submenus) {
+                        if (submenu.classList.contains('submenu--active')) {
+                            submenu.classList.remove('submenu--active');
+                        }
                     }
+                    submenus[i].classList.add('submenu--active');
+                }
             });
         }
         for (let i = 0; i < secondMenuItems.length; i++) {
             secondMenuItems[i].addEventListener('click', () => {
                 if (secondSubmenus[i-1].classList.contains('submenu--active')) {
                     secondSubmenus[i-1].classList.remove('submenu--active');
-                } else {
+                    for (let submenu of submenus) {
+                        if (submenu.classList.contains('submenu--active')) {
+                            submenu.classList.remove('submenu--active');
+                        }
+                    }
+                } 
+                else {
+                    for (let submenu of submenus) {
+                        if (submenu.classList.contains('submenu--active')) {
+                            submenu.classList.remove('submenu--active');
+                        }
+                    }
                     secondSubmenus[i-1].classList.add('submenu--active');
                 }
             });

styles/style.css

@@ -1003,7 +1003,7 @@ body {
 .company-button {
   display: inline-block;
   position: absolute;
-  left: 45%;
+  left: 46%;
   bottom: 310px;
   -webkit-transform: translate(-50%, 50%);
           transform: translate(-50%, 50%);
@@ -2161,6 +2161,7 @@ body {
   }
   .company-button {
     bottom: 255px;
+    left: 46.3%;
   }
   .company-button img {
     height: 154px;
@@ -2372,6 +2373,9 @@ body {
   .point {
     display: none;
   }
+  .company-button {
+    left: 45.5%;
+  }
 }
 
 @media (max-width: 1100px) {
@@ -2415,6 +2419,9 @@ body {
   .ecology-text {
     width: calc(100% - 550px);
   }
+  .company-button {
+    left: 45%;
+  }
 }
 
 @media (max-width: 950px) {
@@ -2434,6 +2441,9 @@ body {
   .press-content-media-wrapper__link {
     margin-right: 15px;
   }
+  .company-button {
+    left: 44.5%;
+  }
   .footer {
     padding: 24px 16px;
     height: 105px;
@@ -2826,12 +2836,9 @@ body {
   .company-video {
     width: 100%;
   }
-  .company-video__button {
-    display: block;
-    z-index: 10;
-  }
   .company-button {
-    display: none;
+    bottom: 980px;
+    left: 41%;
   }
   .company-button img {
     height: 128px;
@@ -3149,7 +3156,18 @@ body {
   }
 }
 
-@media (max-width: 430px) {
+@media (max-width: 600px) {
+  .company-button {
+    bottom: 960px;
+    left: 38%;
+  }
+}
+
+@media (max-width: 450px) {
+  .company-button {
+    bottom: 940px;
+    left: 31%;
+  }
   .footer-info-dev {
     margin: 0;
     margin-top: 16px;

styles/style.scss

@@ -745,7 +745,7 @@ body {
   &-button {
     display: inline-block;
     position: absolute;
-    left: 45%;
+    left: 46%;
     bottom: 310px;
     transform: translate(-50%, 50%);
     animation: 10s linear 0s normal none infinite running company-button;
@@ -1630,6 +1630,7 @@ body {
     }
     &-button {
       bottom: 255px;
+      left: 46.3%;
     }
     &-button img {
       height: 154px;
@@ -1866,6 +1867,9 @@ body {
   .point {
     display: none;
   }
+  .company-button {
+    left: 45.5%;
+  }
 }
 
 @media (max-width: 1100px) {
@@ -1902,6 +1906,9 @@ body {
   .ecology-text {
     width: calc(100% - 550px);
   }
+  .company-button {
+    left: 45%;
+  }
 }
 
 @media (max-width: 950px) {
@@ -1920,6 +1927,9 @@ body {
   .press-content-media-wrapper__link {
     margin-right: 15px;
   }
+  .company-button {
+    left: 44.5%;
+  }
   .footer {
     padding: 24px 16px;
     height: 105px;
@@ -2245,13 +2255,10 @@ body {
     }
     &-video {
       width: 100%;
-      &__button {
-        display: block;
-        z-index: 10;
-      }
     }
     &-button {
-      display: none;
+      bottom: 980px;
+      left: 41%;
     }
     &-button img {
       height: 128px;
@@ -2540,8 +2547,18 @@ body {
     }
   }
 }
+@media (max-width: 600px) {
+  .company-button {
+    bottom: 960px;
+    left: 38%;
+  }
+}
 
-@media (max-width: 430px) {
+@media (max-width: 450px) {
+  .company-button {
+    bottom: 940px;
+    left: 31%;
+  }
   .footer {
     &-info {
       &-dev {