diff --git a/src/js/controller.js b/src/js/controller.js
index c817043..a4400bf 100644
--- a/src/js/controller.js
+++ b/src/js/controller.js
@@ -33,6 +33,7 @@ angular.module('focaCrearNotaPedido') .controller('notaPedidoCtrl',
             };
 
             $scope.cabecera = [];
+            $scope.showCabecera = false;
 
             $scope.now = new Date();
             $scope.puntoVenta = Math.round(Math.random() * 10000);
diff --git a/src/views/nota-pedido.html b/src/views/nota-pedido.html
index 70f3912..32c033d 100644
--- a/src/views/nota-pedido.html
+++ b/src/views/nota-pedido.html
@@ -5,30 +5,48 @@
                 <div class="row p-1 panel-informativo">
                     <div class="col-12">
                         <div class="row">
-                            <div class="col-5">
-                                <div class="h6">NOTA DE PEDIDO</div>
+                            <div class="col-12 col-sm-4 nota-pedido">
+                                <h5>NOTA DE PEDIDO</h5>
                             </div>
-                            <div class="col-3">Nº {{puntoVenta}}-{{comprobante}}</div>
-                            <div class="col-4 text-right">
+                            <div class="col-6 col-sm-4 numero-pedido">Nº {{puntoVenta}}-{{comprobante}}</div>
+                            <div class="col-6 col-sm-4 text-right">
                                 Fecha: {{ now | date:'dd/MM/yyyy HH:mm'}}
                             </div>
                         </div>
                         <div class="row">
-                            <div class="col-auto" ng-repeat="cab in cabecera">
+                            <div class="col-auto" ng-repeat="cab in cabecera" ng-show="showCabecera">
                                 <span class="label" ng-bind="cab.label"></span>
                                 <span class="valor" ng-bind="cab.valor"></span>
                             </div>
+                            <a 
+                                class="btn col-12 btn-secondary d-sm-none" 
+                                ng-show="cabecera.length > 0"
+                                ng-click="showCabecera = !showCabecera"
+                            >
+                                <i
+                                    class="fa fa-chevron-down"
+                                    ng-hide="showCabecera"
+                                    aria-hidden="true"
+                                >
+                                </i>
+                                <i
+                                    class="fa fa-chevron-up"
+                                    ng-show="showCabecera"
+                                    aria-hidden="true">
+                                </i>
+                            </a>
                         </div>
                     </div>
                 </div>
                 <div class="row p-1 botonera-secundaria">
                     <div class="col-12">
                         <div class="row">
-                            <div class="col-3 px-0 py-0" ng-repeat="boton in botonera">
+                            <div class="col-6 col-sm-3 px-0 py-0" ng-repeat="boton in botonera">
                                 <button
                                     type="button"
                                     class="btn btn-default btn-block btn-xs text-left py-2"
                                     ng-click="boton.accion()"
+                                    ng-class="{'d-none d-sm-block': boton.texto == ''}"
                                 >
                                     <i
                                         class="fa fa-arrow-circle-right"
@@ -45,18 +63,19 @@
         </div>
     </form>
     <div class="row">
-        <div class="col-md-10 col-lg-8 offset-md-1 offset-lg-2">
+        <div class="col-12 col-md-10 col-lg-8 offset-md-1 offset-lg-2">
+            <!-- PC -->
             <div class="row grilla-articulo align-items-end">
-                <table class="table table-striped table-sm table-dark tabla-articulo">
+                <table class="table tabla-articulo table-striped table-sm table-dark">
                     <thead>
-                        <tr>
-                            <th class="tabla-articulo-numero">#</th>
-                            <th class="tabla-articulo-codigo">Código</th>
-                            <th class="tabla-articulo-descripcion">Descripción</th>
-                            <th class="tabla-articulo-cantidad text-right">Cantidad</th>
-                            <th class="tabla-articulo-precio text-right">Precio Unitario</th>
-                            <th class="tabla-articulo-subtotal text-right">SubTotal</th>
-                            <th class="tabla-articulo-boton text-right">
+                        <tr class="d-flex">
+                            <th class="">#</th>
+                            <th class="col">Código</th>
+                            <th class="col-4">Descripción</th>
+                            <th class="col text-right">Cantidad</th>
+                            <th class="col text-right">Precio Unitario</th>
+                            <th class="col text-right">SubTotal</th>
+                            <th class="text-right">
                                 <button
                                     class="btn btn-outline-secondary selectable"
                                     ng-click="show = !show; masMenos()"
