code added

styles/abstracts/_variables.scss

@@ -1,3 +1,5 @@
 // $primary-color: steelblue;
 
-$grey-bg:#EEEEEE;
+$grey-bg:#EEEEEE;
+
+$animation-timer:.8s;

styles/pages/_allInOne.scss

@@ -19,6 +19,8 @@
     }
 
     .innerClipPathImgFirstFour{
+      
+    
         position: absolute;
         top: 12%;
         left:5%;
@@ -62,16 +64,16 @@
     
 }
 .allinoneLanding{
-    background-image: url("./../../dist/assets/imgs/allinone/allinonebg.png");
-    background-color: white;
-    background-size: cover;
-    background-repeat: no-repeat;
-    background-position: center;
+    // background-image: url("./../../dist/assets/imgs/allinone/allinonebg.png");
+    // background-color: white;
+    // background-size: cover;
+    // background-repeat: no-repeat;
+    // background-position: center;
 
     position: relative;
 
-    width: 100vw;
-    height: 100vh;
+    // width: 100vw;
+    // height: 100vh;
     #navbar-head *{
         color: white;
     }
@@ -161,6 +163,44 @@
     }
 }
 
+// owl-nav
+.allinoneslider{
+    .carouselLanding {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    .owl-nav{
+        bottom: 0;
+        position: absolute;
+        display: none;
+        right: 15%;
+        border: 1px solid;
+        padding: 0.5rem 1.3rem;
+        border-radius: 70px;
+        span{
+            font-size: 2rem;
+            text-align: center;
+        }
+    }
+    
+    .owl-stage{
+        width: 100% !important;
+    }
+}
+
+@media (max-width:1400px) {
+    .allinoneslider{
+       
+        
+        .owl-stage{
+            width: max-content !important;
+        }
+    }
+}
+
+
 @media (max-width:1300px) {
    .laptopsSection .headinglaptop{
         font-size: 5rem;
@@ -220,6 +260,8 @@
 }
 
 @media (max-width:600px) {
+
+    
     .supTitleSection{
         text-align: center;
         font-size: 1rem;
@@ -326,6 +368,25 @@
     
  }
 
+ @media (max-width:576px){
+    .allinInMargintop{
+        margin-top: 100px;
+    }
+    .content-main-allinone{
+        padding: 1rem;
+    }
+    .scaleSmallAllinone{
+        scale: 0.9;
+    }
+    .allinoneslider{
+       
+        
+        .owl-stage{
+            width: max-content !important;
+        }
+    }
+ }
+
 
  @media (max-width:320px) {
     
@@ -379,4 +440,68 @@
             top:0;
         }
     }
- }
+ }
+
+.animateHeadingLeft,.dualLaptopSlideLeftone{
+    transform: translateX(1000%);
+    transition: $animation-timer ease;
+}
+
+.addTextanimationLeft{
+    transform: translateX(0);
+}
+
+.animateHeadingRight,.dualLaptopSlideone{
+    transform: translateX(-1000%);
+    transition: $animation-timer ease;
+}
+
+.addTextanimationRight{
+    transform: translateX(0);
+}
+
+// laptop 1
+.laptoponanimation,.allinOnepc{
+    opacity: 0;
+    transition: $animation-timer ease;
+}
+
+.addOpacity{
+    opacity: 1;
+}
+
+
+
+.clipPathSectionCol {
+    .dualLaptopSlideLeftone{
+        transform: translate(1000%,-50%);
+        transition: $animation-timer ease;
+    }
+    
+    .dualLaptopSlideLeftoneLeft{
+        transform: translate(0,-50%);
+    }
+
+   
+}
+
+.cpuSlideLeftone{
+    transform: translateX(-1000%);
+    transition: $animation-timer ease;
+}
+.controllerEight{
+    transform: translateX(1000%);
+}
+.traslateZero{
+    transform: translateX(0);
+}
+
+.clipPathSectionCol .innerClipPathImgSectionFour.controllerEight{
+    transform: translate(1000%,-50%);
+    transition: $animation-timer ease;
+}
+
+.clipPathSectionCol .innerClipPathImgSectionFour.traslateZero{
+    transform: translate(0,-50%);
+}
+

styles/pages/_productOverview.scss

@@ -26,7 +26,7 @@ $PO_footerText: 0.7rem;
   border: 1px solid rgba(255, 255, 255, 0.18);
   border: 2px solid;
 
-  position: fixed;
+  position: absolute; //head
   z-index: 999;
   bottom: 0;
   left: 0;
@@ -559,6 +559,13 @@ $PO_footerText: 0.7rem;
   
 }
 
