code

dist/html/pages/allinone.html → allinone.html

@@ -8,9 +8,9 @@
 
     <link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
     <!-- <link rel="stylesheet" href="./../../css/main.css" /> -->
-    <link rel="stylesheet" href="../../../libs/owlcarousel/dist/assets/owl.carousel.min.css">
-    <link rel="stylesheet" href="../../../libs/owlcarousel/dist/assets/owl.theme.default.min.css">
-    <link rel="stylesheet" href="../../../styles/style.css">
+    <link rel="stylesheet" href="libs/owlcarousel/dist/assets/owl.carousel.min.css">
+    <link rel="stylesheet" href="libs/owlcarousel/dist/assets/owl.theme.default.min.css">
+    <link rel="stylesheet" href="styles/style.css">
     <title>project</title>
 </head>
 
@@ -33,10 +33,11 @@
         <div class="row ">
             <div class="col-sm-7 d-none d-sm-block clipPathSectionCol">
                 <div class="leftClipPathLaptop">
-                    <img src="./../../assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100">
+                    <!-- <img src="dist/assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100"> -->
+                    <img src="dist/assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100">
                 </div>
                 <div class="innerClipPathImg">
-                    <img src="./../../assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
+                    <img src="dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
                 </div>
             </div>
             <div class="align-items-center d-none d-sm-block col-sm-5 d-flex">
@@ -63,7 +64,7 @@
 
             <!-- mobile -->
             <div class="innerClipPathImg d-block d-sm-none">
-                <img src="./../../assets/imgs/allinone/onesection.png" alt="" class="img-fluid">
+                <img src="dist/assets/imgs/allinone/onesection.png" alt="" class="img-fluid">
             </div>
             <div class="align-items-center d-sm-none d-block col-sm-5 d-flex">
                 <div class="d-flex flex-column laptopSectionDesP gap-5">
@@ -88,10 +89,10 @@
             
             <div class="col-sm-7 d-sm-none d-block clipPathSectionCol">
                 <div class="leftClipPathLaptop ">
-                    <img src="./../../assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100 d-none d-sm-block">
+                    <img src="dist/assets/imgs/allinone/leftclippath.png" alt="" class="w-100 h-100 d-none d-sm-block">
                 </div>
                 <div class="innerClipPathImg">
-                    <img src="./../../assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
+                    <img src="dist/assets/imgs/allinone/onesection.png" alt="" class="w-100 h-100">
                 </div>
             </div>
             
@@ -124,11 +125,11 @@
             </div>
             <div class="col-sm-7 clipPathSectionCol">
                 <div class="innerClipPathImgSectionTwo  d-none d-sm-block">
-                    <img src="./../../assets/imgs/allinone/sectiontwo.png" alt="" class="w-100 h-100 sectionTwoImgAllInone">
+                    <img src="dist/assets/imgs/allinone/sectiontwo.png" alt="" class="w-100 h-100 sectionTwoImgAllInone">
                 </div>
 
                 <div>
-                    <img src="./../../assets/imgs/allinone/sectiontwo.png" alt="" class="img-fluid d-block d-sm-none">
+                    <img src="dist/assets/imgs/allinone/sectiontwo.png" alt="" class="img-fluid d-block d-sm-none">
                 </div>
 
                 <div class="align-items-center d-block d-sm-none col-sm-5 p-6 d-flex">
@@ -153,7 +154,7 @@
                 </div>
 
                 <div class="leftClipPathLaptop d-none d-sm-block">
-                    <img src="./../../assets/imgs/allinone/rightclippath.png" alt="" class="w-100 h-100">
+                    <img src="dist/assets/imgs/allinone/rightclippath.png" alt="" class="w-100 h-100">
                 </div>
               
             </div>
@@ -170,12 +171,12 @@
     <div class="row">
         <div class="col-sm-6 pe-5 clipPathSectionCol">
             <div class="leftClipPathLaptop d-none d-sm-block">
-                <img src="./../../assets/imgs/allinone/ll.png" alt="" class="w-100 h-100">
+                <img src="dist/assets/imgs/allinone/ll.png" alt="" class="w-100 h-100">
             </div>
             <div class="innerClipPathImgFirstThree  d-none d-sm-block">
-                <img src="./../../assets/imgs/allinone/montier.png" alt="" class="w-100 h-100">
+                <img src="dist/assets/imgs/allinone/montier.png" alt="" class="w-100 h-100">
             </div>
-             <img src="./../../assets/imgs/allinone/montier.png" alt="" class="img-fluid d-block d-sm-none">
+             <img src="dist/assets/imgs/allinone/montier.png" alt="" class="img-fluid d-block d-sm-none">
 
             <div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">
                 <div>
@@ -195,12 +196,12 @@
         </div>
         <div class="col-sm-6 ps-5 clipPathSectionCol">
             <div class="leftClipPathLaptop d-none d-sm-block">
-                <img src="./../../assets/imgs/allinone/rr.png" alt="" class="w-100 h-100">
+                <img src="dist/assets/imgs/allinone/rr.png" alt="" class="w-100 h-100">
             </div>
             <div class="innerClipPathImgSectionThree d-none d-sm-block">
-                <img src="../../assets/imgs/allinone/keyboardandmouse.png" alt="" class="w-100 h-100 ">
+                <img src="dist/assets/imgs/allinone/keyboardandmouse.png" alt="" class="w-100 h-100 ">
             </div>
-            <img src="../../assets/imgs/allinone/keyboardandmouse.png" alt="" class="img-fluid d-block d-sm-none">
+            <img src="dist/assets/imgs/allinone/keyboardandmouse.png" alt="" class="img-fluid d-block d-sm-none">
 
             <div class="d-flex  d-sm-none d-block allinoneDualMarginTop_pContainer flex-column gap-5">
                 <div>
