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>