+@media (max-width:1000px){
+  .dualpassage{
+    padding-left: 10rem;
+    padding-right: 2rem;
+  }
+}
+
 @media (max-width:790px) {
 
   .productOverview {
@@ -649,7 +656,11 @@ $PO_footerText: 0.7rem;
     }
 
     .displayscreenpadMain {
-      top: -26px;
+      top: 0;
+    }
+
+    .twoScreenHeading{
+      font-size: 1rem;
     }
   }
 

styles/pages/productOverview/_controlPanel.scss

@@ -1,69 +1,91 @@
 .controlPanel {
-    margin-top: 10rem;
-    padding-bottom: 300px;
-  
-    .controlPanel_des {
+  margin-top: 10rem;
+  padding-bottom: 300px;
+
+  .controlPanel_des {
+    position: absolute;
+    top: -170px;
+    left: 80px;
+  }
+
+  .bgControlpanel {
+    min-height: 100vh;
+    background-color: #ececec;
+    border-radius: 157px;
+    position: relative;
+
+    .bgControlpaneltabs {
       position: absolute;
-      top: -170px;
-      left: 80px;
-    }
-  
-    .bgControlpanel {
-      min-height: 100vh;
-      background-color: #ececec;
-      border-radius: 157px;
-      position: relative;
-  
-      .bgControlpaneltabs {
+      top: 100px;
+      right: 0;
+
+      .nav-link:focus-visible,
+      .nav-item:focus-visible {
+        outline: none !important;
+      }
+
+      .nav-tabs {
+        border-bottom: 1px solid;
+        margin-bottom: 2rem;
+      }
+
+      .nav-item {
+        position: relative;
+        border: none;
+      }
+
+      .nav-tabs .nav-link {
+        position: relative;
+        color: black;
+        font-weight: 500;
+      }
+
+      .nav-tabs .nav-link.active {
+        border: none;
+        background-color: transparent;
+      }
+
+      .nav-tabs .nav-link.active::before {
+        display: block;
+      }
+
+      .nav-item .nav-link::before {
+        content: "";
         position: absolute;
-        top: 100px;
+        width: 100%;
+        height: 5px;
+        bottom: -2px;
         right: 0;
-  
-        .nav-tabs {
-          border-bottom: 1px solid;
-          margin-bottom: 2rem;
-        }
-  
-        .nav-item {
-          position: relative;
-          border: none;
-        }
-  
-        .nav-tabs .nav-link {
-          position: relative;
-          color: black;
-          font-weight: 500;
-        }
-  
-        .nav-tabs .nav-link.active {
-          border: none;
-          background-color: transparent;
-        }
-  
-        .nav-tabs .nav-link.active::before {
-          display: block;
-        }
-  
-        .nav-item .nav-link::before {
-          content: "";
-          position: absolute;
-          width: 100%;
-          height: 5px;
-          bottom: -2px;
-          right: 0;
-          display: none;
-          background-color: black;
-        }
+        display: none;
+        background-color: black;
       }
     }
   }
+}
 
-  @media (max-width:768px) {
-    .controlPanel{
-        padding-bottom: 100px;
-        .bgControlpanel{
-           min-height: 50vh;
-        }
+@media (max-width:768px) {
+  .controlPanel {
+    padding-bottom: 100px;
 
+    .bgControlpanel {
+      min-height: 50vh;
     }
-  }
+
+  }
+}
+
+@media (max-width:600px) {
+
+  .controlPanel {
+
+    .controlPanel_des {
+      width: 100%;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      left: 50%;
+    }
+
+  }
+}

styles/pages/productOverview/_professinalGrade.scss

@@ -45,5 +45,10 @@
       p{
         padding-left: 1rem;
       }
+
+      .professinalGradeImg {
+    
+        width: 80%;
+    }
     }
 }

styles/pages/productOverview/_stunningsound.scss

@@ -102,7 +102,7 @@
 
 @media (max-width:576px) {
     .stunningSound {
-
+        padding-top: 1rem;
 
         .stunningSound_heading {
 

styles/style.scss

@@ -158,7 +158,7 @@ body {
 #navbar-head{
     position: fixed;
     width: 100%;
-    z-index: 9999;
+    z-index: 20;
     top: 0;
 }
 .biz-nav-wrapper {
@@ -211,4 +211,21 @@ body {
 // footer 
 .footer-socailImg{
     width: 30px;
-}
+}
+
+.footer-rocket-img{
+    width: 80px;
+}
+
+.footer-rkt:hover{
+    animation: rocketRotate 2s infinite;
+}
+
+@keyframes rocketRotate {
+    from {
+        transform: rotate(0);
+    }
+    to {
+        transform: rotate(360deg);
+    }
+  }