diff --git a/checkout/src/arquivos/js/components/Footer.js b/checkout/src/arquivos/js/components/Footer.js
index 2f38895..9231374 100644
--- a/checkout/src/arquivos/js/components/Footer.js
+++ b/checkout/src/arquivos/js/components/Footer.js
@@ -7,19 +7,18 @@ export default class Footer {
 
     async init() {
         await this.selectors();
+        this.paymentsIconsHTML();
+        this.vtexPciIconHTML();
+        this.developedByLogoHTML();
 
         /*if (window.location.hash === "#/cart") {
             this.onUpdate();
         }*/
 
+        this.onUpdate();
         this.requestAPI();
         this.prateleiraItem = await waitElement(".prateleira__ul");
         this.events();
-        this.onUpdate();
-        //await this.addCarrossel();
-        this.paymentsIconsHTML();
-        this.vtexPciIconHTML();
-        this.developedByLogoHTML();
     }
 
     async selectors() {
@@ -179,7 +178,7 @@ export default class Footer {
             arrows: true,
             responsive: [
                 {
-                  breakpoint: 1170,
+                  breakpoint: 1024,
                   settings: {
                     slidesToShow: 3,
                     slidesToScroll: 1,
@@ -188,7 +187,7 @@ export default class Footer {
                   }
                 },
                 {
-                  breakpoint: 925,
+                  breakpoint: 800,
                   settings: {
                     slidesToShow: 2,
                     slidesToScroll: 1,
@@ -197,7 +196,7 @@ export default class Footer {
                   }
                 },
                 {
-                  breakpoint: 635,
+                  breakpoint: 350,
                   settings: {
                     slidesToShow: 1,
                     slidesToScroll: 1,
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
index 42af891..bb46173 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-autenticacao.scss
@@ -1,6 +1,204 @@
-
-
 .checkout-container {
+
+    .ship-country select {
+        height: 45px;
+        border: 1px solid $color-gray6 !important;
+        border-radius: 8px !important;
+        outline: none;
+
+        @include mq(xg, min) {
+            height: 61px;
+            font-size: 28px;
+            line-height: 38px;
+        }
+
+        option {
+            font-family: $font-family;
+            font-style: normal;
+            font-weight: 400;
+            font-size: 12px !important;
+            line-height: 16px !important;
+            color: $color-gray2;
+
+            @include mq(xg, min) {
+                font-size: 14px !important;
+                line-height: 18px !important;
+            }
+        }
+    }
+
+    input {
+        height: 42px;
+
+        @include mq(xg, min) {
+            height: 61px;
+            font-size: 28px;
+            line-height: 38px;
+        }
+    }
+
+    .client-profile-data .accordion-group .accordion-inner p label,
+    .exempt-si-text {
+        font-family: $font-family;
+        font-style: normal;
+        font-weight: 400 !important;
+        font-size: 14px;
+        line-height: 19px;
+        color: $color-gray2 !important;
+
+        @include mq(xg, min) {
+            font-size: 28px;
+            line-height: 38px;
+        }
+    }
+
+    .box-client-info {
+        margin: 36px 0 44px 0;
+    }
+
+    #client-email,
+    #client-company-name,
+    #client-company-nickname {
+        width: 100%;
+        margin-bottom: 16px;
+    }
+
+    #client-first-name,
+    #client-last-name {
+        margin-bottom: 16px;
+    }
+
+    #client-document,
+    #client-phone {
+        margin-bottom: 12px;
+    }
+
+    p.client-first-name,
+    p.client-last-name,
+    p.client-document,
+    p.client-phone {
+        @media (max-width: 1024px) {
+            width: 49.48%;
+        }
+
+        @media (max-width: 992px) {
+            width: 49.4%;
+        }
+
+        @media (max-width: 864px) {
+            width: 49.3%;
+        }
+
+        @media (max-width: 767px) {
+            width: 49.2%;
+        }
+
+        @media (max-width: 491px) {
+            width: 45% !important;
+        }
+    }
+
+    #go-to-shipping {
+        margin: 0 0 44px 0;
+
+        @include mq(xg, min) {
+            height: 61px;
+            font-size: 28px;
+            line-height: 38px;
+            padding: 12px 141px;
+        }
+    }
+
+    #client-first-name,
+    #client-last-name,
+    #client-document,
+    #client-phone,
+    #client-company-ie,
+    #client-company-document {
+        width: 141px;
+
+        @include mq(xg, min) {
+            width: 273px;
+        }
+    }
+
+    #client-first-name,
+    #client-last-name,
+    #client-document,
+    #client-phone {
+        @media (max-width: 1024px) {
+            width: 100%;
+        }
+    }
+
+    #client-first-name,
+    #client-document {
+        @media (max-width: 1024px) {
+            margin-right: 14px;
+        }
+    }
+
+    #opt-in-newsletter,
+    #state-inscription {
+        width: 18px;
+        height: 18px;
+
+        @include mq(xg, min) {
+            width: 34px;
+            height: 34px;
+        }
+    }
+
+    .newsletter,
+    .checkbox {
+        margin: 12px 0;
+    }
+
+    .newsletter-text,
+    .exempt-si-text {
+        margin-left: 8px;
+    }
+
+    .checkbox {
+        display: flex;
+        align-items: center;
+    }
+
+    .corporate-title {
+        font-family: $font-family;
+        font-style: normal;
+        font-weight: 700;
+        font-size: 14px;
+        line-height: 19px;
+        color: $color-gray2;
+
+        @include mq(xg, min) {
+            font-size: 32px;
+            line-height: 37px;
+        }
+    }
+
+    #not-corporate-client,
+    #orderform-minicart-to-cart,
+    #is-corporate-client {
+        font-family: $font-family;
+        font-style: normal;
+        font-weight: 400 !important;
+        font-size: 12px;
+        line-height: 16px;
+        text-align: right;
+        color: $color-black2 !important;
+
+        @include mq(xg, min) {
+            font-size: 24px;
+            line-height: 33px;
+        }
+
+        .items {
+            margin: 25px 0;
+        }
+    }
+
 	.client-pre-email {
 		border-color: $color-black2;
 		font-family: $font-family;
@@ -8,6 +206,13 @@
 
         .client-pre-email-h label {
             margin-top: 0;
+
+            @media (max-width: 1024px) {
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-wrap: wrap;
+            }
         }
 
 		.link-cart {
@@ -25,12 +230,22 @@
                     line-height: 33px;
                 }
 
+                @media (max-width: 1024px) {
+                    font-size: 10px;
+                    line-height: 12px;
+                    padding-right: 16px;
+                }
+
 				&:hover {
 					color: lighen($color-black, 10);
 				}
 			}
 		}
 
