ajustes responsive

fuel/app/views/listacompra/modal_add_product.twig

@@ -8,7 +8,7 @@
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
 
                 <div class="text-center">
-                    <img src="assets/img/listacompra/add_producto.png" class="img-responsive-custom"/>
+                    <img src="assets/img/listacompra/add_producto.png" class="img-responsive-custom mt40"/>
                     <h2>AÑADIR PRODUCTO</h2>
                 </div>
 

fuel/app/views/listacompra/modal_delete.twig

@@ -7,7 +7,7 @@
             <div class="modal-body">
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                 <div class="text-center">
-                    <img src="assets/img/listacompra/delete.png" class="img-responsive-custom"/>
+                    <img src="assets/img/listacompra/delete.png" class="img-responsive-custom mt40"/>
                 </div>
                 <h2 class="text-center">¿BORRAR?</h2>
 

fuel/app/views/listacompra/modal_delete_all.twig

@@ -7,7 +7,7 @@
             <div class="modal-body">
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                 <div class="text-center">
-                    <img src="assets/img/listacompra/delete.png" class="img-responsive-custom"/>
+                    <img src="assets/img/listacompra/delete.png" class="img-responsive-custom mt40"/>
                 </div>
                 <h2 class="text-center">¿BORRAR?</h2>
 

fuel/app/views/menupersonalizado/index.twig

@@ -248,7 +248,7 @@
 
                 <div class="row">
                     <div class="col-md-6 col-md-offset-6">
-                        <button  class="btn btn-custom btn-menu-personalizado-light mt20" data-toggle="modal" data-target="#modalRecomendaciones"> Recomendaciones resto del día <i class="fa fa-angle-double-right"></i> </button>
+                        <button  class="btn btn-custom btn-menu-personalizado-light mt20" data-toggle="modal" data-target="#modalRecomendaciones"> Resto del día <i class="fa fa-angle-double-right"></i> </button>
                     </div>
                 </div>
             </div>

fuel/app/views/menupersonalizado/modal_resto_dia.twig

@@ -7,7 +7,7 @@
             <div class="modal-body">
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                 <div class="text-center">
-                  <img src="assets/img/menu_personalizado/recomendaciones.png" class="img-responsive-custom"/>
+                  <img src="assets/img/menu_personalizado/recomendaciones.png" class="img-responsive-custom mt40"/>
                     <h2>RECOMENDACIONES</h2>
                 </div>
 

fuel/app/views/menussaludables/menu/index.twig

@@ -128,7 +128,7 @@
                         </div>
                         <div class="row">
                             <div class="col-md-6 col-md-offset-6">
-                                <button  class="btn btn-custom btn-menus-saludables-light mt20" data-toggle="modal" data-target="#modalRecomendaciones"> Recomendaciones resto del día <i class="fa fa-angle-double-right"></i> </button>
+                                <button  class="btn btn-custom btn-menus-saludables-light mt20" data-toggle="modal" data-target="#modalRecomendaciones"> Resto del día <i class="fa fa-angle-double-right"></i> </button>
                             </div>
                         </div>
                     </div>

fuel/app/views/menussaludables/menu/modal_resto_dia.twig

@@ -7,7 +7,7 @@
             <div class="modal-body">
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                 <div class="text-center">
-                    <img src="assets/img/menus_saludables/recomendaciones.png" class="img-responsive-custom"/>
+                    <img src="assets/img/menus_saludables/recomendaciones.png" class="img-responsive-custom mt40"/>
                     <h2>RECOMENDACIONES</h2>
                 </div>
 

fuel/app/views/modals/modal_saved.twig

@@ -7,7 +7,7 @@
             <div class="modal-body">
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                 <div class="text-center">
-                    <img src="assets/img/save.png" class="img-responsive-custom"/>
+                    <img src="assets/img/save.png" class="img-responsive-custom mt40"/>
                 </div>
 
                 <div class="content text-center pb40">

public/assets/css/custom.css

@@ -233,6 +233,14 @@ input:checked + .slider:before {
     margin-top:40px;
 }
 
+@media (max-width:375px){
+    .title-box-border-box{
+        font-size:0.8em;
+        left:10px;
+        padding:10px;
+    }
+}
+
 /*----------------------------------------------------*/
 /*--------------BOTONES CORPORATIVOS------------------*/
 /*-------------------------------------------------------*/
@@ -245,11 +253,10 @@ input:checked + .slider:before {
 
 @media(max-width:600px){
     .btn-custom{
-
         font-size:16px;
-
     }
 }
+
 .btn i{
     font-size:20px!important;
 }
@@ -332,10 +339,28 @@ input:checked + .slider:before {
 
 @media (max-width:600px){
     .nav-tabs-menus-saludables>li>a, .nav-tabs-menus-saludables>li>a:focus, .nav-tabs-menus-saludables>li>a:hover {
+        font-size:10px;
+    }
+    .nav-tabs-menus-saludables>li.active>a, .nav-tabs-menus-saludables>li.active>a:focus, .nav-tabs-menus-saludables>li.active>a:hover {
+       font-size:10px;
+    }
+
+    .nav-tabs-menu-personalizado>li a,.nav-tabs-menu-personalizado>li a:hover, .nav-tabs-menu-personalizado>li a:focus, .nav-tabs-menu-personalizado>li a:active{
+        font-size:10px;
+    }
+    .nav>li>a {
+        position: relative;
+        display: block;
+        padding: 10px 8px;
+    }
+}
+
+@media (max-width:374px){
+    .nav-tabs-menus-saludables>li>a, .nav-tabs-menus-saludables>li>a:focus, .nav-tabs-menus-saludables>li>a:hover {
         font-size:8px;
     }
     .nav-tabs-menus-saludables>li.active>a, .nav-tabs-menus-saludables>li.active>a:focus, .nav-tabs-menus-saludables>li.active>a:hover {
-       font-size:8px;
+        font-size:8px;
     }
 
     .nav-tabs-menu-personalizado>li a,.nav-tabs-menu-personalizado>li a:hover, .nav-tabs-menu-personalizado>li a:focus, .nav-tabs-menu-personalizado>li a:active{
@@ -343,6 +368,21 @@ input:checked + .slider:before {
     }
 
 }
+
+@media (max-width:320px){
+    .nav-tabs-menus-saludables>li>a, .nav-tabs-menus-saludables>li>a:focus, .nav-tabs-menus-saludables>li>a:hover {
+        font-size:5px;
+    }
+    .nav-tabs-menus-saludables>li.active>a, .nav-tabs-menus-saludables>li.active>a:focus, .nav-tabs-menus-saludables>li.active>a:hover {
+        font-size:5px;
+    }
+
+    .nav-tabs-menu-personalizado>li a,.nav-tabs-menu-personalizado>li a:hover, .nav-tabs-menu-personalizado>li a:focus, .nav-tabs-menu-personalizado>li a:active{
+        font-size:5px;
+    }
+
+}
+
 /*----------------------------------------------------*/
 /*-------------TEXTOS, PADINGS, MARGINS------------------*/
 /*-------------------------------------------------------*/
@@ -578,6 +618,19 @@ a:focus {
         margin: 0 auto;
     }
 
+    .ac-custom label {
+        font-size: 0.8em;
+        padding: 0 0 0 40px;
+    }
+    .border-box {
+
+        padding: 15px;
+    }
+    .plr0{
+        padding-left:5px;
+        padding-right:5px;
+    }
+
 }
 
 /*----------------------------------------------GIF CARGA DE PAGINA----------------------*/