@@ -261,12 +262,12 @@
     <div class="row">
         <div class="col-sm-6 pe-5 clipPathSectionCol">
             <div class="leftClipPathLaptop ">
-                <img src="./../../assets/imgs/allinone/ll.png" alt="" class="w-100 h-100  d-none d-sm-block">
+                <img src="dist/assets/imgs/allinone/ll.png" alt="" class="w-100 h-100  d-none d-sm-block">
             </div>
             <div class="innerClipPathImgFirstFour">
-                <img src="./../../assets/imgs/allinone/cpus.png" alt="" class="w-100 h-100  d-none d-sm-block">
+                <img src="dist/assets/imgs/allinone/cpus.png" alt="" class="w-100 h-100  d-none d-sm-block">
             </div>
-            <img src="./../../assets/imgs/allinone/cpus.png" alt="" class="img-fluid d-block d-sm-none">
+            <img src="dist/assets/imgs/allinone/cpus.png" alt="" class="img-fluid d-block d-sm-none">
 
             <div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">
                 <div>
@@ -286,12 +287,13 @@
         </div>
         <div class="col-sm-6 ps-5 clipPathSectionCol">
             <div class="leftClipPathLaptop ">
-                <img src="./../../assets/imgs/allinone/rr.png" alt="" class="w-100 h-100  d-none d-sm-block">
+                <img src="dist/assets/imgs/allinone/rr.png" alt="" class="w-100 h-100  d-none d-sm-block">
             </div>
             <div class="innerClipPathImgSectionFour">
-                <img src="../../assets/imgs/allinone/rams.png" alt="" class="w-100 h-100  d-none d-sm-block">
+               
+                <img src="dist/assets/imgs/allinone/rams.png" alt="" class="w-100 h-100  d-none d-sm-block">
             </div>
-            <img src="../../assets/imgs/allinone/rams.png" alt="" class="img-fluid d-block d-sm-none">
+            <img src="dist/assets/imgs/allinone/rams.png" alt="" class="img-fluid d-block d-sm-none">
             <div class="d-flex d-sm-none allinoneDualMarginTop_pContainer d-block flex-column gap-5">
                 <div>
                     <h1 class="orbitron_font font-3">Moniters</h1>
@@ -349,15 +351,15 @@
 <section class="sectionfiveAllinOne container  overflow-hidden">
     <div class="row">
         <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
-            <img class="w-100 h-100" src="./../../assets/imgs/allinone/info1.png" alt="">
+            <img class="w-100 h-100" src="dist/assets/imgs/allinone/info1.png" alt="">
             <div class="orbitron_font text-white infoContainerOneText">
                 <h1>Announcements</h1>
                 <h1>and Events</h1>
             </div>
         </div>
         <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
-            <img class="w-100 h-70" src="./../../assets/imgs/allinone/info2.png" alt="">
-            <!-- <img class="w-100 h-70" src="./../../assets/imgs/allinone/info2.png" alt=""> -->
+            <img class="w-100 h-70" src="dist/assets/imgs/allinone/info2.png" alt="">
+            <!-- <img class="w-100 h-70" src="dist/assets/imgs/allinone/info2.png" alt=""> -->
             <div class=" infoContainerBlue  p-4 d-flex flex-column justify-content-center ">
                 <h1 class="font-1-5  orbitron_font">Solution Focus</h1>
                 <div class="infoContainer_des satoshi_font">
@@ -366,7 +368,7 @@
             </div>
         </div>
         <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
-            <img class="w-100 h-70" src="./../../assets/imgs/allinone/info3.png" alt="">
+            <img class="w-100 h-70" src="dist/assets/imgs/allinone/info3.png" alt="">
             <div class=" infoContainerOrange  p-4 d-flex flex-column justify-content-center ">
                 <h1 class="font-1-5  orbitron_font">Restless</h1>
                 <div class="infoContainer_des satoshi_font">
@@ -375,7 +377,7 @@
             </div>
         </div>
         <div class="col-sm-12 col-md-6 col-lg-3 infoContainer">
-            <img class="w-100 h-70" src="./../../assets/imgs/allinone/info4.png" alt="">
+            <img class="w-100 h-70" src="dist/assets/imgs/allinone/info4.png" alt="">
             <div class=" infoContainerBlue  p-4 d-flex flex-column justify-content-center ">
                 <h1 class="font-1-5  orbitron_font">Out of world</h1>
                 <div class="infoContainer_des satoshi_font">
@@ -406,7 +408,7 @@
     <div class="carouselLanding owl-carousel d-flex p-4">
         <div class="carouselLandingItem">
            <div class="mt-5C carouselLandingItemInner">
-            <img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
+            <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
             <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
                 
 <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
@@ -418,7 +420,7 @@
         </div>
         <div class="carouselLandingItem ">
             <div class=" carouselLandingItemInner">
-             <img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
+             <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
              <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
                  
  <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
@@ -431,7 +433,7 @@
        
         <div class="carouselLandingItem " data-hash="3">
             <div class="mt-5C carouselLandingItemInner">
-             <img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
+             <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
              <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
                  
  <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
@@ -444,7 +446,7 @@
        
         <div class="carouselLandingItem">
             <div class=" carouselLandingItemInner">
-             <img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
+             <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
              <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
                  
  <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
@@ -456,7 +458,7 @@
          </div>
          <div class="carouselLandingItem ">
             <div class="mt-5C carouselLandingItemInner">
