responsive page clinics & about & contact & doctors

components/doctors/search/index.js

@@ -51,8 +51,8 @@ function SearchBar({ data, setData }) {
                 className={`!shadow-none !px-5 !h-full !w-[524px] bg-[#FAFAFA] !text-[14px] md:!text-[16px] !min-w-[50%] !rounded-0 !font-normal !text-[#6C757D]`}
             />
             <Button
-                className="!flex !m-1 !rounded-[4px] !min-w-[40px] sm:!min-w-[42px] md:!min-w-[49px] lg:!min-w-[56px]
-                !gap-2.5 !p-2.5 !h-[calc(100%_-_8px)]"
+                className="!flex !m-1 !rounded-[4px] !min-w-[36px] sm:!min-w-[42px] md:!min-w-[49px] lg:!min-w-[56px]
+                !gap-2.5 !p-2.5 md:!p-4 !h-[calc(100%_-_8px)]"
             >
                 <SearchD />
             </Button>

components/doctors/sortlist/index.js

@@ -6,7 +6,7 @@ import SelectSort from "./SelectSort";
 
 function SortList({ data, setData }) {
     return (
-        <div className="flex items-center lg:!w-[25%] gap-[20px] lg:gap-0">
+        <div className="flex flex-wrap items-center lg:!w-[25%] gap-[20px] gap-y-[12px] lg:gap-0">
             <FilterModal data={data} setData={setData}>
                 <FilterBtn />
             </FilterModal>