+        #checkoutMainContainer {
+            margin-bottom: 92px;
+        }
+
 		.pre-email {
 			flex-direction: column;
 			display: flex;
@@ -38,6 +253,10 @@
 			justify-content: center;
             margin-top: 65px;
 
+            @media (max-width: 1024px) {
+                padding: 0 16px;
+            }
+
 			h3 {
 				margin-bottom: 16px;
                 width: 825px;
@@ -46,6 +265,10 @@
                     width: 1631px;
                 }
 
+                @media (max-width: 860px) {
+                    width: 100%;
+                }
+
 				span,
                 small {
 					font-family: $font-family-secundary;
@@ -62,6 +285,17 @@
                         line-height: 47px;
                         margin-bottom: 23px;
 				    }
+
+                    @media (max-width: 1024px) {
+                        font-size: 14px;
+                        line-height: 16px;
+                        margin-bottom: 0;
+                    }
+
+                    @media (max-width: 590px) {
+                        font-size: 12px;
+                        line-height: 14px;
+                    }
                 }
 			}
 		}
@@ -74,6 +308,14 @@
                 width: 990px;
             }
 
+            @media (max-width: 1024px) {
+                width: 100%;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-wrap: wrap;
+            }
+
 			input {
 				box-shadow: none;
 				color: $color-black2;
@@ -81,7 +323,7 @@
 				padding: 15px 14px;
 				border: 1px solid $color-black2;
 				box-sizing: border-box;
-				border-radius: 5px;
+				border-radius: 5px 00 5px;
                 width: 443px;
                 height: 50px;
                 font-style: normal;
@@ -95,6 +337,23 @@
                     font-size: 24px;
                     line-height: 33px;
                 }
+
+                @media (max-width: 1024px) {
+                    width: 85%;
+                }
+
+                @media (max-width: 860px) {
+                    width: 82%;
+                }
+
+                @media (max-width: 590px) {
+                    width: 66.3% !important;
+                    border-radius: 5px;
+                }
+
+                @media (max-width: 490px) {
+                    width: 100% !important;
+                }
 			}
 
 			button {
@@ -125,12 +384,32 @@
                     padding: 12px 17px;
                 }
 
-				@media (max-width: 490px) {
-					height: 48px;
+                @media (max-width: 1024px) {
+                    width: 14.7%;
+                    right: 2px;
+                    padding: 12px 0;
+                }
+
+                @media (max-width: 860px) {
+                    width: 18%;
+                }
+
+                @media (max-width: 590px) {
+                    width: 33.7%;
+                }
+
+                @media (max-width: 490px) {
+					height: 52px;
 					margin: 0;
 					position: absolute;
+                    right: -2px;
 				}
 
+                @media (max-width: 340px) {
+                    font-size: 12px;
+                    line-height: 16px;
+                }
+
                 &:hover {
                     background-color: $color-blue3;
                 }
@@ -160,12 +439,19 @@
 			border: 1px solid $color-black2;
 			border-radius: 5px;
             width: 400px;
-            height: 150px;
-            margin-bottom: 92px;
+            min-height: 150px;
 
             @include mq(xg, min) {
                 width: 776px;
-                height: 238px;
+                min-height: 238px;
+            }
+
+            @media (max-width: 1024px) {
+                width: 343px;
+            }
+
+            @media (max-width: 375px) {
+                width: 91.47%;
             }
 
 			h3 {
@@ -225,16 +511,129 @@
 		}
 	}
 