-             <img src="./../../assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
+             <img src="dist/assets/imgs/allinone/scroll.png" alt="" class="w-100 h-100">
              <div class="carouselLandingItemInnerOverlay d-flex justify-content-center align-items-center">
                  
  <svg xmlns="http://www.w3.org/2000/svg" width="49.176" height="49.176" viewBox="0 0 49.176 49.176">
@@ -525,13 +527,17 @@
     <section id="footer-head"></section>
     <!-- end-footer -->
 
-    <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
-    <script src="../../js/jquery.min.js"></script>
+    <script src="libs/bootstrap/js/bootstrap.bundle.min.js"></script>
+    <script src="dist/Js/jquery.min.js"></script>
        
-    <script src="./../../../libs/owlcarousel/dist/owl.carousel.min.js"></script>
-    <script src="../../js/navbar.js"></script>
-    <script src="../../js/footer.js"></script>
-    <script src="./../../Js/allInOne.js"></script>
+    <script src="libs/owlcarousel/dist/owl.carousel.min.js"></script>
+    <script src="dist/Js/navbar.js"></script>
+    <script src="dist/Js/footer.js"></script>
+    <script src="dist/Js/allInOne.js"></script>
+
+    <script src="dist/Js/navbar.js"></script>
+    <script src="dist/Js/footer.js"></script>
+    <script src="dist/Js/laptopmuti.js"></script>
 
 </body>
 

dist/html/pages/laptopmulti.html → laptopmulti.html

@@ -6,9 +6,11 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="X-UA-Compatible" content="ie=edge" />
 
-    <link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" />
+    <link rel="stylesheet" href="libs/bootstrap/css/bootstrap.min.css" />
+<!-- 
+    <link rel="stylesheet" href="../../../libs/bootstrap/css/bootstrap.min.css" /> -->
     <!-- <link rel="stylesheet" href="./../../css/main.css" /> -->
-    <link rel="stylesheet" href="../../../styles/style.css">
+    <link rel="stylesheet" href="styles/style.css">
     <title>project</title>
 </head>
 
@@ -40,7 +42,7 @@
             <div class="d-flex align-items-center price_footerContainer justify-content-between">
                 <div class="d-none d-md-flex">
                     <div class="boxImgContainer">
-                        <img class="w-100 h-100" src="./../../assets/imgs/box.png" alt="box" />
+                        <img class="w-100 h-100" src="dist/assets/imgs/box.png" alt="box" />
                     </div>
                     <div class="ps-3 ">
                         <div class="satoshi_font fw-700">Delivery</div>
@@ -85,37 +87,37 @@
     <section class="container  PO_galleryContainer">
         <div class="p-6 pt-0">
             <div class="PO_gallery_display">
-                <img class="PO_gallery_display_img" src="./../../assets/imgs/laptop_display.png" />
+                <img class="PO_gallery_display_img" src="dist/assets/imgs/laptop_display.png" />
             </div>
             <div class="d-flex h-md-200p pt-2 pt-md-5 justify-content-between align-items-center">
                 <span class="PO_gallery_box">
                     <div class="PO_gallery_box_inner h-100">
-                        <img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
+                        <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
                     </div>
                 </span>
                 <span class="PO_gallery_box">
                     <div class="PO_gallery_box_inner h-100">
-                        <img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
+                        <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
                     </div>
                 </span>
                 <span class="PO_gallery_box">
                     <div class="PO_gallery_box_inner h-100">
-                        <img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
+                        <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
                     </div>
                 </span>
                 <span class="PO_gallery_box">
                     <div class="PO_gallery_box_inner h-100">
-                        <img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
+                        <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
                     </div>
                 </span>
                 <span class="PO_gallery_box">
                     <div class="PO_gallery_box_inner h-100">
-                        <img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
+                        <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
                     </div>
                 </span>
                 <span class="PO_gallery_box">
                     <div class="PO_gallery_box_inner h-100">
-                        <img class="w-100 h-100" src="./../../assets/imgs/laptop_display.png" alt="photo">
+                        <img class="w-100 h-100" src="dist/assets/imgs/laptop_display.png" alt="photo">
                     </div>
                 </span>
             </div>
@@ -183,7 +185,7 @@
                                     <div class="orbitron_font fw-600">Future-proof</div>
                                 </div>
                                 <div class="futureProofImg p-0  h-m-100">
-                                    <img src="./../../assets/imgs/productoverview/gridfutureproof.png"
+                                    <img src="dist/assets/imgs/productoverview/gridfutureproof.png"
                                         class="w-100 h-100" alt="">
                                 </div>
                             </div>
@@ -297,7 +299,7 @@
     
     
                             <div class="box_innerImg">
-                                <img src="./../../assets/imgs/productoverview/gridlap.png" class="w-100 h-100" alt="">
+                                <img src="dist/assets/imgs/productoverview/gridlap.png" class="w-100 h-100" alt="">
                             </div>
     
                         </div>
@@ -354,7 +356,7 @@
                                     <div class="text-center fw-500">35.56cm (14)</div>
                                 </div>
                                 <div class="gridTruelifeImg">
-                                    <img src="./../../assets/imgs/productoverview/gridtruelifediaplay.png" alt=""
+                                    <img src="dist/assets/imgs/productoverview/gridtruelifediaplay.png" alt=""
                                         class="w-100 h-100">
                                 </div>
                             </div>
@@ -468,20 +470,20 @@
                 </div>
                 <!-- <div class="w-100 d-flex">
                 <div class="displayscreenpadleft w-50  position-relative">
-                    <img class="h-100 position-absolute w-100" src="./../../assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">
+                    <img class="h-100 position-absolute w-100" src="dist/assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">
                 </div>
                 <div class="displayscreenpadright w-50  position-relative">
