diff --git a/.env b/.env
index 5cacc1e..d6d8fbd 100644
--- a/.env
+++ b/.env
@@ -1,3 +1,13 @@
 APP_PORT=8091
 ESLINT_NO_DEV_ERRORS=true
-PANEL_URL=https://dev-panel.mermsemr.com
\ No newline at end of file
+PANEL_URL=https://dev-panel.mermsemr.com
+
+# auth routes
+NEXT_PUBLIC_LOGIN_URL=https://dev-panel.mermsemr.com
+NEXT_PUBLIC_SIGNUP_URL=https://dev-panel.mermsemr.com/auth/signup
+
+# social links
+NEXT_PUBLIC_FACEBOOK_URL=#
+NEXT_PUBLIC_TWITTER_URL=#
+NEXT_PUBLIC_INSTAGRAM_URL=#
+NEXT_PUBLIC_YOUTUBE_URL=#
\ No newline at end of file
diff --git a/components/layout/Menu.js b/components/layout/Menu.js
index 4e95c98..6c8cd60 100644
--- a/components/layout/Menu.js
+++ b/components/layout/Menu.js
@@ -1,34 +1,56 @@
-import Link from "next/link"
-import { useRouter } from "next/router"
+import Link from "next/link";
+import { useRouter } from "next/router";
 
 export default function Menu() {
-    const router = useRouter()
+  const router = useRouter();
 
-    return (
-        <>
-
-            <ul className="wsmenu-list nav-theme">
-                {/* DROPDOWN SUB MENU */}
-                <li aria-haspopup="true">
-                    <Link href="#" className="h-link">About <span className="wsarrow" /></Link>
-                    <ul className="sub-menu">
-                        <li aria-haspopup="true"><Link href="#merms-about">Why MERMS?</Link></li>
-                        <li aria-haspopup="true"><Link href="#merms-works">How It Works</Link></li>
-                        <li aria-haspopup="true"><Link href="/contacts">Contacts Us</Link></li>
-                        <li aria-haspopup="true"><Link href="/faqs">F.A.Q.</Link></li>
-                    </ul>
-                </li>
-                {/* SIMPLE NAVIGATION LINK */}
-                <li className="nl-simple" aria-haspopup="true"><Link href="#merms-features" className="h-link">Features</Link></li>
-                <li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
-                    <Link href="https://dev-panel.mermsemr.com/" className="h-link">Sign in</Link>
-                </li>
-                {/* SIGN UP BUTTON */}
-                <li className="nl-simple" aria-haspopup="true">
-                    <Link href="https://dev-panel.mermsemr.com/auth/signup" className="btn r-04 btn--theme hover--tra-white last-link">Sign
-                        up</Link>
-                </li>
-            </ul>
-        </>
-    )
+  return (
+    <>
+      <ul className="wsmenu-list nav-theme">
+        {/* DROPDOWN SUB MENU */}
+        <li aria-haspopup="true">
+          <Link href="#" className="h-link">
+            About <span className="wsarrow" />
+          </Link>
+          <ul className="sub-menu">
+            <li aria-haspopup="true">
+              <Link href="#merms-about">Why MERMS?</Link>
+            </li>
+            <li aria-haspopup="true">
+              <Link href="#merms-works">How It Works</Link>
+            </li>
+            <li aria-haspopup="true">
+              <Link href="/contacts">Contacts Us</Link>
+            </li>
+            <li aria-haspopup="true">
+              <Link href="/faqs">F.A.Q.</Link>
+            </li>
+          </ul>
+        </li>
+        {/* SIMPLE NAVIGATION LINK */}
+        <li className="nl-simple" aria-haspopup="true">
+          <Link href="#merms-features" className="h-link">
+            Features
+          </Link>
+        </li>
+        <li
+          className="nl-simple reg-fst-link mobile-last-link"
+          aria-haspopup="true"
+        >
+          <Link href={process.env.NEXT_PUBLIC_LOGIN_URL} className="h-link">
+            Sign in
+          </Link>
+        </li>
+        {/* SIGN UP BUTTON */}
+        <li className="nl-simple" aria-haspopup="true">
+          <Link
+            href={process.env.NEXT_PUBLIC_SIGNUP_URL}
+            className="btn r-04 btn--theme hover--tra-white last-link"
+          >
+            Sign up
+          </Link>
+        </li>
+      </ul>
+    </>
+  );
 }
