diff --git a/package-lock.json b/package-lock.json
index e01b5c7..8f70bb5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,6 +13,7 @@
         "@testing-library/user-event": "^13.5.0",
         "react": "^18.0.0",
         "react-dom": "^18.0.0",
+        "react-native-video": "^5.2.0",
         "react-router-dom": "^6.3.0",
         "react-scripts": "5.0.1",
         "web-vitals": "^2.1.4"
@@ -6200,6 +6201,11 @@
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.116.tgz",
       "integrity": "sha512-sy2ol5DTH0sy8xvAglyHFxsNFXFsOBfa6rGmrtjiSdQOp53ossspduOzU+5Lx23H7GxEjjvtSF36XqkajV6Z5A=="
     },
+    "node_modules/eme-encryption-scheme-polyfill": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/eme-encryption-scheme-polyfill/-/eme-encryption-scheme-polyfill-2.0.4.tgz",
+      "integrity": "sha512-MHYJX1v145Pjj2YJTrVVuJOYyXrxGVy8LWf6kV5M4jrV/GyoeuJKyTuD+GaD+VAiE8Ip+MptiH4dXk6ZVmMNow=="
+    },
     "node_modules/emittery": {
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz",
@@ -10641,6 +10647,11 @@
         "node": ">=4.0"
       }
     },
+    "node_modules/keymirror": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/keymirror/-/keymirror-0.1.1.tgz",
+      "integrity": "sha1-kYiJ6hP40KQufFVyUO7nE63JXDU="
+    },
     "node_modules/kind-of": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -13181,6 +13192,16 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
     },
+    "node_modules/react-native-video": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/react-native-video/-/react-native-video-5.2.0.tgz",
+      "integrity": "sha512-5SK1lxyzrCkZF+WuxUxLR1Pt65E0rsWB1w1GrGxSLdC9zWYBumcmuHl+wPJ7UQvznjaH2Ze7uU1R3arejI7+WQ==",
+      "dependencies": {
+        "keymirror": "^0.1.1",
+        "prop-types": "^15.7.2",
+        "shaka-player": "^2.5.9"
+      }
+    },
     "node_modules/react-refresh": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
@@ -13950,6 +13971,14 @@
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
     },
+    "node_modules/shaka-player": {
+      "version": "2.5.23",
+      "resolved": "https://registry.npmjs.org/shaka-player/-/shaka-player-2.5.23.tgz",
+      "integrity": "sha512-3MC9k0OXJGw8AZ4n/ZNCZS2yDxx+3as5KgH6Tx4Q5TRboTBBCu6dYPI5vp1DxKeyU12MBN1Zcbs7AKzXv2EnCg==",
+      "dependencies": {
+        "eme-encryption-scheme-polyfill": "^2.0.1"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -20387,6 +20416,11 @@
       "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.116.tgz",
       "integrity": "sha512-sy2ol5DTH0sy8xvAglyHFxsNFXFsOBfa6rGmrtjiSdQOp53ossspduOzU+5Lx23H7GxEjjvtSF36XqkajV6Z5A=="
     },
+    "eme-encryption-scheme-polyfill": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/eme-encryption-scheme-polyfill/-/eme-encryption-scheme-polyfill-2.0.4.tgz",
+      "integrity": "sha512-MHYJX1v145Pjj2YJTrVVuJOYyXrxGVy8LWf6kV5M4jrV/GyoeuJKyTuD+GaD+VAiE8Ip+MptiH4dXk6ZVmMNow=="
+    },
     "emittery": {
       "version": "0.8.1",
       "resolved": "https://registry.npmjs.org/emittery/-/emittery-0.8.1.tgz",
@@ -23574,6 +23608,11 @@
         "object.assign": "^4.1.2"
       }
     },
+    "keymirror": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/keymirror/-/keymirror-0.1.1.tgz",
+      "integrity": "sha1-kYiJ6hP40KQufFVyUO7nE63JXDU="
+    },
     "kind-of": {
       "version": "6.0.3",
       "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
@@ -25279,6 +25318,16 @@
       "resolved": "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz",
       "integrity": "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
     },
+    "react-native-video": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/react-native-video/-/react-native-video-5.2.0.tgz",
+      "integrity": "sha512-5SK1lxyzrCkZF+WuxUxLR1Pt65E0rsWB1w1GrGxSLdC9zWYBumcmuHl+wPJ7UQvznjaH2Ze7uU1R3arejI7+WQ==",
+      "requires": {
+        "keymirror": "^0.1.1",
+        "prop-types": "^15.7.2",
+        "shaka-player": "^2.5.9"
+      }
+    },
     "react-refresh": {
       "version": "0.11.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.11.0.tgz",
@@ -25843,6 +25892,14 @@
       "resolved": "https://registry.npmjs.org/setprototypeof/-/setprototypeof-1.2.0.tgz",
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
     },