-                    <img class="h-100  position-absolute w-100" src="./../../assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">
+                    <img class="h-100  position-absolute w-100" src="dist/assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">
                 </div>
                </div> -->
                 <div class="container-fluid w-100 d-flex  position-relative displayscreenpadMain">
                     <div class="displayscreenpadleft w-50">
                         <img class="h-100 position-relative w-100"
-                            src="./../../assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">
+                            src="dist/assets/imgs/productoverview/twoscreenleft.png" alt="leftlaptop">
                     </div>
                     <div class="displayscreenpadright w-50">
                         <img class="h-100 position-relative w-100"
-                            src="./../../assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">
+                            src="dist/assets/imgs/productoverview/twoscreenright.png" alt="rightlaptop">
                     </div>
                 </div>
             </div>
@@ -494,7 +496,7 @@
         
         <div class="row">
             <div class="col-7 pe-0">
-                <img src="./../../assets/imgs/productoverview/leftlap.png" alt="" class="img-fluid">
+                <img src="dist/assets/imgs/productoverview/leftlap.png" alt="" class="img-fluid">
             </div>
             <div class="col-5 ps-0 ">
                 <div class="zeroBMain_des d-none d-md-block" style="margin-left: -200px;">
@@ -511,7 +513,7 @@
 
                     </div>
                 </div>
-                <img src="./../../assets/imgs/productoverview/rightlap.png" alt="" class="img-fluid w-100">
+                <img src="dist/assets/imgs/productoverview/rightlap.png" alt="" class="img-fluid w-100">
             </div>
         </div>
         <div class="zeroBMain_des d-md-none d-block">
@@ -534,7 +536,7 @@
 
     <!-- <section class="tableLaptop d-flex justify-content-center align-items-center">
         <div class="justTableLaptop">
-            <img src="./../../assets/imgs/productoverview/justtablelaptop.png" alt="" class="w-100 h-100">
+            <img src="dist/assets/imgs/productoverview/justtablelaptop.png" alt="" class="w-100 h-100">
         </div>
         <div class="circleTableLaptop">
             <div class="circleTableLaptop_Heading text-center">
@@ -542,7 +544,7 @@
                 <h1 class="dual_des_heading orbitron_font fw-700"> Zero BOUNDARIES.</h1>
             </div>
             <div class="circleTableLaptopTop">
-                <img src="./../../assets/imgs/productoverview/laptoptable.png" alt="" class="w-100 h-100">
+                <img src="dist/assets/imgs/productoverview/laptoptable.png" alt="" class="w-100 h-100">
             </div>
             <div class="circleTableLaptop_text font_p_Dual d-none d-md-block">
                 Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed
@@ -562,7 +564,7 @@
                 </div>
         </div>
         <div class="position-relative">
-            <img src="./../../assets/imgs/sectiontest.png" alt="" class="img-fluid w-100">
+            <img src="dist/assets/imgs/sectiontest.png" alt="" class="img-fluid w-100">
                 <div class="circleTableLaptop_Heading text-center position-absolute w-100 ">
                     <h1 class="orbitron_font fw-700">Two Screens</h1>
                     <h1 class="orbitron_font fw-700"> To Display</h1>
@@ -592,7 +594,8 @@
                 and excellent viewing angles.</p>
         </div>
         <div>
-            <img src="../../assets/imgs/productoverview/plantlaptop.png" alt="" class="w-100 h-100">
+            <!-- <img src="../../assets/imgs/productoverview/plantlaptop.png" alt="" class="w-100 h-100"> -->
+            <img src="dist/assets/imgs/productoverview/plantlaptop.png" alt="" class="w-100 h-100">
         </div>
     </section>
 
@@ -613,7 +616,7 @@
                                 data-bs-target="#PhotoTab" type="button" role="tab" aria-controls="PhotoTab"
                                 aria-selected="true">
                                 <span class="d-none d-md-block">Photo</span>
-                                <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
+                                <span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
                             </button>
                                 
     
@@ -624,7 +627,7 @@
                                 aria-selected="false">
                                
                                 <span class="d-none d-md-block"> ProgrammerTab</span>
-                                <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
+                                <span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
                             </button>
                         </li>
                         <li class="nav-item" role="presentation">
@@ -633,7 +636,7 @@
                                 aria-selected="false">
                                 
                                 <span class="d-none d-md-block"> VideoEdtior</span>
-                                <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
+                                <span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
                             </button>
                         </li>
     
@@ -643,7 +646,7 @@
                                 aria-selected="false">
                                 
                                 <span class="d-none d-md-block"> Music Artist</span>
-                                <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
+                                <span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
                             </button>
                         </li>
                         <!-- <li class="nav-item" role="presentation">
@@ -654,21 +657,21 @@
                                 type="button" role="tab" aria-controls="gamerTab" aria-selected="false">
                                 
                                 <span class="d-none d-md-block">Game</span>
-                                <span class="w-20p d-block d-md-none"><img src="./../../assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
+                                <span class="w-20p d-block d-md-none"><img src="dist/assets/imgs/productoverview/windows.svg" alt="" class="w-100 h-100"></span>
                             </button>
                         </li>
                     </ul>
                     <div class="tab-content" id="tabLaptopContent">
     
                         <div class="tab-pane fade show active" id="PhotoTab" role="tabpanel"
-                            aria-labelledby="PhotoTab-tab"> <img src="./../../assets/imgs/productoverview/tablaptop.png"
+                            aria-labelledby="PhotoTab-tab"> <img src="dist/assets/imgs/productoverview/tablaptop.png"
                                 class="w-100 h-100" alt=""></div>
     
                         <div class="tab-pane fade" id="ProgrammerTab" role="tabpanel"
                             aria-labelledby="ProgrammerTab-tab">ProgrammerTab</div>
     
                         <div class="tab-pane fade" id="VideoEdtior" role="tabpanel" aria-labelledby="VideoEdtior-tab">
