diff --git a/src/assets/Quiz-main.png b/src/assets/Quiz-main.png
deleted file mode 100644
index 815a6964..00000000
Binary files a/src/assets/Quiz-main.png and /dev/null differ
diff --git a/src/assets/quizMain.png b/src/assets/quizMain.png
new file mode 100644
index 00000000..57dd2888
Binary files /dev/null and b/src/assets/quizMain.png differ
diff --git a/src/pages/Landing/Counter.tsx b/src/pages/Landing/Counter.tsx
index 0863e21d..1b8637ff 100644
--- a/src/pages/Landing/Counter.tsx
+++ b/src/pages/Landing/Counter.tsx
@@ -15,16 +15,16 @@ export default function Counter() {
         display: "flex",
         justifyContent: "center",
         alignItems: "flex-start",
-        height: isMobile ? "606px" : isTablet ? "430px" : "208px",
+        // height: isMobile ? "606px" : isTablet ? "430px" : "208px",
         boxSizing: "border-box",
-        padding: isTablet ? "0 40px" : undefined,
+        padding: isTablet ? "0 40px" : "0 20px",
         backgroundColor: "#333647",
       }}
     >
       <Box
         sx={{
           maxWidth: "1160px",
-          height: isMobile ? "587px" : isTablet ? "341px" : "190px",
+          height: isMobile ? "587px" : isTablet ? undefined : "190px",
           display: "flex",
           justifyContent: "space-between",
           alignItems: isTablet ? "start" : "center",
@@ -36,7 +36,7 @@ export default function Counter() {
           padding: isMobile
             ? "42px 60px 30px 35px"
             : isTablet
-              ? "37px 99px 0px 100px"
+              ? "37px 99px 40px 100px"
               : "30px 60px 30px 20px",
           width: "100%",
           marginTop: isMobile ? "-50px" : isTablet ? "45px" : "-41px",
diff --git a/src/pages/Landing/FooterLanding.tsx b/src/pages/Landing/FooterLanding.tsx
index 00a3deaa..a66a783f 100644
--- a/src/pages/Landing/FooterLanding.tsx
+++ b/src/pages/Landing/FooterLanding.tsx
@@ -28,7 +28,7 @@ export default function Component() {
           ? "40px 16px 74px 16px"
           : isTablet
             ? "56px 40px"
-            : "56px 0px",
+            : "56px 20px",
         boxSizing: "border-box",
       }}
     >
diff --git a/src/pages/Landing/HeaderLanding.tsx b/src/pages/Landing/HeaderLanding.tsx
index 2e6256e5..7321c5a2 100644
--- a/src/pages/Landing/HeaderLanding.tsx
+++ b/src/pages/Landing/HeaderLanding.tsx
@@ -35,7 +35,7 @@ export default function Component() {
         minHeight: "80px",
         borderBottom: "1px solid #E3E3E3",
         position: "relative",
-        padding: isMobile ? "0 16px" : isTablet ? "0 40px" : 0,
+        padding: isMobile ? "0 16px" : isTablet ? "0 40px" : "0 20px",
         zIndex: 3,
       }}
       sxcont={{
diff --git a/src/pages/Landing/Hero.tsx b/src/pages/Landing/Hero.tsx
index b660522b..80b10f1c 100644
--- a/src/pages/Landing/Hero.tsx
+++ b/src/pages/Landing/Hero.tsx
@@ -2,7 +2,7 @@ import React from "react";
 import Box from "@mui/material/Box";
 import Button from "@mui/material/Button";
 import { Typography, useMediaQuery, useTheme } from "@mui/material";
-import abstraction from "../../assets/Quiz-main.png";
+import abstraction from "../../assets/quizMain.png";
 import SectionStyled from "./SectionStyled";
 import { Link, redirect, useNavigate } from "react-router-dom";
 import { setIsContactFormOpen } from "@root/contactForm";
@@ -12,6 +12,7 @@ export default function Component() {
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down(600));
   const isTablet = useMediaQuery(theme.breakpoints.down(1000));
+  const isSmallMonitor = useMediaQuery(theme.breakpoints.down(1200));
   const userId = useUserStore((state) => state.userId);
   const navigate = useNavigate();
 
@@ -24,7 +25,7 @@ export default function Component() {
       bg={"#f2f3f7"}
       mwidth={"1160px"}
       sxsect={{
-        height: isMobile ? "702px" : isTablet ? "986px" : "660px",
+        height: isMobile ? "702px" : isTablet ? "823px" : "660px",
       }}
       sxcont={{
         display: "flex",
@@ -33,8 +34,10 @@ export default function Component() {
         padding: isMobile
           ? "300px 16px 0 16px"
           : isTablet
-            ? "494px 40px 0 40px"
-            : 0,
+            ? "485px 40px 0 40px"
+            : isSmallMonitor
+              ? "0 20px"
+              : 0,
         marginBottom: isMobile ? "55px" : isTablet ? 0 : "55px",
       }}
     >
@@ -75,10 +78,22 @@ export default function Component() {
           src={abstraction}
           sx={{
             position: "absolute",
-            bottom: isMobile ? undefined : isTablet ? "138px" : "-291px",
-            maxWidth: isMobile ? "403px" : "810px",
+            bottom: isMobile
+              ? undefined
+              : isTablet
+                ? "270px"
+                : isSmallMonitor
+                  ? "-146px"
+                  : "-145px",
+            maxWidth: isMobile ? "403px" : isSmallMonitor ? "500px" : "810px",
             width: isMobile ? "100%" : undefined,
-            left: isMobile ? "-20px" : isTablet ? "54px" : "401px",
+            left: isMobile
+              ? "-20px"
+              : isTablet
+                ? "54px"
+                : isSmallMonitor
+                  ? "460px"
+                  : "544px",
             top: isMobile ? "-345px" : undefined,
           }}
         />
diff --git a/src/pages/Landing/HowItWorks.tsx b/src/pages/Landing/HowItWorks.tsx
index 7e196e15..43d1aa59 100644
--- a/src/pages/Landing/HowItWorks.tsx
+++ b/src/pages/Landing/HowItWorks.tsx
@@ -35,7 +35,7 @@ import Icon21 from "./images/icons/Network";
 export default function HowItWorks() {
   const theme = useTheme();
   const isMobile = useMediaQuery(theme.breakpoints.down(600));
-  const isTablet = useMediaQuery(theme.breakpoints.down(1000));
+  const isTablet = useMediaQuery(theme.breakpoints.down(1140));
   return (
     <SectionStyled
       tag={"section"}
@@ -47,7 +47,7 @@ export default function HowItWorks() {
           ? "65px 16px 0 16px"
           : isTablet
             ? "80px 40px"
-            : "75px 0 0 0",
+            : "75px 20px 0 20px",
         boxSizing: "border-box",
       }}
     >
@@ -131,7 +131,7 @@ export default function HowItWorks() {
               sx={{
                 backgroundColor: "#C8DADE",
                 width: isMobile ? undefined : "880px",
-                height: isMobile ? "193px" : "561px",
+                height: isMobile ? undefined : "561px",
                 borderRadius: "12px",
               }}
             />
@@ -239,7 +239,7 @@ export default function HowItWorks() {
           sx={{
             display: isTablet ? "none" : "block",
             backgroundColor: "#C8DADE",
-            width: "564px",
+            width: "550px",
             height: "360px",
             borderRadius: "12px",
           }}
@@ -315,7 +315,7 @@ export default function HowItWorks() {
               sx={{
                 backgroundColor: "#C8DADE",
                 width: isMobile ? undefined : "880px",
-                height: isMobile ? "193px" : "561px",
+                height: isMobile ? undefined : "561px",
                 borderRadius: "12px",
               }}
             />
@@ -429,7 +429,7 @@ export default function HowItWorks() {
               sx={{
                 backgroundColor: "#C8DADE",
                 width: isMobile ? undefined : "880px",
-                height: isMobile ? "193px" : "561px",
+                height: isMobile ? undefined : "561px",
                 borderRadius: "12px",
               }}
             />
@@ -582,7 +582,7 @@ export default function HowItWorks() {
               sx={{
                 backgroundColor: "#C8DADE",
                 width: isMobile ? undefined : "880px",
-                height: isMobile ? "193px" : "561px",
+                height: isMobile ? undefined : "561px",
                 borderRadius: "12px",
               }}
             />
@@ -680,7 +680,7 @@ export default function HowItWorks() {
           sx={{
             display: isTablet ? "none" : "block",
             backgroundColor: "#C8DADE",
-            width: "564px",
+            width: "550px",
             height: "360px",
 
             borderRadius: "12px",
diff --git a/src/pages/Landing/WhatTheFeatures.tsx b/src/pages/Landing/WhatTheFeatures.tsx
index bd989414..60ce6a0a 100644
--- a/src/pages/Landing/WhatTheFeatures.tsx
+++ b/src/pages/Landing/WhatTheFeatures.tsx
@@ -84,7 +84,7 @@ export default function Component() {
           ? "20px 16px 40px 16px"
           : isTablet
             ? "30px 40px"
-            : "30px 0",
+            : "30px 20px",
         color: "#ffffff",
         flexWrap: "wrap",
       }}