diff --git a/components/layout/MobileMenu.js b/components/layout/MobileMenu.js
index 99f0d8c..33970c3 100644
--- a/components/layout/MobileMenu.js
+++ b/components/layout/MobileMenu.js
@@ -1,50 +1,83 @@
-import Link from 'next/link'
-import { useState } from 'react'
+import Link from "next/link";
+import { useState } from "react";
 export default function MobileMenu() {
-    const [isActive, setIsActive] = useState({
+  const [isActive, setIsActive] = useState({
+    status: false,
+    key: "",
+  });
+
+  const handleToggle = (key) => {
+    if (isActive.key === key) {
+      setIsActive({
         status: false,
-        key: "",
-    })
-
-    const handleToggle = (key) => {
-        if (isActive.key === key) {
-            setIsActive({
-                status: false,
-            })
-        } else {
-            setIsActive({
-                status: true,
-                key,
-            })
-        }
+      });
+    } else {
+      setIsActive({
+        status: true,
+        key,
+      });
     }
-    return (
-        <>
-            <ul className="wsmenu-list nav-theme">
-                {/* DROPDOWN SUB MENU */}
-                <li aria-haspopup="true">
-                    <span className={isActive.key == 1 ? "wsmenu-click ws-activearrow" : "wsmenu-click"} onClick={() => handleToggle(1)}><i className="wsmenu-arrow" /></span>
-                    <Link href="#" className="h-link">About <span className="wsarrow" /></Link>
-                    <ul className="sub-menu" style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}>
-                        <li aria-haspopup="true"><Link href="#merms-about">Why MERMS?</Link></li>
-                        <li aria-haspopup="true"><Link href="#merms-works">How It Works</Link></li>
-                        <li aria-haspopup="true"><Link href="/contacts">Contacts Us</Link></li>
-                        <li aria-haspopup="true"><Link href="/faqs">F.A.Q.</Link></li>
-                    </ul>
-                </li>
-                {/* SIMPLE NAVIGATION LINK */}
-                <li className="nl-simple" aria-haspopup="true"><Link href="#merms-features" className="h-link">Features</Link></li>
+  };
+  return (
+    <>
+      <ul className="wsmenu-list nav-theme">
+        {/* DROPDOWN SUB MENU */}
+        <li aria-haspopup="true">
+          <span
+            className={
+              isActive.key == 1 ? "wsmenu-click ws-activearrow" : "wsmenu-click"
+            }
+            onClick={() => handleToggle(1)}
+          >
+            <i className="wsmenu-arrow" />
+          </span>
+          <Link href="#" className="h-link">
+            About <span className="wsarrow" />
+          </Link>
+          <ul
+            className="sub-menu"
+            style={{ display: `${isActive.key == 1 ? "block" : "none"}` }}
+          >
+            <li aria-haspopup="true">
+              <Link href="#merms-about">Why MERMS?</Link>
+            </li>
+            <li aria-haspopup="true">
+              <Link href="#merms-works">How It Works</Link>
+            </li>
+            <li aria-haspopup="true">
+              <Link href="/contacts">Contacts Us</Link>
+            </li>
+            <li aria-haspopup="true">
+              <Link href="/faqs">F.A.Q.</Link>
+            </li>
+          </ul>
+        </li>
+        {/* SIMPLE NAVIGATION LINK */}
+        <li className="nl-simple" aria-haspopup="true">
+          <Link href="#merms-features" className="h-link">
+            Features
+          </Link>
+        </li>
 
-                {/* SIGN IN LINK */}
-                <li className="nl-simple reg-fst-link mobile-last-link" aria-haspopup="true">
-                    <Link href="https://dev-panel.mermsemr.com/" className="h-link">Sign in</Link>
-                </li>
-                {/* SIGN UP BUTTON */}
-                <li className="nl-simple" aria-haspopup="true">
-                    <Link href="https://dev-panel.mermsemr.com/auth/signup" className="btn r-04 btn--theme hover--tra-white last-link">Sign
-                        up</Link>
-                </li>
-            </ul>
-        </>
-    )
+        {/* SIGN IN LINK */}
+        <li
+          className="nl-simple reg-fst-link mobile-last-link"
+          aria-haspopup="true"
+        >
+          <Link href={process.env.NEXT_PUBLIC_LOGIN_URL} className="h-link">
+            Sign in
+          </Link>
+        </li>
+        {/* SIGN UP BUTTON */}
+        <li className="nl-simple" aria-haspopup="true">
+          <Link
+            href={process.env.NEXT_PUBLIC_SIGNUP_URL}
+            className="btn r-04 btn--theme hover--tra-white last-link"
+          >
+            Sign up
+          </Link>
+        </li>
+      </ul>
+    </>
+  );
 }