-                            <img src="./../../assets/imgs/productoverview/tablaptop.png" class="w-100 h-100" alt="">
+                            <img src="dist/assets/imgs/productoverview/tablaptop.png" class="w-100 h-100" alt="">
                         </div>
     
                         <div class="tab-pane fade" id="Music_Artist" role="tabpanel" aria-labelledby="Music_Artist-tab">
@@ -693,7 +696,7 @@
             <h1 class="designedProLaptop_title_text orbitron_font"> a Pro</h1>
         </div>
         <div class="designedProLaptop_img">
-            <img src="./../../assets/imgs/laptop_display.png" alt="" class="img-fluid">
+            <img src="dist/assets/imgs/laptop_display.png" alt="" class="img-fluid">
         </div>
         <ul class="list-inline designedProLaptopList  mb-0">
             <li class="border-bottom">
@@ -729,7 +732,7 @@
         </div>
         <div class="row">
             <div class="col-md-8">
-                <img src="./../../assets/imgs/laptop_display.png" alt="" class="img-fluid">
+                <img src="dist/assets/imgs/laptop_display.png" alt="" class="img-fluid">
             </div>
             <div class="col-md-4 d-flex justify-content-center align-items-center">
                 <ul class="list-inline designedProLaptopList  mb-0">
@@ -774,7 +777,7 @@
         </div>
     
       
-            <img class="img-fluid w-100" src="./../../assets/imgs/productoverview/popkey.png" alt="popupkeyboard">
+            <img class="img-fluid w-100" src="dist/assets/imgs/productoverview/popkey.png" alt="popupkeyboard">
       
     
     </section>
@@ -790,7 +793,7 @@
             </p>
             <div class="font-1 fw-700 d-none">*as compared to a 14 inch FHD display</div>
         </div>
-        <img src="./../../assets/imgs/productoverview/dragonbg.png" alt="" class="w-100 h-100">
+        <img src="dist/assets/imgs/productoverview/dragonbg.png" alt="" class="w-100 h-100">
         <div class="dragondisplay_heading d-flex    justify-content-center text-white">
             <h1 class="m-0 p-0 font_4 orbitron_font d-none">Anwi Roxo Display</h1>
         </div>
@@ -805,7 +808,7 @@
                 <div
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
                     <div class="box_lens_img">
-                        <img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
+                        <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
                     </div>
                     <div>
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">Ergonomic</h1>
@@ -817,7 +820,7 @@
                 <div
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
                     <div class="box_lens_img">
-                        <img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
+                        <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
                     </div>
                     <div>
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">OLED HDR</h1>
@@ -829,7 +832,7 @@
                 <div
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
                     <div class="box_lens_img">
-                        <img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
+                        <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
                     </div>
                     <div>
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">100%</h1>
@@ -841,7 +844,7 @@
                 <div
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
                     <div class="box_lens_img">
-                        <img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
+                        <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
                     </div>
                     <div>
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">OLED HDR</h1>
@@ -854,7 +857,7 @@
                 <div
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
                     <div class="box_lens_img">
-                        <img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
+                        <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
                     </div>
                     <div>
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">
@@ -869,7 +872,7 @@
                 <div
                     class="anwi_grey_bg anwi_BoxLen w-100 d-flex flex-column justify-content-center align-items-center p-3 py-4">
                     <div class="box_lens_img">
-                        <img class="w-100 h-100" src="./../../assets/imgs/productoverview/lens.png" alt="lens">
+                        <img class="w-100 h-100" src="dist/assets/imgs/productoverview/lens.png" alt="lens">
                     </div>
                     <div>
                         <h1 class="orbitron_font lenHeading m-0 p-0 font-2">3840X2160</h1>
@@ -904,7 +907,7 @@
             </p>
         </div>
         <div class="vw-100 vh-100 position-relative professinalGradeImgContainer container">
-            <img class="professinalGradeImg" src="./../../assets/imgs/productoverview/progreen.png" alt=""
+            <img class="professinalGradeImg" src="dist/assets/imgs/productoverview/progreen.png" alt=""
                 class="w-100 h-100">
         </div>
     </section>
@@ -934,7 +937,7 @@
             </div>
           
           <div class="stunningSound_headingImg">
-            <img src="./../../assets/imgs/productoverview/stunningSound.png" alt="" class="img-fluid stunningSound_headingImg">
+            <img src="dist/assets/imgs/productoverview/stunningSound.png" alt="" class="img-fluid stunningSound_headingImg">
           </div>
         
         </section>
@@ -948,7 +951,7 @@
     <!-- wifi  -->
     <section class="wifiSection">
         <div class="wifiSectionImg">
-            <img src="./../../assets/imgs/productoverview/wifilap.png" class="img-fluid w-100" alt="">
+            <img src="dist/assets/imgs/productoverview/wifilap.png" class="img-fluid w-100" alt="">
         </div>
         <div class="container textWifiContainer px-5">
             <div class="textWifiContainerHeading">
@@ -986,7 +989,7 @@
       <section class=" pt-5 proConnectivity">
         <div class="row">
             <div class="col-sm-6">
-                <img src="./../../assets/imgs/productoverview/ports.png" alt="ports" class="img-fluid">
+                <img src="dist/assets/imgs/productoverview/ports.png" alt="ports" class="img-fluid">
             </div>
             <div class="col-sm-6 d-flex flex-column align-content-center justify-content-center p-6 connectivityPso_des">
                 <div>
