diff --git a/src/app/modules/pago-tarjeta/pago-tarjeta.component.html b/src/app/modules/pago-tarjeta/pago-tarjeta.component.html
index 1a76642..139f97f 100644
--- a/src/app/modules/pago-tarjeta/pago-tarjeta.component.html
+++ b/src/app/modules/pago-tarjeta/pago-tarjeta.component.html
@@ -9,7 +9,7 @@
         src="assets/img/logo-spot.svg">
     </div>
   </div>
-  <div class="h-85">
+  <div class="h-85 pago-tarjeta">
     <div class="row h-50 mx-0 justify-content-center text-center">
       <div class="col-7 p-5 h-auto align-self-end border border-secondary rounded">
         <img
diff --git a/src/app/modules/pago-tarjeta/pago-tarjeta.component.scss b/src/app/modules/pago-tarjeta/pago-tarjeta.component.scss
index 231785a..9067b3f 100644
--- a/src/app/modules/pago-tarjeta/pago-tarjeta.component.scss
+++ b/src/app/modules/pago-tarjeta/pago-tarjeta.component.scss
@@ -48,3 +48,7 @@
     transform: translateY(-10px);
   }
 }
+
+.pago-tarjeta.media-pantalla{
+  margin-top: 50px !important;
+}
diff --git a/src/app/modules/pago-tarjeta/pago-tarjeta.component.ts b/src/app/modules/pago-tarjeta/pago-tarjeta.component.ts
index 0ae313b..7ff5207 100644
--- a/src/app/modules/pago-tarjeta/pago-tarjeta.component.ts
+++ b/src/app/modules/pago-tarjeta/pago-tarjeta.component.ts
@@ -27,6 +27,12 @@ export class PagoTarjetaComponent implements OnInit {
         this.articuloService.idComanda = res.data;
         this.router.navigate(['mensaje-final']);
       }, err => console.error(err));
+    this.mediaPantalla();
   }
 
+  mediaPantalla() {
+    if ($('body').hasClass('media-pantalla')) {
+      $('.pago-tarjeta').addClass('media-pantalla');
+    }
+  }
 }
diff --git a/src/app/shared/footer/footer.component.ts b/src/app/shared/footer/footer.component.ts
index 28a0fac..a8ccb59 100644
--- a/src/app/shared/footer/footer.component.ts
+++ b/src/app/shared/footer/footer.component.ts
@@ -16,6 +16,6 @@ export class FooterComponent implements OnInit {
   }
 
   reducirPantalla() {
-    $('body,.reduce-card-1,.reduce-card-2,#content,.cat-content,.cat-btn,.cat-box,#boxCarrito,#headerPublicidad,#headerPad,.img-categoria,.carrito-articulo,.carrito-content,.modal-promo').toggleClass('media-pantalla');
+    $('body,.reduce-card-1,.reduce-card-2,#content,.cat-content,.cat-btn,.cat-box,#boxCarrito,#headerPublicidad,#headerPad,.img-categoria,.carrito-articulo,.carrito-content,.pago-tarjeta,.modal-promo').toggleClass('media-pantalla');
   }
 }