@@ -80,17 +99,18 @@
                         <tr
                             ng-repeat="(key, articulo) in articulosTabla"
                             ng-show="show || key == (articulosTabla.length - 1)"
+                            class="d-flex"
                         >
-                            <td class="tabla-articulo-numero" ng-bind="key + 1"></td>
+                            <td ng-bind="key + 1"></td>
                             <td 
-                                class="tabla-articulo-codigo" 
+                                class="col" 
                                 ng-bind="articulo.sector + '-' + articulo.codigo"
                             ></td>
                             <td 
-                                class="tabla-articulo-descripcion" 
+                                class="col-4" 
                                 ng-bind="articulo.descripcion"
                             ></td>
-                            <td class="tabla-articulo-cantidad text-right">
+                            <td class="col  text-right">
                                 <input
                                     ng-show="articulo.edit"
                                     ng-model="articulo.cantidad"
@@ -109,16 +129,16 @@
                                 </i>
                             </td>
                             <td 
-                                class="tabla-articulo-precio text-right" 
+                                class="col text-right" 
                                 ng-bind="articulo.precio | currency: '$'"
                             ></td>
                             <td
-                                class="tabla-articulo-subtotal text-right"
+                                class="col text-right"
                                 ng-bind="(articulo.precio * articulo.cantidad) | currency: '$'">
                             </td>
-                            <td class="tabla-articulo-boton text-center">
+                            <td class="text-center">
                                 <button
-                                    class="btn btn-outline-secondary btn-sm"
+                                    class="btn btn-outline-secondary"
                                     ng-click="quitarArticulo(key)"
                                 >
                                     <i class="fa fa-trash"></i>
@@ -127,26 +147,26 @@
                         </tr>
                     </tbody>
                     <tfoot>
-                        <tr ng-show="!cargando">
+                        <tr ng-show="!cargando" class="d-flex">
                             <td 
-                                class="tabla-articulo-numero align-middle" 
+                                class="align-middle" 
                                 ng-bind="articulosTabla.length + 1"
                             ></td>
-                            <td class="tabla-articulo-codigo">
+                            <td class="col">
                                 <input
                                     class="form-control"
                                     ng-model="articuloACargar.sectorCodigo"
                                     readonly
                                 >
                             </td>
-                            <td class="tabla-articulo-descripcion">
+                            <td class="col-3 tabla-articulo-descripcion">
                                 <input
                                     class="form-control"
                                     ng-model="articuloACargar.descripcion"
                                     readonly
                                 >
                             </td>
-                            <td class="tabla-articulo-cantidad text-right">
+                            <td class="col text-right">
                                 <input
                                     class="form-control"
                                     type="number"
@@ -157,20 +177,20 @@
                                     ng-keypress="agregarATabla($event.keyCode)"
                                 >
                             </td>
-                            <td class="tabla-articulo-precio text-right">
+                            <td class="col text-right">
                                 <input
                                     class="form-control"
                                     ng-value="articuloACargar.precio | currency: '$'"
                                     readonly
                                 >
                             </td>
-                            <td class="tabla-articulo-subtotal text-right">
+                            <td class="col text-right">
                                 <input
                                     class="form-control"
                                     ng-value="getSubTotal() | currency: '$'"
                                     readonly
                                 ></td>
-                            <td class="tabla-articulo-boton text-center align-middle">
+                            <td class="text-center align-middle">
                                 <button
                                     class="btn btn-outline-secondary"
                                     ng-click="agregarATabla(13)"
@@ -179,8 +199,8 @@
                                 </button>
                             </td>
                         </tr>
-                        <tr ng-show="cargando">
-                            <td colspan="7">
+                        <tr ng-show="cargando" class="d-flex">
+                            <td colspan="7" class="col-12">
                                 <input
                                     placeholder="Seleccione Articulo"
                                     class="form-control form-control-sm"
@@ -189,12 +209,12 @@
                                 />
                             </td>
                         </tr>
-                        <tr class="">
+                        <tr class="d-flex">
                             <td colspan="4">
                                 <strong>Cantidad Items:</strong>
                                 <a ng-bind="articulosTabla.length"></a>
                             </td>
-                            <td class="text-right table-celda-total"><h3>Total:</h3></td>
+                            <td class="text-right ml-auto table-celda-total"><h3>Total:</h3></td>
                             <td class="table-celda-total text-right" colspan="1">
                                 <h3>{{getTotal() | currency: '$'}}</h3>
                             </td>