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

components/layout/header/list/col/index.js

@@ -3,7 +3,7 @@ import { Button } from "@mui/material";
 import Link from "next/link";
 import { isActiveURL } from "@/helper";
 
-function Col({ isActive, setIsActive }) {
+function Col({ isActive, setIsActive, name }) {
     return (
         <div className="flex lg:hidden">
             {/* <Button variant="text" className="!p-0.5">
@@ -12,10 +12,10 @@ function Col({ isActive, setIsActive }) {
 
             <div className={`
             fixed pb-[31px] pt-[64px] pl-[24px]  padding-responsive top-[-12px] sm:top-[-21px] 
-            md:top-[-30px] lg:top-[-40px] w-[85%] h-screen bg-[#FAFAFA] transition-all duration-500
+            md:top-[-30px] lg:top-[-40px] w-[85%] z-10 h-screen bg-[#FAFAFA] transition-all duration-500
             ${isActive ? 'right-0' : '-right-[85%]'}
             `}>
-                <ul className="flex flex-col items-start justify-center gap-[30px] mt-[78px] mr-[16px]">
+                <ul className="flex flex-col items-start justify-center gap-[30px] mt-[78px]">
                     {listNav.map(nav => (
                         <li
                             key={nav.id}