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

components/home/search/index.js

@@ -36,13 +36,16 @@ function SearchBar() {
                 dir='rtl'
                 className={`!shadow-none !w-full lg:!w-[524px] bg-[#FAFAFA] !text-[14px] md:!text-[16px] !rounded-0 !font-normal !text-[#6C757D]`}
             />
-            <Button className="!hidden lg:!flex !rounded-[4px] !gap-2.5 !min-w-[114px]">
+            <Button className="!hidden lg:!flex !rounded-[4px] !h-[40px] sm:!h-[42px] md:!h-[45px] lg:!h-[48px] !gap-2.5 !min-w-[114px]">
                 <div className="min-w-[20px] min-h-[20px]">
                     <Search />
                 </div>
                 <p>جستجو</p>
             </Button>
-            <Button className="!flex lg:!hidden !rounded-[4px] !gap-2.5 !p-2.5 !w-[40px] !h-[40px]">
+            <Button
+                className="!flex lg:!hidden !rounded-[4px] !w-[40px] sm:!w-[42px] md:!w-[45px] lg:!w-[48px]
+                !h-[40px] sm:!h-[42px] md:!h-[45px] lg:!h-[48px] !gap-2.5 !p-2.5"
+            >
                 <SearchD />
             </Button>
         </ButtonGroup>

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