From 0b81d5f13bfbc1b4848df7763ef06c11f8687de2 Mon Sep 17 00:00:00 2001
From: Nicolly Vieira <nicollyvscosta@gmail.com>
Date: Mon, 12 Dec 2022 14:43:46 -0300
Subject: [PATCH] feat: Cria a ProgressBar para telas acima de 2500px

---
 .../arquivos/sass/partials/_progressBar.scss  | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/checkout/src/arquivos/sass/partials/_progressBar.scss b/checkout/src/arquivos/sass/partials/_progressBar.scss
index dcb761a..edc4a84 100644
--- a/checkout/src/arquivos/sass/partials/_progressBar.scss
+++ b/checkout/src/arquivos/sass/partials/_progressBar.scss
@@ -1,6 +1,10 @@
 .progress-bar {
     width: 439px;
 
+    @include mq(desktop4K, min) {
+        width: 1078.86px;
+    }
+
     &__ul {
         margin: 0;
         list-style: none;
@@ -11,7 +15,11 @@
     }
 
     &__li {
-        width: 39.749%;
+        width: 39.75%;
+
+        @include mq(desktop4K, min) {
+            width: 41.7042%;
+        }
 
         &:first-child {
             .progress-bar__container {
@@ -28,6 +36,8 @@
 
     &__central {
         width: auto;
+        flex: 1;
+
     }
 
     &__container {
@@ -77,11 +87,21 @@
     &__line-1 {
         left: 27%;
         width: 95%;
+
+        @include mq(desktop4K, min) {
+            left: 10%;
+            width: 108.5%;
+        }
     }
 
     &__line-2 {
         right: 22%;
         width: 100%;
+
+        @include mq(desktop4K, min) {
+            right: 9%;
+        width: 109%;
+        }
     }
 
 }