diff --git a/src/components/AccordionBody/AccordionBody.tsx b/src/components/AccordionBody/AccordionBody.tsx
index 46dbe79..9923b1b 100644
--- a/src/components/AccordionBody/AccordionBody.tsx
+++ b/src/components/AccordionBody/AccordionBody.tsx
@@ -9,11 +9,11 @@ const AccordionBody = () => {
     <Tab.Container id="list-group-tabs" defaultActiveKey="#link1">
       <Row>
         <Col sm={4}>
-          <ListGroup>
-            <ListGroup.Item className={styles["acc-item"]} action href="#link1">
+          <ListGroup className="accList">
+            <ListGroup.Item variant="dark" action href="#link1">
               Sobre
             </ListGroup.Item>
-            <ListGroup.Item action href="#link2">
+            <ListGroup.Item variant="dark" action href="#link2">
               Contato
             </ListGroup.Item>
           </ListGroup>
@@ -50,7 +50,7 @@ const AccordionBody = () => {
                 </p>
               </div>
             </Tab.Pane>
-            <Tab.Pane eventKey="#link2">
+            <Tab.Pane className="contato-item" eventKey="#link2">
               <FormInput></FormInput>
             </Tab.Pane>
           </Tab.Content>
diff --git a/src/components/AccordionBody/accordionBody.module.scss b/src/components/AccordionBody/accordionBody.module.scss
index fd883e2..34b8688 100644
--- a/src/components/AccordionBody/accordionBody.module.scss
+++ b/src/components/AccordionBody/accordionBody.module.scss
@@ -7,12 +7,3 @@
   display: flex;
   flex-direction: row;
 }
-.accordion-header {
-}
-/*
-.list-group-tabs.active {
-  background-color: red;
-}*/
-.acc-item .active {
-  background-color: red;
-}
diff --git a/src/components/AccordionFooter/AccordionFooter.tsx b/src/components/AccordionFooter/AccordionFooter.tsx
new file mode 100644
index 0000000..82c8a04
--- /dev/null
+++ b/src/components/AccordionFooter/AccordionFooter.tsx
@@ -0,0 +1,87 @@
+import mais from "./assets/image/mais.png";
+import { Institutional } from "../Institutional/Institutional";
+import { Doubts } from "../Doubts/Doubts";
+import { Contact } from "../Contact/Contact";
+const AccordionFooter = () => {
+  return (
+    <div
+      className="accordion accordion-flush acc_footer"
+      id="accordionFlushExample"
+    >
+      <div className="accordion-item">
+        <h2 className="accordion-header" id="flush-headingOne">
+          <button
+            className="accordion-button collapsed acc_btn"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#flush-collapseOne"
+            aria-expanded="false"
+            aria-controls="flush-collapseOne"
+          >
+            Institucional
+          </button>
+        </h2>
+        <div
+          id="flush-collapseOne"
+          className="accordion-collapse collapse"
+          aria-labelledby="flush-headingOne"
+          data-bs-parent="#accordionFlushExample"
+        >
+          <div className="accordion-body">
+            <Institutional></Institutional>
+          </div>
+        </div>
+      </div>
+      <div className="accordion-item">
+        <h2 className="accordion-header" id="flush-headingTwo">
+          <button
+            className="accordion-button collapsed acc_btn"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#flush-collapseTwo"
+            aria-expanded="false"
+            aria-controls="flush-collapseTwo"
+          >
+            Dúvidas
+          </button>
+        </h2>
+        <div
+          id="flush-collapseTwo"
+          className="accordion-collapse collapse"
+          aria-labelledby="flush-headingTwo"
+          data-bs-parent="#accordionFlushExample"
+        >
+          <div className="accordion-body">
+            <Doubts></Doubts>
+          </div>
+        </div>
+      </div>
+      <div className="accordion-item">
+        <h2 className="accordion-header" id="flush-headingThree">
+          <button
+            className="accordion-button collapsed acc_btn"
+            type="button"
+            data-bs-toggle="collapse"
+            data-bs-target="#flush-collapseThree"
+            aria-expanded="false"
+            aria-controls="flush-collapseThree"
+          >
+            Fale Conosco
+          </button>
+        </h2>
+        <div
+          id="flush-collapseThree"
+          className="accordion-collapse collapse"
+          aria-labelledby="flush-headingThree"
+          data-bs-parent="#accordionFlushExample"
+        >
+          <div className="accordion-body">
+            <Contact></Contact>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export { AccordionFooter };
diff --git a/src/components/AccordionFooter/assets/image/mais.png b/src/components/AccordionFooter/assets/image/mais.png
new file mode 100644
index 0000000..90c30bc
Binary files /dev/null and b/src/components/AccordionFooter/assets/image/mais.png differ
diff --git a/src/components/Address/address.module.scss b/src/components/Address/address.module.scss
index 9b4ad43..fa8fc9f 100644
--- a/src/components/Address/address.module.scss
+++ b/src/components/Address/address.module.scss
@@ -1,4 +1,5 @@
 .endereco {
+  display: flex;
   width: 234px;
   height: 24px;
   font-family: "Roboto";
@@ -9,7 +10,7 @@
   text-transform: capitalize;
   color: white;
   margin: 0 0 0 0;
-
+  align-items: center;
   @media screen and (min-width: 2500px) {
     width: 467px;
     height: 47px;
diff --git a/src/components/FormInput/formInput.module.scss b/src/components/FormInput/formInput.module.scss
index e684a46..0cdf771 100644
--- a/src/components/FormInput/formInput.module.scss
+++ b/src/components/FormInput/formInput.module.scss
@@ -1,6 +1,6 @@
 .form-wrapper {
   width: 100%;
-  max-width: 748px;
+  //max-width: 748px;
   //min-height: 100vh;
   margin: 0 auto;
   //padding: 0 12px;
diff --git a/src/components/Newsletter/newsletter.module.scss b/src/components/Newsletter/newsletter.module.scss
index f9c9d7f..a3cc239 100644
--- a/src/components/Newsletter/newsletter.module.scss
+++ b/src/components/Newsletter/newsletter.module.scss
@@ -15,11 +15,11 @@
   @media screen and (min-width: 2500px) {
     font-size: 36px;
   }
-  .newsForm-wrapper {
-    display: flex;
-    flex-direction: row;
-    margin-top: 8px;
-  }
+}
+.newsForm-wrapper {
+  display: flex;
+  flex-direction: row;
+  margin-top: 8px;
 }
 .newsForm-input {
   margin-right: 8px;
@@ -63,3 +63,31 @@
     font-size: 24px;
   }
 }
+@media screen and (max-width: 1024px) {
+  .newsForm {
+    width: 100%;
+    margin: 16px;
+    padding: 0 16px 0 16px;
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 500;
+    font-size: 14px;
+    line-height: 16px;
+
+    letter-spacing: 0.05em;
+    font-variant: small-caps;
+
+    color: #303030;
+  }
+  .newsForm-wrapper {
+    display: flex;
+    flex-direction: column;
+  }
+  .newsForm-btn {
+    width: 100%;
+    margin-top: 16px;
+  }
+  .newsForm-input {
+    width: 100%;
+  }
+}
diff --git a/src/components/Socials/socials.module.scss b/src/components/Socials/socials.module.scss
index c82984e..21f300b 100644
--- a/src/components/Socials/socials.module.scss
+++ b/src/components/Socials/socials.module.scss
@@ -25,3 +25,8 @@
     height: 35px;
   }
 }
+@media screen and (max-width: 1024px) {
+  .siteLink {
+    display: none;
+  }
+}
diff --git a/src/sectors/Footer/TopFooter/TopFooter.tsx b/src/sectors/Footer/TopFooter/TopFooter.tsx
index 6433fe9..0c67c45 100644
--- a/src/sectors/Footer/TopFooter/TopFooter.tsx
+++ b/src/sectors/Footer/TopFooter/TopFooter.tsx
@@ -3,21 +3,30 @@ import { Doubts } from "../../../components/Doubts/Doubts";
 import { Contact } from "../../../components/Contact/Contact";
 import { Socials } from "../../../components/Socials/Socials";
 import { Whatsapp } from "../../../components/Whatsapp/Whatsapp";
+import { AccordionFooter } from "../../../components/AccordionFooter/AccordionFooter";
 
 const TopFooter = () => {
   return (
-    <div className="top_footer_wrapper">
-      <Institutional></Institutional>
+    <>
+      <div className="top_footer_wrapper">
+        <Institutional></Institutional>
 
-      <Doubts></Doubts>
+        <Doubts></Doubts>
 
-      <Contact></Contact>
+        <Contact></Contact>
 
-      <div className="top_footer_socials">
-        <Socials></Socials>
-        <Whatsapp></Whatsapp>
+        <div className="top_footer_socials">
+          <Socials></Socials>
+          <Whatsapp></Whatsapp>
+        </div>
       </div>
-    </div>
+      <div className="top_footerMob_wrapper">
+        <AccordionFooter></AccordionFooter>
+        <div className="top_footer_socials">
+          <Socials></Socials>
+        </div>
+      </div>
+    </>
   );
 };
 
diff --git a/src/styles/main.scss b/src/styles/main.scss
index 405da12..ad6a2e7 100644
--- a/src/styles/main.scss
+++ b/src/styles/main.scss
@@ -9,5 +9,6 @@
 @import "partials/bottom_header.scss";
 @import "partials/body.scss";
 @import "partials/top_footer.scss";
+@import "partials/accordionBody.scss";
 @import "partials/footer.scss";
 @import "partials/bottom_footer.scss";
diff --git a/src/styles/partials/accordionBody.scss b/src/styles/partials/accordionBody.scss
new file mode 100644
index 0000000..5ee2d52
--- /dev/null
+++ b/src/styles/partials/accordionBody.scss
@@ -0,0 +1,20 @@
+.accList {
+  width: 100%;
+  a {
+    background-color: white;
+    border-radius: 0;
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 700;
+    font-size: 16px;
+    line-height: 19px;
+    @media screen and (min-width: 2500px) {
+      font-size: 32px;
+      line-height: 38px;
+    }
+  }
+  border-right: 1px solid black;
+}
+.contato-item {
+  width: 100%;
+}
diff --git a/src/styles/partials/body.scss b/src/styles/partials/body.scss
index 609d6fc..b5b2048 100644
--- a/src/styles/partials/body.scss
+++ b/src/styles/partials/body.scss
@@ -2,13 +2,14 @@
   width: 100%;
   display: flex;
   flex-direction: column;
-  align-items: center;
 }
 .institucional-title {
   font-family: "Roboto";
   font-weight: 400;
   font-size: 24px;
   line-height: 28.13px;
+  display: flex;
+  justify-content: center;
   @media screen and (min-width: 2500px) {
     font-size: 48px;
     line-height: 56.25px;
diff --git a/src/styles/partials/bottom_footer.scss b/src/styles/partials/bottom_footer.scss
index f8a8858..4e1dea8 100644
--- a/src/styles/partials/bottom_footer.scss
+++ b/src/styles/partials/bottom_footer.scss
@@ -28,3 +28,13 @@
   flex-direction: row;
   gap: 13px;
 }
+@media screen and (max-width: 1024px) {
+  .bottom_footer {
+    flex-direction: column;
+    gap: 15px;
+    padding: 15px 0 15px 16px;
+  }
+  .pagamentos {
+    order: -1;
+  }
+}
diff --git a/src/styles/partials/top_footer.scss b/src/styles/partials/top_footer.scss
index effae37..5db6c4a 100644
--- a/src/styles/partials/top_footer.scss
+++ b/src/styles/partials/top_footer.scss
@@ -5,9 +5,47 @@
   justify-content: space-between;
   padding: 50px 16px 64px 100px;
   border-top: 1px solid black;
+  @media screen and (max-width: 1024px) {
+    display: none;
+  }
 }
 .top_footer_socials {
   display: flex;
   flex-direction: row;
   gap: 50px;
 }
+@media screen and (max-width: 1024px) {
+  .top_footerMob_wrapper {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    border-top: 1px solid black;
+    margin-top: 79px;
+    padding: 0 0 0 12px;
+  }
+  .acc_footer {
+    width: 100%;
+  }
+
+  .acc_btn {
+    &::after {
+      background-image: url("../../components/AccordionFooter/assets/image/mais.png");
+    }
+    font-family: "Roboto";
+    font-style: normal;
+    font-weight: 500;
+    font-size: 14px;
+    line-height: 16px;
+    color: #303030;
+    padding: 12px;
+  }
+  .top_footer_socials {
+    margin-top: 8px;
+  }
+}
+@media screen and (min-width: 1025px) {
+  .top_footerMob_wrapper {
+    display: none;
+  }
+}