@@ -1052,7 +1055,7 @@
     <!-- os+ software -->
     <section class="osPlusSoftware container p-6 ">
         <div class="osContianerImg">
-            <img class="w-100 h-100" src="./../../assets/imgs/productoverview/ossoftware.png" alt="">
+            <img class="w-100 h-100" src="dist/assets/imgs/productoverview/ossoftware.png" alt="">
         </div>
         <div class="osContianer   d-flex flex-column align-items-center">
             <div class="osContianerHeading">
@@ -1073,11 +1076,15 @@
     <section id="footer-head"></section>
     <!-- end-footer -->
 
-    <script src="../../../libs/bootstrap/js/bootstrap.bundle.min.js"></script>
-    <script src="../../js/jquery.min.js"></script>
-    <script src="../../js/navbar.js"></script>
+    <script src="libs/bootstrap/js/bootstrap.bundle.min.js"></script>
+    <script src="dist/Js/jquery.min.js"></script>
+    <!-- <script src="../../js/jquery.min.js"></script> -->
+    <!-- <script src="../../js/navbar.js"></script>
     <script src="../../js/footer.js"></script>
-    <script src="./../../Js/laptopmuti.js"></script>
+    <script src="./../../Js/laptopmuti.js"></script> -->
+    <script src="dist/Js/navbar.js"></script>
+    <script src="dist/Js/footer.js"></script>
+    <script src="dist/Js/laptopmuti.js"></script>
 
 </body>
 

styles/pages/_allInOne.scss

