responsive bug fixing2

components/pageParts/map.tsx

@@ -7,14 +7,14 @@ import GoogleMap from "../google.map";
 
 export default function Map() {
   return (
-    <div dir="ltr" className="relative">
+    <div dir="ltr" className="relative flex items-start justify-center">
       {/* map */}
       <div className="w-full ">
         <GoogleMap />
       </div>
 
       {/* contact information */}
-      <div className="absolute flex flex-col gap-3 top-20 right-20 z-50 bg-white rounded-[15px] p-5 px-10 max-w-[400px] w-full text-left ">
+      <div className="absolute flex flex-col gap-3 sm:top-20 top-5 sm:right-20 z-50 bg-white rounded-[15px] p-5 px-10 max-w-[400px] w-full text-left ">
         <div className="text-left flex w-full justify-start">
           <Title text="contacts" />
         </div>

components/pageParts/partners.tsx

@@ -34,31 +34,31 @@ export default function Partners() {
       </div>
 
       {/* slider */}
-            <div className="my-20">
-              <Swiper
-                autoplay={{
-                  reverseDirection: true,
-                  delay: 2500,
-                  disableOnInteraction: false,
-                }}
-                loop={true}
-                modules={[Autoplay]}
-                slidesPerView={4}
-                className="mySwiper flex items-center justify-around"
-              >
-                {images.map((item, index) => (
-                  <SwiperSlide key={index} className="!w-[200px] mx-10 " >
-                    <Image
-                      src={item}
-                      alt="Partner images"
-                      width={200}
-                      height={200}
-                      className="object-contain mx-auto max-w-[200px] h-auto"
-                    />
-                  </SwiperSlide>
-                ))}
-              </Swiper>
-            </div>
+      <div className="my-20">
+        <Swiper
+          autoplay={{
+            reverseDirection: true,
+            delay: 2500,
+            disableOnInteraction: false,
+          }}
+          loop={true}
+          modules={[Autoplay]}
+          slidesPerView={4}
+          className="mySwiper flex items-center justify-around"
+        >
+          {images.map((item, index) => (
+            <SwiperSlide key={index} className="!w-[200px] mx-10 ">
+              <Image
+                src={item}
+                alt="Partner images"
+                width={200}
+                height={200}
+                className="object-contain mx-auto max-w-[200px] h-auto"
+              />
+            </SwiperSlide>
+          ))}
+        </Swiper>
+      </div>
     </div>
   );
 }