diff --git a/index.html b/index.html
index bcd9df2..7a6a648 100644
--- a/index.html
+++ b/index.html
@@ -58,7 +58,7 @@
         </style>
         <botonera-horizontal></botonera-horizontal>
         <div ng-view class="container contenedor"></div>
-        <div ng-controller="appWrapperDemoController" class="container d-none d-sm-block">
+        <div ng-controller="appWrapperDemoController" class="container d-none d-md-block">
             <div
                 class="btn-group-toggle"
                 data-toggle="buttons"
diff --git a/package.json b/package.json
index a7bd2ee..51a1b65 100644
--- a/package.json
+++ b/package.json
@@ -52,6 +52,7 @@
         "gulp-angular-templatecache": "^2.2.1",
         "gulp-htmlmin": "^5.0.1",
         "gulp-uglify": "^3.0.1",
+        "gulp-uglify-es": "^1.0.4",
         "jquery": "^3.3.1",
         "ladda": "1.0.6",
         "node-sass": "^4.9.4",
diff --git a/src/sass/_bootstrap.scss b/src/sass/_bootstrap.scss
index 8771ec2..de4df17 100644
--- a/src/sass/_bootstrap.scss
+++ b/src/sass/_bootstrap.scss
@@ -24,4 +24,24 @@
 }
 .tamaño-boton {
     width:44px;
+}
+.modal-content {
+    @media (max-width: 576px) {
+        height: auto;
+        height: 100%;
+        border-radius: 0;
+    }
+}
+.modal-dialog {
+    @media (max-width: 576px) {
+        width: 100%;
+        height: 100%;
+        margin: 0;
+        padding: 0;
+    }
+}
+.modal-body {
+    @media (max-width: 576px) {
+        overflow-y: auto;
+    }
 }
\ No newline at end of file
diff --git a/src/sass/_botonera-principal.scss b/src/sass/_botonera-principal.scss
index be69ce4..34802b3 100644
--- a/src/sass/_botonera-principal.scss
+++ b/src/sass/_botonera-principal.scss
@@ -4,6 +4,9 @@
         height: 130px;
         text-align: center;
         width: 180px;
+        @media (max-width: 576px) {
+            width: 100%;
+        }
     }
     button {
         background-image: url('../img/botonera.png');
@@ -24,10 +27,16 @@
     }
     &-menu {
         padding-left: 90px;
+        @media (max-width: 576px) {
+            padding: 0;
+        }
     }
     &-logo {
         width: 80%;
         opacity: .8;
+        @media (max-width: 576px) {
+            width: 100%;
+        }
     }
     &-vacio {
         & button {
@@ -77,4 +86,8 @@
             }
         }
     }
+    
+    .swiper-pagination {
+        bottom: 0px !important;
+    }
 }
diff --git a/src/sass/_contenedor.scss b/src/sass/_contenedor.scss
index 579d2d6..ec07f25 100644
--- a/src/sass/_contenedor.scss
+++ b/src/sass/_contenedor.scss
@@ -1,10 +1,15 @@
 body {
-    background-color: #cccccc;
+    @media (min-width: 768px) {
+        background-color: #cccccc;
+    }
+    @media (max-width: 768px) {
+        background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3);
+    }
 }
 
 .contenedor {
-    background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3);
     @media (min-width: 768px) {
+        background-image: radial-gradient(circle at 50% 50%, #ebecf1, #abaec3);
         min-height: 600px;
         min-width: 800px;
     }