@@ -88,7 +88,7 @@
 }
 
 .allinoneDualMarginTop{
-    margin-top: 200px;
+    margin-top: 100px;
 }
 
 .sectionfiveAllinOne{

styles/style.css

@@ -15,14 +15,6 @@ ORDER: Base + typography > general layout + grid > page layout > components
 
 1em = 16px
 */
-*,
-*::after,
-*::before {
-  margin: 0;
-  padding: 0;
-  box-sizing: inherit;
-}
-
 body {
   box-sizing: border-box;
   overflow-x: hidden;
@@ -292,6 +284,10 @@ body {
   border-radius: 10px;
 }
 
+.productOverviewBody {
+  overflow-x: hidden;
+}
+
 .productoverviewmain {
   background-image: url("../../dist/assets/imgs/productoverview/productbg.png");
   background-color: white;
@@ -312,12 +308,16 @@ body {
   -webkit-backdrop-filter: blur(4px);
   border: 1px solid rgba(255, 255, 255, 0.18);
   border: 2px solid;
-  position: absolute;
+  position: fixed;
   z-index: 999;
   bottom: 0;
   left: 0;
 }
-
+@media (max-width: 768px) {
+  .footerDesText {
+    width: 100%;
+  }
+}
 .boxImgContainer {
   width: 4rem;
 }
@@ -603,57 +603,6 @@ body {
   background-position: center;
 }
 
-.controlPanel {
-  margin-top: 10rem;
-  padding-bottom: 300px;
-}
-.controlPanel .controlPanel_des {
-  position: absolute;
-  top: -170px;
-  left: 80px;
-}
-.controlPanel .bgControlpanel {
-  min-height: 100vh;
-  background-color: #ececec;
-  border-radius: 157px;
-  position: relative;
-}
-.controlPanel .bgControlpanel .bgControlpaneltabs {
-  position: absolute;
-  top: 100px;
-  right: 0;
-}
-.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs {
-  border-bottom: 1px solid;
-  margin-bottom: 2rem;
-}
-.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item {
-  position: relative;
-  border: none;
-}
-.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link {
-  position: relative;
-  color: black;
-  font-weight: 500;
-}
-.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active {
-  border: none;
-  background-color: transparent;
-}
-.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active::before {
-  display: block;
-}
-.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item .nav-link::before {
-  content: "";
-  position: absolute;
-  width: 100%;
-  height: 5px;
-  bottom: -2px;
-  right: 0;
-  display: none;
-  background-color: black;
-}
-
 .dragondisplay {
   position: relative;
   background: rgb(255, 255, 255);
@@ -695,34 +644,6 @@ body {
   background-position: center;
 }
 
-.osPlusSoftware {
-  width: 100vw;
-  height: 140vh;
-  margin-top: 14rem;
-}
-.osPlusSoftware .osContianer {
-  position: relative;
-  width: 100%;
-  height: 100%;
-  border-radius: 30%;
-}
-.osPlusSoftware .osContianer .osContianer_des_fontParent {
-  position: relative;
-  top: -8%;
-}
-.osPlusSoftware .osContianer .osContianer_des_font {
-  font-size: 2rem;
-  font-weight: 600;
-}
-.osPlusSoftware .osContianer .osContianerHeading {
-  position: relative;
-  top: -15%;
-}
-.osPlusSoftware .osContianer .osContianerImg {
-  position: absolute;
-  bottom: 0;
-}
-
 @media (max-width: 1200px) {
   .productOverview .p-6 {
     padding: 0;
@@ -1219,7 +1140,7 @@ body {
   height: 100%;
 }
 .wifiSection .textWifiContainer .textWifiContainerHeading > h1 {
-  font-size: 8rem;
+  font-size: 5rem;
 }
 
 @media (max-width: 1200px) {
@@ -1277,6 +1198,370 @@ body {
     font-size: 1.5rem;
   }
 }
+@media (max-width: 1200px) {
+  .proConnectivity h1 {
+    font-size: 2.5rem;
+  }
+  .proConnectivity .font_p_Dual {
+    font-size: 1rem;
+  }
+}
+@media (max-width: 768px) {
+  .proConnectivity h1 {
+    font-size: 2rem;
+  }
+  .proConnectivity .font_p_Dual {
+    font-size: 0.7rem;
+  }
+}
+@media (max-width: 600px) {
+  .proConnectivity .connectivityPso_des {
+    padding: 2rem;
+  }
+}
+.osPlusSoftware {
+  position: relative;
+  padding-top: 10rem;
+}
+.osPlusSoftware .osContianer {
+  position: absolute;
+  top: 5rem;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.osPlusSoftware .osContianer_des_font {
+  font-size: 1.5rem;
+}
+
+@media (max-width: 1200px) {
+  .osPlusSoftware {
+    position: relative;
+  }
+  .osPlusSoftware .osContianerHeading > h1 {
+    font-size: 5rem;
+  }
+  .osPlusSoftware .osContianer_des_font {
+    font-size: 1.5rem;
+  }
+}
+@media (max-width: 1000px) {
+  .osPlusSoftware {
+    padding-top: 1rem;
+  }
+  .osPlusSoftware .osContianer {
+    top: 1rem;
+  }
+  .osPlusSoftware .osContianerHeading > h1 {
+    font-size: 2rem;
+    text-align: center;
+  }
+  .osPlusSoftware .osContianer_des_font {
+    font-size: 1rem;
+  }
+}
+@media (max-width: 768px) {
+  .osPlusSoftware .osContianer {
+    top: -1rem;
+  }
+  .osPlusSoftware .osContianerHeading > h1 {
+    font-size: 2rem;
+    text-align: center;
+  }
+  .osPlusSoftware .osContianer_des_font {
+    font-size: 0.7rem;
+    text-align: center;
+  }
+}
+.controlPanel {
+  margin-top: 10rem;
+  padding-bottom: 300px;
+}
+.controlPanel .controlPanel_des {
+  position: absolute;
+  top: -170px;
+  left: 80px;
+}
+.controlPanel .bgControlpanel {
+  min-height: 100vh;
+  background-color: #ececec;
+  border-radius: 157px;
+  position: relative;
+}
+.controlPanel .bgControlpanel .bgControlpaneltabs {
+  position: absolute;
+  top: 100px;
+  right: 0;
+}
+.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs {
+  border-bottom: 1px solid;
+  margin-bottom: 2rem;
+}
+.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item {
+  position: relative;
+  border: none;
+}
+.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link {
+  position: relative;
+  color: black;
+  font-weight: 500;
+}
+.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active {
+  border: none;
+  background-color: transparent;
+}
+.controlPanel .bgControlpanel .bgControlpaneltabs .nav-tabs .nav-link.active::before {
+  display: block;
+}
+.controlPanel .bgControlpanel .bgControlpaneltabs .nav-item .nav-link::before {
+  content: "";
+  position: absolute;
+  width: 100%;
+  height: 5px;
+  bottom: -2px;
+  right: 0;
+  display: none;
+  background-color: black;
+}
+
+@media (max-width: 768px) {
+  .controlPanel {
+    padding-bottom: 100px;
+  }
+  .controlPanel .bgControlpanel {
+    min-height: 50vh;
+  }
+}
+/* home page */
+.button_dark.btn-dark {
+  background-color: #000000 !important;
+  font-family: "Satoshi", sans-serif;
+}
+
+.button_dark.btn-dark:hover {
+  background-color: #000000 !important;
+  font-family: "Satoshi", sans-serif;
+  opacity: 1 !important;
+}
+
+.home-main-container #navbar-head .navbar-nav .nav-item .nav-link {
+  color: #000000;
+  font-family: "Satoshi", sans-serif;
+}
+
+.hero-banner {
+  background-image: url(../../dist/assets/imgs/Home/banner.png);
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-position-y: -100px;
+}
+.hero-banner .banner-main-container {
+  height: 400px;
+}
+
+.home-main-container .offer-main-sec .offer-sec {
+  margin-top: -35px;
+}
+
+.home-main-container .aw-feature-name h5 {
+  transform: rotate(180deg);
+  transform-origin: center center 0;
+  -ms-writing-mode: tb-rl;
+      writing-mode: vertical-rl;
+}
+
+.home-main-container .out-of-world .card {
+  background-color: #0FA5C5;
+}
+
+.home-main-container .aw-support-sec .aw-support-sec-main-container {
+  background-color: #F2F9FB;
+}
+.home-main-container .aw-support-sec .news-letter-sec .news-letter-email:focus {
+  border-bottom: 1px solid white;
+  outline: none;
+}
+.home-main-container .aw-support-sec .news-letter-sec .news-letter-email::-moz-placeholder {
+  color: white;
+}
+.home-main-container .aw-support-sec .news-letter-sec .news-letter-email:-ms-input-placeholder {
+  color: white;
+}
+.home-main-container .aw-support-sec .news-letter-sec .news-letter-email::placeholder {
+  color: white;
+}
+
+.home-main-container .owl-carousel.star-products-img-sec .owl-dots {
+  text-align: left;
+}
+.home-main-container .owl-carousel.star-products-img-sec .owl-dots .owl-dot span {
+  height: 3px;
+  width: 25px;
+}
+.home-main-container .owl-carousel.star-products-img-sec .owl-dots .owl-dot.active {
+  color: #000000;
+}
+
+.home-main-container .owl-carousel.star-products-img-sec .owl-nav {
+  text-align: right;
+  margin-right: 5rem;
+}
+
+@media (min-width: 1900px) {
+  .hero-banner {
+    background-size: 100% 100%;
+  }
+  .products-main-container .col-md-6 {
+    text-align: center !important;
+  }
+  .products-main-container .col-md-6 .product-heading span {
+    text-align: center !important;
+    margin: auto !important;
+  }
+}
+@media (min-width: 769px) and (max-width: 1024px) {
+  .home-main-container .aw-partners.sec-space-1 {
+    margin-top: 0px;
+  }
+  .home-main-container .aw-partners .sec-space-3 {
+    margin-right: 60px;
+  }
+  .home-main-container .offer-main-sec .offer-sec {
+    margin-top: -30%;
+  }
+  .home-main-container .news-letter-sec .card-body.px-5 {
+    padding: 20px !important;
+  }
+  .home-main-container .news-letter-sec a.button_dark {
+    padding: 10px 5px;
+  }
+}
+@media (min-width: 298px) and (max-width: 768px) {
+  .home-main-container h5,
+.home-main-container h6 {
+    font-size: 1rem;
+  }
+  .home-main-container .sec-space-1,
+.home-main-container .sec-space-2 {
+    margin-top: 40px;
+  }
+  .home-main-container .banner-main-container {
+    height: 550px;
+    text-align: center;
+  }
+  .home-main-container .banner-main-container .col-md-6 {
+    margin-top: 0px;
+  }
+  .home-main-container .banner-main-container .col-md-6 .button_dark {
+    display: none;
+  }
+  .home-main-container .banner-main-container h1 {
+    font-size: 2rem;
+  }
+  .home-main-container .hero-banner {
+    background-position: 0;
+  }
+  .home-main-container .aw-main-features {
+    display: none;
+  }
+  .home-main-container .mobile-text-center {
+    text-align: center;
+  }
+  .home-main-container .aw-feature-name h5 {
+    transform: rotate(0deg);
+    -ms-writing-mode: lr-tb;
+        writing-mode: horizontal-tb;
+  }
+  .home-main-container .products-main-container .enterprise-prd {
+    margin-top: 10px;
+  }
+  .home-main-container .news-letter-sec a.button_dark {
+    padding: 10px 5px;
+  }
+  .home-main-container .owl-carousel.star-products-img-sec .owl-nav {
+    text-align: center;
+    margin-right: 0px;
+  }
+  .home-main-container .star-products .owl-dots {
+    display: none;
+  }
+  .home-main-container .aw-support-sec-main-container .row {
+    margin: 0px !important;
+    text-align: center;
+  }
+  .home-main-container .aw-support-sec-main-container .col-md-4 {
+    border: none !important;
+  }
+  .home-main-container .aw-support-sec-main-container .support-sec-heading {
+    padding: 0 !important;
+  }
+  .home-main-container .offer-main-sec {
+    margin-bottom: 0 !important;
+    padding: 0 !important;
+  }
+  .home-main-container .offer-sec p {
+    font-size: 0.85rem;
+  }
+  .footer-wrapper .accordion-button,
+.footer-wrapper .accordion-body {
+    font-family: "Satoshi", sans-serif;
+    color: white;
+    background-color: #000000;
+  }
+  .footer-wrapper .accordion-button:not(.collapsed)::after,
+.footer-wrapper .accordion-button.collapsed::after {
+    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+  }
+}
+.shopping-cart-main-container {
+  background-color: #F5FFEA;
+  padding-bottom: 50px;
+}
+.shopping-cart-main-container * {
+  font-family: "Satoshi", sans-serif;
+}
+.shopping-cart-main-container h6 {
+  padding: 10px;
+  margin-bottom: 0;
+}
+.shopping-cart-main-container .cart-sec-highlighter .text-muted {
+  color: #C5C5C5 !important;
+}
+.shopping-cart-main-container .alert-display-sec {
+  z-index: 1;
+}
+.shopping-cart-main-container .alert-display-sec .alert-dismissible {
+  background: rgba(255, 255, 255, 0.66);
+}
+
+.warrenty-sec img {
+  width: 40px;
+}
+
+#footer-head .footer-wrapper.sec-space-1 {
+  margin-top: 0;
+}
+
+@media (max-width: 1300px) {
+  .cart-sec-highlighter h5 {
+    font-size: 0.8rem;
+  }
+}
+@media (max-width: 768px) {
+  .cart-sec-highlighter,
+.shopping-cart-details-row-1 {
+    display: none !important;
+  }
+  .buy-together-sec {
+    text-align: center;
+  }
+  .buy-together-sec .row {
+    padding: 10px;
+  }
+  .mobile-cart-img img {
+    width: 200px;
+  }
+}
 .clipPathSectionCol {
   position: relative;
 }
@@ -1347,7 +1632,7 @@ body {
 }
 
 .allinoneDualMarginTop {
-  margin-top: 200px;
+  margin-top: 100px;
 }
 
 .sectionfiveAllinOne .infoContainer {
@@ -1639,11 +1924,6 @@ ORDER: Base + typography > general layout + grid > page layout > components
   font-family: "Orbitron", sans-serif;
 }
 
-/* Satoshi end */
-.satoshi_font {
-  font-family: "Satoshi", sans-serif;
-}
-
 html {
   font-size: 100%;
 }
@@ -1708,16 +1988,4 @@ body {
 .footer-wrapper .footer-sub-content p {
   line-height: 2rem;
   font-family: "Satoshi", sans-serif;
-}
-
-/* footer */
-.footer-wrapper {
-  background-color: rgb(0, 0, 0);
-  border-radius: 0 275px 0 0;
-  -webkit-clip-path: polygon(100% 0%, 100% 0%, 81% 100%, 92% -95%, 100% 100%, 0 100%, 0% 70%, 0 0);
-          clip-path: polygon(100% 0%, 100% 0%, 81% 100%, 92% -95%, 100% 100%, 0 100%, 0% 70%, 0 0);
-}
-
-.footer-wrapper li {
-  line-height: 2rem;
 }/*# sourceMappingURL=style.css.map */