diff --git a/src/components/section/FooterSection.astro b/src/components/section/FooterSection.astro
index 5fee593..efaf3c9 100644
--- a/src/components/section/FooterSection.astro
+++ b/src/components/section/FooterSection.astro
@@ -31,12 +31,21 @@ const isHebrew = Astro.currentLocale === "he";
       <p class="text-lg font-light mb-10" set:html={tl("footer.text")}></p>
       <p class="text-lg font-regular">
         {tl("footer.email")}
+        <!--email_off-->
         <a
-          class="font-light hover:text-[#D4C7A1] transition-all hover:underline hover:underline-offset-4"
+          class="font-light hover:text-[#D4C7A1] transition-all hover:underline hover:underline-offset-4 hidden lg:block"
           href="mailto:developer@centrodelreinodepazyjusticia.com"
           >developer@centrodelreinodepazyjusticia.com</a
         >
+        <!--/email_off-->
       </p>
+      <!--email_off-->
+      <a
+        class="font-light hover:text-[#D4C7A1] transition-all hover:underline hover:underline-offset-4 block lg:hidden overflow-hidden overflow-ellipsis"
+        href="mailto:developer@centrodelreinodepazyjusticia.com"
+        >developer@centrodelreinodepazyjusticia.com</a
+      >
+      <!--/email_off-->
       <p
         class="text-lg font-light mb-10 break-words"
         set:html={tl("footer.text2")}