+    .step {
+        margin: 0;
+    }
+
+    .box-info,
+    .notification {
+        font-family: $font-family;
+        font-style: normal;
+        font-weight: 400;
+        font-size: 14px;
+        line-height: 19px;
+        color: $color-gray2;
+        padding-top: 15px;
+        padding-bottom: 28px;
+        margin: 0;
+
+        @include mq(xg, min) {
+            font-size: 28px;
+            line-height: 38px;
+        }
+    }
+
+    .email,
+    .name,
+    .tel {
+        font-style: normal;
+        font-weight: 400;
+        font-size: 12px;
+        line-height: 16px;
+
+        @include mq(xg, min) {
+            font-size: 24px;
+            line-height: 33px;
+        }
+    }
+
+    .client-profile-email {
+        margin-bottom: 0;
+    }
+
 	.shipping-data,
 	.payment-data,
 	.client-profile-data {
-		.accordion-group {
-			border-radius: 0;
+
+        .accordion-group {
+            border-radius: 0;
             border: 1px solid $color-gray3;
 			font-family: $font-family;
-			padding: 16px;
+			padding: 24px 17px 0px;
             border-radius: 8px;
             box-shadow: none;
+            width: 100%;
+            margin-bottom: 17px;
+
+            @include mq(xg, min) {
+                padding: 24px 34px 0px;
+            }
+
+            @media (max-width: 1024px) {
+                padding: 0 16px;
+            }
+
+            .ship-country,
+            .ship-postalCode,
+            .ship-street,
+            .ship-number,
+            .ship-complement,
+            .ship-neighborhood,
+            .ship-city,
+            .ship-state,
+            .ship-receiverName {
+                width: 100%;
+
+                label {
+                    font-family: $font-family;
+                    font-style: normal;
+                    font-weight: 700 !important;
+                    font-size: 12px;
+                    line-height: 16px;
+                    color: $color-gray2 !important;
+
+                    @include mq(xg, min) {
+                        font-size: 24px;
+                        line-height: 33px;
+                    }
+                }
+            }
+
+            #ship-country,
+            #ship-postalCode,
+            #ship-street,
+            #ship-number,
+            #ship-complement,
+            #ship-neighborhood,
+            #ship-city,
+            #ship-state,
+            #ship-receiverName {
+                border: 1px solid #E0E0E0;
+                border-radius: 8px;
+                height: 35px;
+                width: 100%;
+                outline: none;
+
+                @include mq(xg, min) {
+                    height: 61px;
+                    font-size: 28px;
+                    line-height: 38px;
+                }
+
+                option {
+                    font-family: $font-family;
+                    font-style: normal;
+                    font-weight: 400;
+                    font-size: 12px !important;
+                    line-height: 16px !important;
+                    color: $color-gray2;
+
+                    @include mq(xg, min) {
+                        font-size: 14px !important;
+                        line-height: 18px !important;
+                    }
+                }
+            }
 
 			.accordion-heading {
                 .accordion-toggle {
@@ -244,26 +643,18 @@
                     font-size: 16px;
                     line-height: 19px;
                     color: $color-black;
-                    padding: 0
-                }
+                    padding: 0;
 
-                .accordion-toggle-active {
+                    @include mq(xg, min) {
+                        font-size: 32px;
+                        line-height: 37px;
+                    }
 
-                    span {
-                        font-size: 0;
-                        &::after {
-                            content: "Identificação";
-                            font-family: $font-family-secundary;
-                            font-style: normal;
-                            font-weight: 400;
-                            font-size: 16px;
-                            line-height: 19px;
-                            color: $color-black;
-                            margin-top: 24px;
-                            padding: 0;
-                        }
+                    @media (max-width: 1024px) {
+                        margin-top: 24px;
                     }
                 }
+
 				span {
 					i::before {
 						fill: #303030;
@@ -308,6 +699,12 @@
 
 					.help.error {
 						color: $color-red;
+
+                        @include mq(xg, min) {
+                            font-size: 24px;
+                            line-height: 32px;
+                            white-space: nowrap;
+                        }
 					}
 				}
 
@@ -347,6 +744,14 @@
                     align-items: center;
                     cursor: pointer;
 
+                    @include mq(xg, min) {
+                        font-size: 28px;
+                        line-height: 38px;
+                        height: 63px;
+                        padding: 12px 110px;
+                        margin-top: 27px;
+                    }
+
 					&:hover {
 						background: $color-blue3;
 					}
@@ -359,11 +764,47 @@
 				/* Shipping configurations */
 
 				.ship-postalCode small a {
-					color: #303030;
-					font-weight: 500;
 					text-decoration: underline;
+                    font-family: $font-family;
+                    font-style: normal;
+                    font-weight: 400;
+                    font-size: 12px;
+                    line-height: 16px;
+                    color: $color-black;
+                    margin-left: -10px;
+
+                    @include mq(xg, min) {
+                        font-size: 24px;
+                        line-height: 33px;
+                    }
 				}
 
+                .vtex-omnishipping-1-x-geolocationTitle {
+                    font-style: normal;
+                    font-weight: 700;
+                    font-size: 14px;
+                    line-height: 18px;
+                    color: $color-gray2;
+
+                    @include mq(xg, min) {
+                        font-size: 28px;
+                        line-height: 36px;
+                    }
+                }
+
+                .vtex-omnishipping-1-x-subtitle {
+                    font-style: normal;
+                    font-weight: 400;
+                    font-size: 12px;
+                    line-height: 16px;
+                    color: $color-gray2;
+
+                    @include mq(xg, min) {
+                        font-size: 24px;
+                        line-height: 33px;
+                    }
+                }
+
 				.vtex-omnishipping-1-x-deliveryGroup {
 					p {
 						color: #303030;
@@ -405,7 +846,7 @@
 					color: #303030;
 					padding: 12px;
 
-					@include mq(md, max) {
+                    @include mq(md, max) {
 						background-position: 8px 9px;
 					}
 
@@ -439,13 +880,18 @@
 				}
 
 				.vtex-omnishipping-1-x-deliveryOptionActive {
-					text-shadow: 1.3px 1px lighten($color-black, 50);
-                    color: #000;
+                    color: $color-black;
                     font-style: normal;
                     font-weight: 400;
                     font-size: 14px;
                     line-height: 19px;
                     text-transform: uppercase;
+                    padding: 9px 0;
+
+                    @include mq(xg, min) {
+                        font-size: 28px;
+                        line-height: 38px;
+                    }
 				}
 			}
 		}
@@ -455,6 +901,11 @@
         border: 1px solid $color-black !important;
     }
 
+    .vtex-omnishipping-1-x-deliveryChannelsToggle {
+        background-color: white !important;
+        border: 1px solid $color-black !important;
+    }
+
     .vtex-omnishipping-1-x-deliveryOptionInactive {
         width: 50%;
         color: #c4c4c4;
@@ -463,19 +914,541 @@
         font-size: 14px;
         line-height: 19px;
         text-transform: uppercase;
+        padding: 9px 0;
+
+        @include mq(xg, min) {
+            font-size: 28px;
+            line-height: 38px;
+        }
     }
 
-    /*.shipping-data,
-	.payment-data {
+    .vtex-omnishipping-1-x-addressFormPart1 {
+        margin-bottom: 10px;
 
+        @include mq(xg, min) {
+            margin-bottom: 11px;
+        }
+    }
+
+    .vtex-omnishipping-1-x-addressFormPart1 input {
+        width: 100%;
+        max-width: 100%;
+        height: 45px;
+        border: 1px solid $color-gray6 !important;
+        border-radius: 8px !important;
+        outline: none;
+        margin-bottom: 10px;
+
+        @include mq(xg, min) {
+            height: 61px;
+            margin-bottom: 11px;
+        }
+    }
+
+    .vtex-omnishipping-1-x-shippingSectionTitle {
+
+        font-family: $font-family;
+        font-style: normal;
+        font-weight: 700 !important;
+        font-size: 14px !important;
+        line-height: 19px;
+        letter-spacing: 0.05em;
+        color: $color-gray2 !important;
+        margin-bottom: 11px;
+
+        @include mq(xg, min) {
+            font-size: 28px !important;
+            line-height: 38px;
+        }
+    }
+
+    .vtex-omnishipping-1-x-svg,
+    input[type='radio']:checked + .vtex-omnishipping-1-x-leanShippingIcon {
+        background-repeat: no-repeat;
+        background-size: 18px;
+        width: auto;
+        height: 18px;
+        cursor: pointer;
+        display: block;
+
+        @include mq(xg, min) {
+            background-size: 34px;
+            height: 34px;
+        }
+    }
+
+    .vtex-omnishipping-1-x-svg,
+    input[type='radio']:checked + .vtex-omnishipping-1-x-leanShippingIcon {
+        background-image: url(" https://agenciamagma.vteximg.com.br/arquivos/icon-radios-input-M3Academy.png");
+    }
+
+    input[type='radio']:checked + .vtex-omnishipping-1-x-leanShippingIcon {
+        background-image: url(" https://agenciamagma.vteximg.com.br/arquivos/icon-radios-input-Active-M3Academy.png");
+    }
+
+    .vtex-omnishipping-1-x-leanShippingOptionActive {
+        background: #f2f2f2 !important;
+    }
+
+    #delivery-packages-options {
+        border: 1px solid #E0E0E0;
+        border-radius: 8px;
+    }
+
+    .delivery-address-title {
+        font-size: 12px !important;
+        line-height: 16px;
+
+        @include mq(xg, min) {
+            font-size: 24px !important;
+            line-height: 33px;
+        }
+    }
+
+    .vtex-omnishipping-1-x-leanShippingTextLabel,
+    .vtex-omnishipping-1-x-leanShippingOption,
+    .vtex-omnishipping-1-x-optionPrice {
+        font-family: $font-family;
+        font-style: normal;
+        font-weight: 400;
+        font-size: 12px;
+        line-height: 16px;
+        color: $color-gray2 !important;
+
+        @include mq(xg, min) {
+            font-size: 24px;
+            line-height: 33px;
+        }
+    }
+
+    .vtex-omnishipping-1-x-leanShippingTextLabel {
+        letter-spacing: 0.05em;
+    }
+
+    #find-pickups-manualy-button-denied {
+        background-color: $color-blue2;
+        border: 1px solid $color-blue2;
+        border-radius: 8px;
+        font-family: $font-family;
+        font-style: normal;
+        font-weight: 700;
+        font-size: 12px;
+        line-height: 16px;
+        color: $color-white;
+        padding: 11px 60px;
+        margin-bottom: 16px;
+
+        @include mq(xg, min) {
+            font-size: 24px;
+            line-height: 33px;
+            padding: 11px 110px;
+            margin-bottom: 25px;
+        }
+
+        &:hover {
+            background-color: $color-blue3;
+        }
+
+        &:active {
+            background-color: $color-gray4;
+        }
+    }
+
+    .shipping-data,
+	.payment-data {
         .accordion-heading {
             .accordion-toggle {
-                &::after {
-                    content: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png");
-                    cursor: pointer;
+                background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png");
+                background-repeat: no-repeat;
+                background-position: right;
+                background-size: 20px;
+                cursor: pointer;
+                width: auto;
+                height: 20px;
+
+                @include mq(xg, min) {
+                    background-size: 38px;
+                    height: 40px;
+                }
+            }
+
+            .accordion-toggle-active {
+                display: none;
+            }
+        }
+    }
+
+    #shipping-data {
+        margin-bottom: 0;
+
+        @media (max-width: 1024px) {
+            margin: 0;
+            width: 100%;
+        }
+    }
+
+    #payment-data {
+        @media (max-width: 1024px) {
+            margin: 0;
+            width: 100%;
+        }
+    }
+
+    .payment-data .payment-group {
+        @media (max-width: 767px) {
+            margin: 0 0 10px;
+        }
+    }
+
+    .payment-data .steps-view {
+        @media (max-width: 979px) {
+            width: 100%;
+        }
+    }
+
+    .hproduct {
+        a {
+            .photo {
+                width: 60px;
+                max-width: 60px;
+                height: 60px;
+                object-fit: cover;
+                margin-right: 7px;
+
+                @include mq(xg, min) {
+                    width: 116px;
+                    max-width: 116px;
+                    height: 116px;
+                    margin-right: 13px;
                 }
             }
         }
 
-    }*/
+        .quantity {
+            display: none;
+        }
+
+        .price {
+            font-family: $font-family;
+            font-style: normal;
+            font-weight: 400;
+            font-size: 12px;
+            line-height: 16px;
+            text-align: right;
+            color: $color-black !important;
+            white-space: nowrap;
+
+            @include mq(xg, min) {
+                font-size: 24px;
+                line-height: 33px;
+            }
+        }
+    }
+
+    .cart-template .cart-fixed .cart {
+
+        li {
+            display: flex;
+            align-items: center;
+        }
+    }
+
+    .shp-method-option-text {
+        text-shadow: none;
+    }
+}
+
+.checkout-container .shipping-data .accordion-group .accordion-inner .vtex-omnishipping-1-x-deliveryGroup .shp-lean label {
+    background: none;
+}
+
+.checkout-container .shipping-data .accordion-group .accordion-inner .vtex-omnishipping-1-x-deliveryGroup .shp-lean label svg path {
+    fill: transparent;
+}
+
+.checkout-container .client-profile-data .accordion-group .accordion-heading a {
+    background-color: $color-white;
+
+    &::before {
+        content: "";
+        border: none;
+        background-image: url("https://agenciamagma.vteximg.com.br/arquivos/lapisM3Academy.png");
+        background-repeat: no-repeat;
+        background-position: right;
+        background-size: 20px;
+        cursor: pointer;
+        width: 20px;
+        height: 20px;
+
+        @include mq(xg, min) {
+            background-size: 38px;
+            width: 38px;
+            height: 38px;
+        }
+    }
+}
+
+.checkout-container .client-profile-data .accordion-group .accordion-heading .accordion-toggle {
+    font-size: 0;
+
+    &::after {
+        content: "Identificação";
+        font-family: $font-family-secundary;
+        font-style: normal;
+        font-weight: 400;
+        font-size: 16px;
+        line-height: 19px;
+        color: $color-black;
+        margin-top: 24px;
+        padding: 0;
+
+        @include mq(xg, min) {
+            font-size: 32px;
+            line-height: 37px;
+        }
+    }
+}
+
+.street,
+.neighborhood,
+.city,
+.state-delimiter,
+.state,
+#force-shipping-fields {
+    font-family: $font-family;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 16px;
+    color: $color-gray2;
+
+    @include mq(xg, min) {
+        font-size: 24px;
+        line-height: 33px;
+    }
+}
+
+#force-shipping-fields {
+    color: $color-blue2;
+}
+
+.checkout-container .shipping-data .accordion-group .accordion-inner .address-summary {
+    border-radius: 8px;
+    border-color: #E0E0E0;
+}
+
+.checkout-container .shipping-data .accordion-group .accordion-heading a{
+    background-color: $color-white;
+}
+
+.vtex-omnishipping-1-x-SummaryItemContent {
+    .vtex-omnishipping-1-x-SummaryItemInfo {
+        border-right: none;
+    }
+}
+
+#open-shipping {
+    display: none;
+}
+
+.vtex-omnishipping-1-x-SummaryItemContent {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start !important;
+}
+
+.postalCode,
+.number,
+.checkout-container .shipping-data .accordion-group .accordion-inner .shp-summary-package,
+.checkout-container .shipping-data .accordion-group .accordion-inner .shp-summary-group-price {
+    font-family: $font-family;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 12px;
+    line-height: 16px;
+    color: $color-gray2;
+
+    @include mq(xg, min) {
+        font-size: 24px;
+        line-height: 33px;
+    }
+}
+
+.checkout-container .shipping-data .accordion-group .accordion-inner .shp-summary-group-price {
+    margin-left: 5px;
+}
+
+.payment-group-item {
+    background: $color-gray3;
+    mix-blend-mode: normal;
+    opacity: 0.3;
+    border: 1px solid $color-black2;
+    border-radius: 6px;
+    margin-bottom: 12px;
+    margin-left: 0;
+    padding: 0;
+    width: 209px;
+    height: 50px;
+    cursor: pointer;
+
+    @include mq(xg, min) {
+        width: 406px;
+    }
+
+    @media (max-width: 1024px) {
+        width: 100%;
+    }
+}
+
+.payment-group-list-btn {
+    @media (max-width: 1024px) {
+        width: 100%;
+    }
+}
+
+.payment-group-item.active {
+    background: rgba(220, 221, 227, 0.3);
+    mix-blend-mode: normal;
+    border: 1px solid #F15A31;
+    border-radius: 6px;
+}
+
+.payment-group-item-text {
+    font-family: $font-family;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 24px;
+    letter-spacing: -0.01em;
+    color: #58595B;
+    text-align: center;
+    padding: 13px;
+    white-space: nowrap;
+    margin: 0 4px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding-right: 0;
+    padding-left: 0;
+
+    @include mq(xg, min) {
+        font-size: 24px;
+        line-height: 33px;
+        padding-top: 5px;
+        padding-bottom: 5px;
+    }
+}
+
+#show-gift-card-group {
+    font-family: $font-family;
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 24px;
+    letter-spacing: -0.01em;
+    color: #58595B;
+    text-align: center;
+
+    @include mq(xg, min) {
+        font-size: 24px;
+        line-height: 33px;
+    }
+}
+
+.cart-template .cart-fixed .cart ul li .shipping-date {
+    text-align: right;
+}
+
+.steps-view {
+    width: 61.4%;
+
+    @include mq(xg, min) {
+        width: 63.9%;
+    }
+
+    @media (max-width: 1230px) {
+        width: 58%;
+    }
+
+    @media (max-width: 1024px) {
+        width: 100%;
+    }
+}
+
+.box-payment-group2,
+.box-payment-pinpad h3,
+.input-xlarge,
+.payment-pix-step-text {
+
+    @include mq(xg, min) {
+        font-size: 22px;
+        line-height: 28px;
+    }
+}
+
+.input-xlarge {
+
+    @include mq(xg, min) {
+        height: 50px;
+    }
+
+    @media (max-width: 767px) {
+        max-width: 100%;
+    }
+
+    option {
+        font-size: 14px;
+        line-height: 18px;
+    }
+}
+
+.payment-pix-step-number {
+    @include mq(xg, min) {
+        font-size: 24px;
+        line-height: 28px;
+    }
+}
+
+.mercadopago-payment-methods .span4 p,
+.payment-mercadopago-container-methods .box-img .pt-arg p {
+    @include mq(xg, min) {
+        font-size: 20px;
+        line-height: 24px;
+    }
+}
+
+.row-fluid .orderform-template.active {
+    @media (max-width: 1024px) {
+        display: flex;
+    }
+}
+
+body .container-main.container-order-form .orderform-template.active .orderform-template-holder {
+    @media (max-width: 1024px) {
+        width: 100%;
+    }
+}
+
+.row-fluid {
+    @media (max-width: 1024px) {
+        display: flex;
+        flex-direction: column;
+        width: 100%;
+    }
+}
+
+.row-fluid [class*=span]:first-child {
+    @media (max-width: 1024px) {
+        width: 100%;
+    }
+}
+
+#postalCode-finished-loading {
+    @media (max-width: 1024px) {
+        width: 30.176%;
+    }
+
+    @media (max-width: 600px) {
+        width: 100%;
+    }
 }
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
index fb24649..6d1f729 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-carrinho.scss
@@ -10,12 +10,15 @@
 
 .cart-template {
     font-family: $font-family;
+
     @include mq(md, max) {
-        padding: 0 0;
+        padding: 0;
     }
+
     .item-unit-label {
         display: none;
     }
+
     .cart {
         border: 1px solid $color-gray3;
         box-sizing: border-box;
@@ -27,6 +30,10 @@
             padding: 16px 31px;
         }
 
+        @media (max-width: 1024px) {
+            height: 91px;
+        }
+
         @include mq(md, max) {
             margin: 0px 0 25px 0;
             border-left: none;
@@ -34,12 +41,22 @@
             border-radius: 0;
         }
     }
