change style menu home & responsive head and footer home & list doctors

components/home/search/modal/index.js

@@ -31,16 +31,18 @@ function ModalSearchCity() {
         <>
             {/* Button Modal */}
             <Button
-                className="!border-none hover:!bg-transparent !min-w-[155px] !py-0 lg:!py-[9px]"
+                className="!border-none hover:!bg-transparent !py-[11.5px] !px-[7px] sm:!py-3 sm:!px-[9px] md:!px-[11px] lg:!px-[12px] min-w-fit !rounded-3"
                 onClick={handleOpen}
                 variant="contained"
                 color="secondary"
             >
-                <div className="min-w-[20px] min-h-[20px]">
+                <div className="min-w-[20px] min-h-[20px] hidden md:flex">
                     <Location />
                 </div>
-                <p className="text-[#616161] text-[16px] font-medium mx-1">انتخاب شهر</p>
-                <ArrowBottomH />
+                <p className="text-[#616161] text-[16px] leading-[17px] sm:leading-[19px] md:leading-[22px] lg:leading-[24px] font-medium ml-1 md:mx-1">انتخاب شهر</p>
+                <div className="w-[16px] h-[16px] md:w-[18px] md:h-[18px] lg:w-[20px] lg:h-[20px] grid place-items-center">
+                    <ArrowBottomH />
+                </div>
             </Button>
             {/* Content Modal */}
             <Modal