From 050a89662988662b731630ae27224dad56c47d12 Mon Sep 17 00:00:00 2001
From: Thiago Bronisio <86695254+ThiagoBronisio@users.noreply.github.com>
Date: Fri, 16 Dec 2022 00:23:14 -0300
Subject: [PATCH] feat: adiciona style no header mobile

---
 .../src/arquivos/sass/partials/_header.scss   | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/checkout/src/arquivos/sass/partials/_header.scss b/checkout/src/arquivos/sass/partials/_header.scss
index f10113c..072ffd0 100644
--- a/checkout/src/arquivos/sass/partials/_header.scss
+++ b/checkout/src/arquivos/sass/partials/_header.scss
@@ -2,6 +2,10 @@
     border-bottom: 1px solid $black-padrao;
     padding: 0 130px;
 
+    @media screen and (max-width: 1024px) {
+        padding: 0 16px;
+    }
+
     .container {
         margin: 0;
         width: 100%;
@@ -10,12 +14,22 @@
         display: grid;
         grid-template-columns: 1fr 2fr 1fr;
         align-items: center;
+
+        @media screen and (max-width: 1024px) {
+            display: flex;
+            width: 100%;
+            padding: 16px 0px;
+        }
     }
 
     .progress-bar {
         width: 100%;
         position: relative;
 
+        @media screen and (max-width: 1024px) {
+            display: none;
+        }
+
         &__container-text {
             display: flex;
 
@@ -121,6 +135,10 @@
         @media screen and (min-width: 2500px) {
             width: 68.2%;
         }
+
+        @media screen and (max-width: 1024px) {
+            padding: 0;
+        }
         img {
             width: 100%;
             height: 37.15px;
@@ -134,6 +152,7 @@
     &__safeBuy {
         display: flex;
         justify-content: end;
+        width: 100%;
         img {
             width: 12px;
             height: 15px;