+
     .cart-fixed.affix {
         position: relative !important;
     }
+
     .cart-fixed {
         font-family: $font-family;
         width: 100%;
+        border: 1px solid $color-gray5;
+        border-radius: 8px;
+        height: 330px !important;
+
+        @include mq(xg, min) {
+            height: 480px !important;
+        }
+
         h2 {
             background: $color-white;
             border: none;
@@ -49,6 +66,15 @@
             font-weight: 400;
             font-size: 16px;
             line-height: 19px;
+            text-align: left;
+            margin: 24px 0 18px 0;
+            padding: 0 16px;
+
+            @include mq(xg, min) {
+                font-size: 32px;
+                line-height: 37px;
+                padding: 0 34px;
+            }
         }
 
         .item-unavailable {
@@ -60,7 +86,7 @@
         }
 
         .cart {
-            border: 1px solid $color-gray4;
+            border: 1px solid $color-gray5;
 
             ul li {
                 border-top: none;
@@ -83,11 +109,13 @@
         .summary-template-holder {
             border-top: none;
             background: $color-white;
+            padding: 0 16px;
         }
 
         #go-to-cart-button a {
-            color: #303030;
+            color: $color-black;
             text-decoration: underline;
+            padding-right: 16px;
         }
 
         .summary-totalizers {
@@ -111,6 +139,15 @@
             text-align: center;
             letter-spacing: 0.05em;
             text-transform: uppercase;
+            padding: 12px 91px;
+            white-space: nowrap;
+            margin-top: 20px;
+
+            @include mq(xg, min) {
+                font-size: 28px;
+                line-height: 38px;
+                padding: 12px 173px;
+            }
 
             &:hover {
                 background: lighten($color-black, 5);
@@ -120,6 +157,17 @@
                 background: darken($color-black, 5);
             }
         }
+
+        .icon-lock:before {
+            display: none;
+        }
+
+        .summary-cart-template-holder {
+            .cart {
+                margin-bottom: 0;
+                border: none;
+            }
+        }
     }
 
     .lookatme {
@@ -129,6 +177,11 @@
     .cart-items {
         .product-item {
             padding: 16px 0;
+
+            @media (max-width: 1024px) {
+                display: flex;
+                flex-direction: column;
+            }
         }
 
         th {
@@ -146,6 +199,10 @@
                 line-height: 33px;
             }
 
+            @media (max-width: 1024px) {
+                display: none;
+            }
+
             @include mq(md, max) {
                 &.quantity-price,
                 &.shipping-date {
@@ -189,6 +246,14 @@
                 height: 146px;
             }
 
+            @media (max-width: 1024px) {
+                margin-top: -17px;
+            }
+
+            @media (max-width: 490px) {
+                margin-top: -27px;
+            }
+
             img {
                 height: 60px;
                 max-width: 60px;
@@ -203,6 +268,11 @@
             }
         }
 
+        .fn {
+            width: 200px;
+            white-space: break-spaces;
+        }
+
         .product-name {
             padding: 0;
             font-family: $font-family-secundary;
@@ -211,9 +281,12 @@
             font-size: 12px;
             line-height: 14px;
             color: $color-black2;
+            width: auto;
 
             @include mq(xg, min) {
                 width: 600px;
+                font-size: 24px;
+                line-height: 28px;
             }
 
             @include mq(lg, max) {
@@ -236,16 +309,26 @@
                     margin-left: 31px;
                 }
 
-                &:hover {
-                    color: darken($color-blue, 10);
-                    text-decoration: none;
+                @media (max-width: 1024px) {
+                    display: flex;
+                    margin-left: 76px;
+                    margin-top: -60px;
                 }
 
                 @media (max-width: 490px) {
                     margin-left: 23px;
+                    margin-top: -26px;
+                }
+
+                @media (max-width: 310px) {
+                    margin-left: 12px;
+                }
+
+                &:hover {
+                    color: darken($color-blue, 10);
+                    text-decoration: none;
                 }
             }
-
             .brand,
             .seller {
                 display: none !important;
@@ -265,6 +348,10 @@
                 line-height: 28px;
             }
 
+            @media (max-width: 1024px) {
+                display: none;
+            }
+
             @include mq(md, max) {
                 display: none;
             }
@@ -274,13 +361,18 @@
             min-width: 100px;
             text-align: left;
 
+            @media (max-width: 1024px) {
+                text-align: right;
+                bottom: 40px;
+            }
+
             @include mq(md, max) {
                 min-width: 78px;
             }
 
             @media (max-width: 490px) {
                 position: absolute;
-                bottom: 0;
+                bottom: 5px;
                 right: 0;
             }
 
@@ -353,8 +445,19 @@
                 padding: 21px 62px;
             }
 
+            @media (max-width: 1024px) {
+                display: flex;
+                margin-left: 76px;
+                margin-top: -100px;
+            }
+
             @media (max-width: 490px) {
                 margin-left: 84px !important;
+                margin-top: -10px;
+            }
+
+            @media (max-width: 310px) {
+               margin-left: 75px !important;
             }
 
             input {
@@ -443,6 +546,11 @@
         }
 
         .quantity-price {
+
+            @media (max-width: 1024px) {
+                display: none;
+            }
+
             .total-selling-price {
                 font-family: $font-family;
                 font-weight: 700;
@@ -460,9 +568,17 @@
         }
 
         .item-remove {
+            @media (max-width: 1024px) {
+               text-align: right;
+               margin-top: -92px;
+               width: auto;
+            }
+
             @media (max-width: 490px) {
                 top: 0;
+                margin-top: -25px;
             }
+
             .icon::before {
                 color: $color-gray6;
                 font-size: 15px;
@@ -474,6 +590,11 @@
                 @include mq(md, max) {
                     font-size: 18px;
                 }
+
+                @media (max-width: 490px) {
+                    font-size: 13.5px;
+                }
+
             }
         }
 
@@ -492,14 +613,24 @@
     }
 
     .summary {
+
+        @media (max-width: 1024px) {
+            display: flex;
+            flex-direction: column;
+        }
+
         .cart-more-options {
             margin: 0;
             width: max-content;
 
+            @media (max-width: 1024px) {
+                margin-bottom: 48px;
+            }
+
             .srp-container {
                 padding: 0 0 0 10px;
 
-                @include mq(md, max) {
+                @media (max-width: 1024px) {
                     padding: 0 16px;
                 }
 
@@ -539,6 +670,17 @@
                         max-width: none;
                         margin-bottom: 11px;
                     }
+
+                    @media (max-width: 310px) {
+                        max-width: 17rem;
+                    }
+                }
+
+                .onda-v1 .relative,
+                .vtex-shipping-preview-0-x-pc .ship-country {
+                    @media (max-width: 375px) {
+                        width: 100%;
+                    }
                 }
 
                 button.shp-open-options {
@@ -584,6 +726,10 @@
                     margin-bottom: 40px;
                 }
 
+                @media (max-width: 1024px) {
+                   margin-bottom: 0;
+                }
+
                 .srp-pickup-my-location__button {
                     background-color: $color-blue2;
                     border: none;
@@ -609,6 +755,10 @@
                         padding: 11px 63px;
                     }
 
+                    @media (max-width: 311px) {
+                        padding: 11px 18px;
+                    }
+
                     &:hover {
                         background-color: $color-blue3;
                     }
@@ -683,6 +833,11 @@
                 display: flex;
                 flex-direction: row;
 
+                .ship-postalCode {
+                    @media (max-width: 375px) {
+                        width: 63%;
+                    }
+                }
 
                 .ship-postalCode,
                 .ship-country {
@@ -717,6 +872,10 @@
                             font-size: 24px;
                             line-height: 28px;
                         }
+
+                        @media (max-width: 375px) {
+                            width: 100%;
+                        }
                     }
 
                     input {
@@ -741,6 +900,10 @@
                             padding: 13px 16px;
                             margin-bottom: 5px;
                         }
+
+                        @media (max-width: 375px) {
+                            width: 100%;
+                        }
                     }
 
                     & ~ button {
@@ -777,6 +940,16 @@
                             top: 136px;
                         }
 
+                        @media (max-width: 375px) {
+                            width: 35%;
+                            right: 0;
+                        }
+
+                        @media (max-width: 320px) {
+                            font-size: 12px;
+                            padding: 8px 5px;
+                        }
+
                         &:hover {
                             background-color: $color-blue3;
                         }
@@ -895,6 +1068,10 @@
                 width: 692px;
             }
 
+            @media (max-width: 1024px) {
+                width: 100%;
+            }
+
             .coupon-data {
                 margin-bottom: 0 0 10px 0;
 
@@ -949,12 +1126,26 @@
                         line-height: 28px;
                     }
 
+                    @media (max-width: 1024px) {
+                        padding: 0 16px;
+                    }
+
                 }
 
                 .coupon-fields {
                     margin-bottom: 54px;
                     display: flex;
 
+                    span {
+                        @media (max-width: 1024px) {
+                            width: 100%;
+                        }
+
+                        @media (max-width: 767px) {
+                            padding: 0 16px;
+                        }
+                    }
+
                     input {
                         background-color: $color-white;
                         border: 2px solid $color-gray5;
@@ -978,6 +1169,22 @@
                             width: 398px;
                         }
 
+                        @media (max-width: 1024px) {
+                            width: 84.4%;
+                        }
+
+                        @media (max-width: 767px) {
+                            width: 80.5%;
+                        }
+
+                        @media (max-width: 573px) {
+                            width: 58.6%;
+                        }
+
+                        @media (max-width: 370px) {
+                            width: 58%;
+                        }
+
                         &::placeholder {
                             padding: 1px 1px;
                         }
@@ -1013,6 +1220,25 @@
                             padding: 8px 50px;
                         }
 
+                        @media (max-width: 1024px) {
+                            margin-left: 5px;
+                            width: 14.5%;
+                        }
+
+                        @media (max-width: 767px) {
+                            padding: 8px 10px;
+                            width: 18%;
+                        }
+
+                        @media (max-width: 573px) {
+                            width: 39%;
+                        }
+
+                        @media (max-width: 370px) {
+                            width: 38%;
+                            padding: 8px 5px;
+                        }
+
                         &:hover {
                             background-color: $color-blue3;
                         }
@@ -1025,6 +1251,12 @@
             }
 
             .accordion-group {
+                @media (max-width: 1024px) {
+                    width: 96.8%;
+                    margin: auto;
+                    padding: 0 4px;
+                }
+
                 tr {
                     border-color: #e5e5e5;
 
@@ -1057,6 +1289,11 @@
                             text-align: right;
                         }
                     }
