diff --git a/src/components/footer-bottom.module.scss b/src/components/footer-bottom.module.scss
index 3cef663..36e791d 100644
--- a/src/components/footer-bottom.module.scss
+++ b/src/components/footer-bottom.module.scss
@@ -5,6 +5,10 @@
   height: 64px;
   background: variables.$color-black;
 
+  @media screen and (max-width: 1024px) {
+    height: 134px;
+  }
+
   .footer-wrapper {
     width: 80.46875%;
     padding: 20px 0;
@@ -14,14 +18,28 @@
     justify-content: space-between;
     margin: 0 auto;
 
+    @media screen and (max-width: 1024px) {
+      width: 100%;
+      padding: 15px 16px;
+      gap: 15px;
+      flex-direction: column;
+      align-items: flex-start;
+      justify-content: flex-start;
+    }
+
     .footer-text {
       width: 25%;
+      display: flex;
 
       font-weight: 400;
       font-size: 10px;
       line-height: 12px;
       text-transform: capitalize;
       color: variables.$color-white;
+
+      @media screen and (max-width: 1024px) {
+        order: 1;
+      }
     }
 
     .footer-creditcards {
@@ -32,6 +50,10 @@
 
       width: 45%;
 
+      @media screen and (max-width: 1024px) {
+        justify-content: flex-start;
+      }
+
       .footer-line {
         width: 24px;
         border: 1px solid variables.$color-grey;
@@ -46,6 +68,11 @@
       justify-content: flex-end;
       gap: 13px;
 
+      @media screen and (max-width: 1024px) {
+        justify-content: flex-start;
+        order: 2;
+      }
+
       span {
         font-weight: 400;
         font-size: 10px;
diff --git a/src/globals.module.scss b/src/globals.module.scss
index 49277fa..fb63c1c 100644
--- a/src/globals.module.scss
+++ b/src/globals.module.scss
@@ -31,3 +31,7 @@ ul {
 li {
   list-style-type: none;
 }
+
+img {
+  display: block;
+}