diff --git a/components/Footer/Details/details.module.css b/components/Footer/Details/details.module.css
index adbf86603..51ee8f102 100644
--- a/components/Footer/Details/details.module.css
+++ b/components/Footer/Details/details.module.css
@@ -52,7 +52,7 @@
   gap: var(--Spacing-x1);
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .details {
     padding: var(--Spacing-x6) var(--Spacing-x5) var(--Spacing-x4);
   }
diff --git a/components/Footer/Navigation/MainNav/mainnav.module.css b/components/Footer/Navigation/MainNav/mainnav.module.css
index 933c9e774..496fa9618 100644
--- a/components/Footer/Navigation/MainNav/mainnav.module.css
+++ b/components/Footer/Navigation/MainNav/mainnav.module.css
@@ -22,7 +22,7 @@
   justify-content: space-between;
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .mainNavigation {
     max-width: 360px;
   }
diff --git a/components/Footer/Navigation/SecondaryNav/index.tsx b/components/Footer/Navigation/SecondaryNav/index.tsx
index 7414a23e4..798035069 100644
--- a/components/Footer/Navigation/SecondaryNav/index.tsx
+++ b/components/Footer/Navigation/SecondaryNav/index.tsx
@@ -13,6 +13,7 @@ export default function FooterSecondaryNav({
   secondaryLinks,
   appDownloads,
 }: FooterSecondaryNavProps) {
+  console.log("secondaryLinks", secondaryLinks[0].links)
   return (
     <div className={styles.secondaryNavigation}>
       <nav className={styles.secondaryNavigationGroup}>
@@ -21,13 +22,17 @@ export default function FooterSecondaryNav({
         </Body>
         <ul className={styles.secondaryNavigationList}>
           {appDownloads.links.map((link) => (
-            <li key={link.id} className={styles.appDownloadItem}>
-              <a href={link.href} target="_blank" rel="noopener noreferrer">
+            <li key={link.type} className={styles.appDownloadItem}>
+              <a
+                href={link.href.href}
+                target="_blank"
+                aria-label={link.href.title}
+              >
                 <Image
                   src={
-                    AppDownLoadLinks[link.id as keyof typeof AppDownLoadLinks]
+                    AppDownLoadLinks[link.type as keyof typeof AppDownLoadLinks]
                   }
-                  alt={link.title}
+                  alt={link.href.title}
                   width={125}
                   height={40}
                 />
@@ -42,23 +47,29 @@ export default function FooterSecondaryNav({
             {link.title}
           </Body>
           <ul className={styles.secondaryNavigationList}>
-            {link.links.map((link) => (
-              <li key={link.id} className={styles.secondaryNavigationItem}>
-                {link.isExternal ? (
-                  <a
-                    href={link.href}
-                    key={link.title}
-                    target={link.openInNewTab ? "_blank" : "_self"}
+            {link.links.map(
+              (subLink) =>
+                subLink.url && (
+                  <li
+                    key={subLink.id}
+                    className={styles.secondaryNavigationItem}
                   >
-                    {link.title}
-                  </a>
-                ) : (
-                  <Link href={link.href} key={link.title}>
-                    {link.title}
-                  </Link>
-                )}
-              </li>
-            ))}
+                    {subLink.isExternal ? (
+                      <a
+                        href={subLink.url}
+                        key={subLink.title}
+                        target={subLink.openInNewTab ? "_blank" : "_self"}
+                      >
+                        {subLink.title}
+                      </a>
+                    ) : (
+                      <Link href={subLink.url} key={subLink.url}>
+                        {subLink.title}
+                      </Link>
+                    )}
+                  </li>
+                )
+            )}
           </ul>
         </nav>
       ))}
diff --git a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
index 3f47d32c7..057c1daa5 100644
--- a/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
+++ b/components/Footer/Navigation/SecondaryNav/secondarynav.module.css
@@ -25,7 +25,7 @@
   margin: 0;
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .secondaryNavigation {
     margin-top: 0;
     gap: 80px;
diff --git a/components/Footer/Navigation/index.tsx b/components/Footer/Navigation/index.tsx
index 0e66fb5dd..a49148541 100644
--- a/components/Footer/Navigation/index.tsx
+++ b/components/Footer/Navigation/index.tsx
@@ -1,12 +1,10 @@
-import { footer } from "../mockedData"
 import FooterMainNav from "./MainNav"
 import FooterSecondaryNav from "./SecondaryNav"
 
 import styles from "./navigation.module.css"
 
 export default function FooterNavigation({ ...props }) {
-  const { mainLinks } = props
-  const { secondaryLinks, appDownloads } = footer
+  const { mainLinks, secondaryLinks, appDownloads } = props
   return (
     <section className={styles.section}>
       <div className={styles.maxWidth}>
diff --git a/components/Footer/Navigation/navigation.module.css b/components/Footer/Navigation/navigation.module.css
index df5dfbcf5..040577f93 100644
--- a/components/Footer/Navigation/navigation.module.css
+++ b/components/Footer/Navigation/navigation.module.css
@@ -11,7 +11,7 @@
   max-width: var(--max-width-content);
 }
 
-@media screen and (min-width: 1367px) {
+@media screen and (min-width: 767px) {
   .section {
     padding: var(--Spacing-x9) 0;
   }
diff --git a/server/routers/contentstack/base/output.ts b/server/routers/contentstack/base/output.ts
index 9b1773847..7202a04ed 100644
--- a/server/routers/contentstack/base/output.ts
+++ b/server/routers/contentstack/base/output.ts
@@ -273,8 +273,8 @@ const validateInternalLink = z
     edges: z.array(
       z.object({
         node: z.object({
-          title: z.string(),
-          url: z.string(),
+          title: z.string().optional(),
+          url: z.string().optional(),
         }),
       })
     ),
diff --git a/server/routers/contentstack/base/query.ts b/server/routers/contentstack/base/query.ts
index 52beab486..3ecf39e35 100644
--- a/server/routers/contentstack/base/query.ts
+++ b/server/routers/contentstack/base/query.ts
@@ -390,11 +390,21 @@ export const baseQueryRouter = router({
       const mainLinks = transformPageConnectionLinks(
         validatedFooterData.main_links
       )
+      console.log(
+        "secondary_links ",
+        validatedFooterData.secondary_links[0].links[0].pageConnection?.edges
+      )
+      const secondaryLinks = validatedFooterData.secondary_links.map(
+        (section) => ({
+          ...section,
+          links: transformPageConnectionLinks(section.links),
+        })
+      )
 
       return {
         mainLinks: mainLinks,
         appDownloads: validatedFooterData.app_downloads,
-        secondaryLinks: validatedFooterData.secondary_links,
+        secondaryLinks: secondaryLinks,
       }
     }),
 })
diff --git a/types/components/footer/navigation.ts b/types/components/footer/navigation.ts
index c485431cc..341b4d117 100644
--- a/types/components/footer/navigation.ts
+++ b/types/components/footer/navigation.ts
@@ -8,10 +8,10 @@ export type FooterMainNavProps = {
 
 export type FooterSecondaryNav = {
   id: string
-  href: string
-  title: string
-  openInNewTab: boolean
   isExternal: boolean
+  openInNewTab: boolean
+  title: string
+  url: string
 }
 export type FooterSecondaryNavProps = {
   secondaryLinks: {
@@ -21,9 +21,11 @@ export type FooterSecondaryNavProps = {
   appDownloads: {
     title: string
     links: {
-      title: string
-      href: string
-      id: string
+      href: {
+        href: string
+        title: string
+      }
+      type: string
     }[]
   }
 }