+
+                    .customTax {
+                        margin: 25px 0;
+
+                    }
                 }
 
                 tfoot {
@@ -1073,6 +1310,11 @@
                         @include mq(xg, min) {
                             font-size: 36px;
                             line-height: 49px;
+                        }
+                    }
+
+                    td.monetary {
+                        @include mq(xg, min) {
                             width: 250px;
                         }
                     }
@@ -1093,9 +1335,9 @@
             width: 688px;
         }
 
-        @include mq(md, max) {
+        @media (max-width: 1024px) {
+            width: 100%;
             padding: 0 16px;
-            width: calc(100% - 32px);
             float: none;
         }
 
@@ -1146,6 +1388,14 @@
                     padding: 12px 175px;
                 }
 
+                @media (max-width: 384px) {
+                    padding: 12px 95px;
+                }
+
+                @media (max-width: 370px) {
+                    padding: 12px 45px;
+                }
+
                 &:hover {
                     background: $color-blue3;
                 }
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss
index 9a52731..7116f21 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-pagamento.scss
@@ -4,6 +4,18 @@ body .container-main.container-order-form .orderform-template.active {
         margin-left: unset;
         margin-right: 0;
         float: right;
+
+        @media (max-width: 1024px) {
+            width: 100%;
+        }
+
+        .description {
+            margin-top: 0;
+
+            @media (max-width: 1024px) {
+                width: 100%;
+            }
+        }
     }
     .orderform-template-holder {
         width: 66.1132%;
diff --git a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
index 17c72e6..016a9b5 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout-vazio.scss
@@ -2,13 +2,17 @@
     margin-bottom: 0;
 }
 