diff --git a/components/layout/footer/Footer3.js b/components/layout/footer/Footer3.js
index eee4e67..8b822f0 100644
--- a/components/layout/footer/Footer3.js
+++ b/components/layout/footer/Footer3.js
@@ -120,10 +120,10 @@ export default function Footer3() {
                             {/* FOOTER SOCIALS */}
                             <div className="col">
                                 <ul className="bottom-footer-socials ico-20 text-end">
-                                    <li><Link href="#"><span className="flaticon-facebook" /></Link></li>
-                                    <li><Link href="#"><span className="flaticon-twitter" /></Link></li>
-                                    <li><Link href="#"><span className="flaticon-instagram" /></Link></li>
-                                    <li><Link href="#"><span className="flaticon-youtube" /></Link></li>
+                                    <li><Link href={process.env.NEXT_PUBLIC_FACEBOOK_URL}><span className="flaticon-facebook" /></Link></li>
+                                    <li><Link href={process.env.NEXT_PUBLIC_TWITTER_URL}><span className="flaticon-twitter" /></Link></li>
+                                    <li><Link href={process.env.NEXT_PUBLIC_INSTAGRAM_URL}><span className="flaticon-instagram" /></Link></li>
+                                    <li><Link href={process.env.NEXT_PUBLIC_YOUTUBE_URL}><span className="flaticon-youtube" /></Link></li>
                                 </ul>
                             </div>
                         </div> {/* End row */}
diff --git a/components/layout/header/HeaderMerms.js b/components/layout/header/HeaderMerms.js
index 483a5b1..1ff0b05 100644
--- a/components/layout/header/HeaderMerms.js
+++ b/components/layout/header/HeaderMerms.js
@@ -28,7 +28,7 @@ export default function HeaderMerms({ scroll, isMobileMenu, handleMobileMenu, he
                             {/*    <Link href="/" className="logo-white"><img src="/images/logo-white.png" alt="logo" /></Link>*/}
                             {/*</div>*/}
                             {/* MAIN MENU */}
-                            <nav className="wsmenu clearfix" style={{height:"100vh"}}>
+                            <nav className="wsmenu clearfix">
                                 {isMobileMenu ? <MobileMenu /> : <Menu />}
                             </nav> {/* END MAIN MENU */}
                         </div>
diff --git a/public/css/menu.css b/public/css/menu.css
index 8bb82b1..77f6270 100644
--- a/public/css/menu.css
+++ b/public/css/menu.css
@@ -778,6 +778,7 @@ body.wsactive {
 
 .wsmenu {
   width: 100%;
+  height: auto;
   background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
   right: 0;
   overflow-y: hidden;
@@ -788,6 +789,12 @@ body.wsactive {
   margin: 0px;
 }
 
+@media screen and (max-width: 991px) {
+  .wsmenu{
+    height: 100vh;
+  }
+}
+
 .wsmenu > .wsmenu-list {
   height: auto;
   min-height: 100%;
diff --git a/public/css/responsive.css b/public/css/responsive.css
index 837905d..ae66dfa 100644
--- a/public/css/responsive.css
+++ b/public/css/responsive.css
@@ -1122,7 +1122,8 @@
   #footer-2 .footer-links.fl-3 { padding-left: 0%; }
   #footer-2.ft-2-ntr .footer-links.fl-1 { padding-left: 25%; }
   #footer-2.ft-2-ntr .footer-links.fl-2 { padding-left: 0; }
-  #footer-3.ft-3-ntr .footer-links.fl-3 { padding-left: 28%; }
+  #footer-3.ft-3-ntr .footer-links.fl-3 { padding-left: 0%; }
+  /* #footer-3.ft-3-ntr .footer-links.fl-3 { padding-left: 28%; } */
 
   #footer-8 .footer-info, #footer-8 .footer-links { margin-bottom: 20px; }
   #footer-10 .footer-links { margin-bottom: 10px; }