+    "shaka-player": {
+      "version": "2.5.23",
+      "resolved": "https://registry.npmjs.org/shaka-player/-/shaka-player-2.5.23.tgz",
+      "integrity": "sha512-3MC9k0OXJGw8AZ4n/ZNCZS2yDxx+3as5KgH6Tx4Q5TRboTBBCu6dYPI5vp1DxKeyU12MBN1Zcbs7AKzXv2EnCg==",
+      "requires": {
+        "eme-encryption-scheme-polyfill": "^2.0.1"
+      }
+    },
     "shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmjs.org/shebang-command/-/shebang-command-2.0.0.tgz",
diff --git a/package.json b/package.json
index 0946bae..8886d0b 100644
--- a/package.json
+++ b/package.json
@@ -8,6 +8,7 @@
     "@testing-library/user-event": "^13.5.0",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
+    "react-native-video": "^5.2.0",
     "react-router-dom": "^6.3.0",
     "react-scripts": "5.0.1",
     "web-vitals": "^2.1.4"
diff --git a/src/assets/laptop-mini.png b/src/assets/laptop-mini.png
new file mode 100644
index 0000000..6aa0f03
Binary files /dev/null and b/src/assets/laptop-mini.png differ
diff --git a/src/components/CoubBackground/index.jsx b/src/components/CoubBackground/index.jsx
index e977765..ab48c91 100644
--- a/src/components/CoubBackground/index.jsx
+++ b/src/components/CoubBackground/index.jsx
@@ -1,4 +1,6 @@
 import React from 'react';
+// import Video from 'react-native-video';
+// import video from '../../assets/Comp.mov';
 import './style.css';
 import BigCoube from "../../assets/RoundCube-Black-big.png";
 import MiddleCoube from "../../assets/RoundCube-Black-middle.png";
@@ -8,14 +10,28 @@ import Small_3 from "../../assets/RoundCube-Black-small-3.png";
 import Vector_Group from "../../assets/Vector-group-1.svg";
 import Vector_Group_2 from "../../assets/Vector-group-2.svg";
 import videoprew1 from "../../assets/VideoPrew1.png";
-import videoprew2 from "../../assets/VideoPrew2.png";
+import videoprew2 from "../../assets/VideoPrew2.png"; 
 import videoprew3 from "../../assets/VideoPrew3.png";
 import videoprew4 from "../../assets/VideoPrew4.png";
 import videoprew5 from "../../assets/VideoPrew5.png";
+
+// const VideoComponent = ()=> {
+//   return (
+//     <Video  
+//         source={video}                  // the video file
+//         paused={false}                  // make it start    
+//         // style={styles.backgroundVideo}  // any style you want
+//         repeat={true}                   // make it a loop
+//         // className="videoprew-1"
+//     />
+// )
+// }
+
 export default function CoubBack() {
   return (
    <div className="background">
      <img src={BigCoube} alt="" className="big-coube" />
+     {/* <VideoComponent/> */}
      <img src={videoprew1} alt="" className="videoprew-1" />
      <img src={videoprew2} alt="" className="videoprew-2" />
      <img src={videoprew3} alt="" className="videoprew-3" />
diff --git a/src/components/Main-land/style.css b/src/components/Main-land/style.css
index ffc3911..37f880a 100644
--- a/src/components/Main-land/style.css
+++ b/src/components/Main-land/style.css
@@ -21,7 +21,7 @@ a,a:visited {
     margin: 0;
   }
   .content {
-    padding: 0 140px;
+    padding: 0 10%;
   }
   .main h2 {
     font-size: 42px;
diff --git a/src/components/download/index.jsx b/src/components/download/index.jsx
index 049a5ed..350754c 100644
--- a/src/components/download/index.jsx
+++ b/src/components/download/index.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import './style.css';
+import laptop from "../../assets/laptop-mini.png"
 import windows from "../../assets/windows.svg";
 import apple from "../../assets/apple.svg";
 export default function Download() {
@@ -23,6 +24,7 @@ export default function Download() {
             </button>
           </div>
         </div>
+        <img src={laptop} alt="" className="main-suggest__laptop" />
         <div className="main-suggest__advanteges">
           <div className="advanteges windows">
             {" "}
diff --git a/src/components/download/style.css b/src/components/download/style.css
index 6a3399a..e64b43c 100644
--- a/src/components/download/style.css
+++ b/src/components/download/style.css
@@ -5,8 +5,9 @@
     padding: 46.71px 49.64px 47.51px 43.69px;
     border: 1px solid #e7e7e7;
     border-radius: 4px;
-    gap: 146px;
+    gap: 10px;
   }
+
   .main-suggest__suggest-text {
     display: flex;
     flex-direction: column;
@@ -59,6 +60,26 @@
     background: #ffffff !important;
     color: #222222 !important;
   }
+.main-suggest__laptop {
+  /* max-width: 603px; */
+ max-width: 576px;
+  max-height: 332px;
+  align-self: center;
+  width: 58%;
+}
+
+@media (max-width:1024px) {
+  .main__main-suggest {
+    margin-top: 101px;
+    padding: 26.71px 29.64px 27.51px 23.69px;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 40px;
+  }
+  .main-suggest__laptop {
+    width: 100%;
+  }
+}
 
 /* 
 .download {