+.row-fluid [class*="span"]:first-child {
+    margin-bottom: 20px;
+}
+
 .empty-cart {
 	font-family: $font-family;
 	&-content {
 		color: $color-black;
 		text-align: center;
 
-		@include mq(md, max) {
+        @include mq(md, max) {
 			padding: 0 16px;
 		}
 	}
diff --git a/checkout/src/arquivos/sass/checkout/_checkout.scss b/checkout/src/arquivos/sass/checkout/_checkout.scss
index 97cb451..a6d395e 100644
--- a/checkout/src/arquivos/sass/checkout/_checkout.scss
+++ b/checkout/src/arquivos/sass/checkout/_checkout.scss
@@ -5,6 +5,7 @@
 
 * {
     box-sizing: border-box;
+    outline: none;
 }
 
 html {
@@ -51,10 +52,19 @@ body {
             padding-left: 0;
         }
     }
+
+    .transactions-container {
+        display: none;
+    }
+
     .container-order-form,
     .container-cart {
         width: 96.875%;
 
+        @media (max-width: 1024px) {
+            width: 100%;
+        }
+
         @include mq(xm, min) {
             width: 80%;
         }
@@ -62,6 +72,10 @@ body {
         @include mq(xpp, max) {
             width: 91.4666%;
         }
+
+        @media (max-width: 767px) {
+            width: 100%;
+        }
     }
 }
 
@@ -98,6 +112,10 @@ body {
     @include mq(xm, min) {
         margin: 17px 0 16px;
     }
+
+    @media (max-width: 1024px) {
+        padding: 0 16px;
+    }
 }
 
 #orderform-title {
diff --git a/checkout/src/arquivos/sass/partials/_footer.scss b/checkout/src/arquivos/sass/partials/_footer.scss
index a29bff5..eca411f 100644
--- a/checkout/src/arquivos/sass/partials/_footer.scss
+++ b/checkout/src/arquivos/sass/partials/_footer.scss
@@ -5,8 +5,8 @@
         border-top: 1px solid $color-black2;
         align-items: center;
         display: flex;
-        padding: 22px 0;
-        
+        padding: 22px 0 !important;
+
         @include mq(xg, min) {
             padding: 30px 0;
         }
@@ -40,12 +40,12 @@
         text-transform: capitalize;
         grid-area: 2;
         margin: 16px 0 16px 0;
-        
+
         @include mq(xg, min) {
             font-size: 20px;
             line-height: 27px;
         }
-        
+
         @include mq(xm, min) {
             margin-right: auto;
 
@@ -58,7 +58,7 @@
         list-style: none;
         margin: 0;
         grid-area: 1;
-        
+
         @include mq(xm, min) {
             justify-self: center;
         }
@@ -74,15 +74,15 @@
             @include mq(xppp, max) {
                 gap: 1px;
             }
-            
+
             &__img {
                 width: auto;
                 height: 20px;
-                
+
                 @include mq(xg, min) {
                     height: 39px;
                 }
-                
+
                 @include mq(xppp, max) {
                     height: 17px;
                 }
@@ -96,7 +96,7 @@
             margin: 0 8px;
             width: 1px;
             margin: 0 10px 0 4px;
-            
+
             @include mq(xm, min) {
                 margin: 0 10px 0 13px;
             }
@@ -128,7 +128,7 @@
         list-style-type: none;
         margin: 0;
         grid: 3;
-        
+
         @include mq(xm, min) {
             margin-left: auto;
         }
@@ -180,7 +180,7 @@
             }
         }
     }
-    
+
     .desativado {
         display: none !important;
     }
diff --git a/checkout/src/arquivos/sass/partials/_prateleira.scss b/checkout/src/arquivos/sass/partials/_prateleira.scss
index bb61ef7..ed791ff 100644
--- a/checkout/src/arquivos/sass/partials/_prateleira.scss
+++ b/checkout/src/arquivos/sass/partials/_prateleira.scss
@@ -7,6 +7,10 @@
         width: 79.76%;
     }
 
