images updated

components/homes/home-1/About.jsx

@@ -46,7 +46,7 @@ export default function About() {
                     data-wow-delay=".4s"
                   >
                     <Image
-                      src="/assets/img/about/about-small-image.webp"
+                      src="/assets/img/home/about/about-small-image.webp"
                       width={260}
                       height={270}
                       style={{ height: '200px', objectFit: 'cover' }}

data/team.js

@@ -104,7 +104,7 @@ export const teamMembers = [
 export const teamMembers2 = [
   {
     id: 5,
-    image: "/assets/img/about-page/1.webp",
+    image: "/assets/img/about-page/section-3/company-profile.webp",
     name: " At a Glance",
     role: "Sr. engineer",
     link: "/corporate-profile",
@@ -130,7 +130,7 @@ export const teamMembers2 = [
   },
   {
     id: 6,
-    image: "/assets/img/about-page/2.webp",
+    image: "/assets/img/about-page/section-3/factory.webp",
     name: "Factory & Workflows",
     role: "Sr. engineer",
     link: "/factory-workflows",
@@ -157,7 +157,7 @@ export const teamMembers2 = [
   },
   {
     id: 7,
-    image: "/assets/img/about-page/3.webp",
+    image: "/assets/img/about-page/section-3/sustainability.webp",
     name: "Sustainability Impact",
     role: "Sr. engineer",
     link: "/sustainability-impact",
@@ -183,7 +183,7 @@ export const teamMembers2 = [
   },
   {
     id: 8,
-    image: "/assets/img/about-page/4.webp",
+    image: "/assets/img/about-page/section-3/rd.webp",
     name: "Engineering & Innovation",
     role: "Sr. engineer",
     link: "/engineering-innovation",

public/assets/scss/_header.scss

@@ -137,7 +137,7 @@
 		}
 
 		@include breakpoint (max-xxxl) {
-			padding: 0 40px;
+			padding: 0 20px;
 		}
 
 		@include breakpoint (max-xl) {
@@ -180,7 +180,7 @@
 	}
 
 	@include breakpoint (max-xxxl) {
-		gap: 40px;
+		gap: 10px;
 	}
 
 	@include breakpoint (max-xl) {
@@ -315,7 +315,7 @@
 				li {
 
 					@include breakpoint (max-xxl) {
-						margin-inline-end: 40px;
+						margin-inline-end: 20px;
 					}
 
 					.has-homemenu {
@@ -733,7 +733,7 @@
 		.header__hamburger {
 			display: none !important;
 
-			@media (max-width: 1024px) {
+			@media (max-width: 1199px) {
 				display: block !important;
 			}
 		}
@@ -1094,7 +1094,7 @@
 	}
 }
 .responsive-logo {
-  width: 300px;
+  width: 250px;
   height: auto;
 }
 
@@ -1102,4 +1102,8 @@
   .responsive-logo {
     width: 200px;
   }
+}
+
+.header-button .theme-btn {
+	padding: 20px !important;
 }