+    @media (max-width: 1024px) {
+        width: 96.97%;
+    }
+
     .prateleira {
         &__title {
             font-family: $font-family-secundary;
@@ -36,15 +40,15 @@
 
         &__li {
             width: 242px;
-            display: flex;
+            display: flex !important;
             flex-direction: column;
             align-items: center;
-            
+
             @include mq(xg, min) {
                 width: 485px;
             }
         }
-        
+
         &__image {
             width: 242px;
             height: auto;
@@ -52,10 +56,47 @@
             margin-inline-start: 0px;
             margin-inline-end: 0px;
 
+            @media (min-width: 3500px) {
+                width: 500px !important;
+                padding: 12px 0;
+            }
+
             @include mq(xg, min) {
                 width: 485px;
                 margin-bottom: 21px;
             }
+
+            @media (max-width: 1279px) {
+                width: 200px !important;
+            }
+
+            @media (max-width: 1024px) {
+                width: 320px;
+            }
+
+            @media (max-width: 999px) {
+                width: 270px;
+            }
+
+            @media (max-width: 847px) {
+                width: 230px;
+            }
+
+            @media (max-width: 799px) {
+                width: 320px;
+            }
+
+            @media (min-width: 535px) {
+                width: 250px;
+            }
+
+            @media (max-width: 534px) {
+                width: 220px;
+            }
+
+            @media (max-width: 469px) {
+                width: 164px !important;
+            }
         }
 
         &__text {
@@ -79,7 +120,7 @@
                     line-height: 35px;
                 }
             }
-            
+
             a {
                 background-color: $color-blue2;
                 border-radius: 8px;
@@ -99,6 +140,11 @@
                 cursor: pointer;
                 margin-bottom: 56px;
 
+                @media (min-width: 3500px) {
+                    width: 500px !important;
+                    padding: 12px 0;
+                }
+
                 @include mq(xg, min) {
                     width: 485px;
                     height: 59px;
@@ -106,14 +152,58 @@
                     line-height: 35px;
                     padding: 12px 0 12px 0;
                 }
+
+                @media (max-width: 1279px) {
+                    width: 200px !important;
+                    padding: 12px 0;
+                }
+
+                @media (max-width: 1024px) {
+                    width: 320px;
+                }
+
+                @media (max-width: 999px) {
+                    width: 270px;
+                }
+
+                @media (max-width: 847px) {
+                    width: 230px;
+                }
+
+                @media (max-width: 799px) {
+                    width: 320px;
+                }
+
+                @media (min-width: 535px) {
+                    width: 250px;
+                }
+
+                @media (max-width: 534px) {
+                    width: 220px;
+                }
+
+                @media (max-width: 469px) {
+                    width: 164px !important;
+                    padding: 12px 0;
+                }
             }
-            
+
             ul {
                 display: flex;
                 width: fit-content;
                 gap: 10px;
                 margin: 20px 0 20px 0;
-                
+
+                @media (max-width: 1279px) {
+                    flex-wrap: wrap;
+                    justify-content: center;
+                }
+
+                @media (max-width: 469px) {
+                    flex-wrap: wrap;
+                    justify-content: center;
+                }
+
                 li {
                     background-color: $color-blue2;
                     border-radius: 8px;