@media screen and (max-width: 767px) {
    .centrado h1 {
        font-size: 1.5em
    }

    body {
        padding-bottom: 0;
        min-width: 0
    }

    div.jqi {
        width: 90%;
        left: 0;
        margin-left: 0
    }

    div.siguiente {
        margin: 0;
        border-top: thin solid lightgray;
        width: 100%,
    }

    #menu ul {
        height: 15.5em
    }

    div.flexslider {
        display: none
    }

    #wrap-login {
        margin: 0;
        width: 100%
    }

    #login-box {
        margin: 0;
        width: 100%
    }

    #login-form img {
        margin: 0;
        margin-bottom: 2em
    }

    #btn-login {
        margin-top: 1em
    }

    #mensaje {
        position: absolute;
        margin-top: 1em;
        left: 9em;
        width: 10em
    }

    #login-form form {
        margin-bottom: 1em
    }

    #top {
        min-width: 0
    }

    #top-logos {
        display: none
    }

    #top-cuenta {
        width: 100%
    }

    #barra {
        height: 5em;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    #barra a {
        display: none
    }

    #logo-phone {
        float: left;
        margin: 0
    }

    #top-carretilla {
        color: #014693;
        display: inline;
        float: right;
        height: 100%;
        width: 9em
    }

    #top-carretilla a {
        display: inline
    }

    #top-cantidad {
        position: absolute;
        top: 1em;
        font-size: 1.5em;
        right: 1em
    }

    #top-carretilla img {
        position: absolute;
        top: 1em;
        right: 3.5em
    }

    #top-total {
        position: absolute;
        top: 3.5em;
        font-size: 1.1em;
        right: 1em
    }

    #bienvenido {
        display: none
    }

    #menu {
        display: inline;
        margin: 0;
        width: 100%;
        background-color: none;
        background: none
    }

    #menu img {
        float: left;
        position: relative;
        top: -3em;
        left: .2em
    }

    #menu ul {
        display: none;
        position: relative;
        top: -2.2em;
        width: 100%;
        border: thin solid blue;
        background-color: none;
        background: none
    }

    #menu li {
        background-color: #014693;
        display: inherit;
        position: normal;
        padding: 1em;
        border: none;
        float: none;
        text-align: left
    }

    #busqueda {
        padding: 0;
        float: none;
        background-color: #DDD;
        width: 100%;
        height: 2.2em;
        padding-top: .7em;
        padding-bottom: .7em
    }

    #buscar {
        width: 100%;
        margin: 0;
        top: -35px;
        left: 6px;
        margin-right: 2.5em;
        background: #ddd
    }

    .navbar-brand {
        float: left;
        padding: 10px 5px;
        font-size: 18px;
        line-height: 20px;
        height: 40px;
        width: 75%
    }

    #btn-buscar {
        width: 4.5em;
        float: right;
        margin-right: .4em
    }

    #centro-busqueda {
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0
    }

    #centro-busqueda img.icono {
        left: 0
    }

    #titulo-busqueda {
        text-align: center;
        margin-bottom: .5em;
        font-size: 1em
    }

    .buscarphone {
        float: left;
        padding: 10px 5px;
        font-size: 18px;
        width: 65%;
        line-height: 20px;
        height: 40px
    }

    #contenido {
        min-width: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        clear: both
    }

    .filtros {
        width: auto;
    }

    #filtro-productos {
        text-align: center;
    }

    #mostrar_paginas {
        float: none !important;
    }

    #btn-filtros {
        text-align: center
    }

    #banner {
        display: none
    }

    #familias {
        left: 0;
        margin: 0;
        padding: 0;
        width: 98%;
        position: relative;
        width: 100%;
        top: -1.5em;
        height: auto;
        font-size: 1.1em
    }

    #familias table {
        margin-left: .3em;
        margin-right: .3em;
        margin-top: 15px
    }

    #centro {
        width: 100%;
        height: 0;
        margin: 0;
        padding: 0
    }

    img.icono {
        left: 0
    }

    #ver-todas {
        text-align: left
    }

    #ver-todas input {
        margin-left: .7em
    }

    #encabezado-familia {
        margin: 0;
        padding: 0;
        font-size: 1em;
        font-weight: 700;
        color: gray;
        position: relative;
        /*top: -10px*/
    }

    #encabezado-familia h3 {
        /*margin: 0;*/
        /*margin-bottom: 1.5em;*/
        position: relative;
        /*padding-left: 2.3em;*/
        width: 100%
    }

    #encabezado-familia img {
        /*left: .3em;*/
        /*margin-right: .5em*/
    }

    .fam-enc-img {
        /*left: .3em;*/
        /*margin-right: .5em;*/
        position: relative;
    }

    #subfamilias {
        /*margin: 0;*/
        /*padding: 0;*/
        position: relative;
        /*top: -2em;*/
        /*padding-left: 2em;*/
        /*margin-left: 0.5em;*/
        font-size: 1.1em;
        color: gray
    }

    div.subfamilia {
        margin: 0 0 1em;
        width: 100%;
        float: none;
    }

    #encabezado {
        margin: 0;
        padding: 0;
        width: 100%
    }

    #encabezado h3 {
        font-family: 'PT Sans Narrow', 'Myriad Roman', Arial, sans-serif;
        font-size: 14px;
        font-weight: 700;
        text-decoration: none;
        color: #0e4c90;
        padding-top: .3em;
        /*margin-left: .5em;*/
        /*height: 50px*/
    }

    #encabezado-footer {
        margin: 0;
        padding: 0;
        width: 100%
    }

    #inicio {
        display: block;
        height: 2.5em;
        background: #ECECEC;
        margin-bottom: .5em;
        cursor: pointer;
        position: relative;
        /*left: .3em;*/
    }

    #inicio img {
        margin: 0;
        margin-top: .5em;
        margin-left: .5em;
        padding-right: 1em
    }

    #inicio h3 {
        margin: 0;
        padding: 0;
        position: relative;
        left: 2em;
        top: -.95em;
        width: 3em
    }

    #familias td {
        padding-top: .4em
    }

    .historico-mas-comprados {
        padding-left: 1em
    }

    #productos {
        width: 100%;
        margin: 0;
        position: relative;
        clear: none;
        margin-top: 3em;
    }

    #productos p {
        display: none
    }

    div.producto {
        max-width: none;
        min-width: none;
        margin: 0;
        padding: 0;
        border: none;
        border-top: thin solid lightgray;
        padding-bottom: 1em
    }

    div.hecho {
        clear: both;
        margin-top: .5em
    }

    #productos img.icono {
        left: 0
    }

    .info, #wrap-producto {
        margin-bottom: .5em
    }

    #graficas {
        display: none
    }

    #lista-pedidos {
        width: 98%;
        margin: 0;
        padding: 0
    }

    div.pedido {
        border: none;
        border-top: thin solid lightgray;
        padding-top: 1em
    }

    span.pedido-texto {
        top: 0;
        left: 6em
    }

    .icono-pedido-numero span.pedido-texto {
        top: .6em;
        left: 0;
        text-align: left
    }

    div.exportar {
        display: none
    }

    div.excel h2 {
        margin-left: .3em
    }

    div.excel {
        border-bottom: none;
        margin-bottom: 1em
    }

    #carretilla {
        padding-bottom: 2em;
        margin: 0;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%
    }

    #detalle-carretilla {
        display: block
    }

    #detalle-carretilla h3, #detalle-carretilla span.subtotal {
        float: right
    }

    .item-detalle-carretilla {
        clear: both;
        border-top: thin solid lightgray;
        padding-top: 1em
    }

    .item-detalle-carretilla .precio {
        margin-top: .5em
    }

    .item-detalle-carretilla .nombre {
        margin-top: .5em;
        margin-right: 10%
    }

    #carretilla-vacia {
        font-size: 1.3em;
        margin-top: 1em;
        text-align: left
    }

    #carretilla h2 {
        width: 100%;
        color: #014693;
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 2em;
        text-align: center
    }

    .acciones-carretilla {
        padding: 0;
        font-size: .9em;
        margin: 0;
        margin-top: 0;
        margin-bottom: 1.5em
    }

    .acciones-carretilla .titulo {
        margin: 0;
        margin-left: -2em
    }

    .accion-carretilla {
        padding-top: 1em;
        cursor: pointer;
        text-align: left
    }

    #enviar-abajo {
        float: none;
        padding-bottom: 4em;
        position: relative;
        left: 25%;
        width: 10em
    }

    .accion-carretilla img {
        float: left;
        padding-right: .3em
    }

    .accion-carretilla span {
        position: relative;
        top: .5em;
        white-space: nowrap
    }

    #carretilla table {
        display: none
    }

    .borrar-linea {
        cursor: pointer;
        float: left
    }

    input.actualizar-linea {
        text-align: center;
        padding: .3em;
        position: relative;
        top: -.2em;
        left: .5em
    }

    div.item-detalle-carretilla {
        margin-top: 2em;
        margin-bottom: 2em
    }

    #checkout {
        padding-bottom: 2em;
        margin: 0;
        width: 98%;
        margin-left: 1%;
        margin-right: 1%
    }

    #checkout form {
        width: 95%;
        margin-left: auto;
        margin-right: auto
    }

    #checkout p {
        padding-left: 1em;
        padding-right: 1em;
        text-align: center;
        margin-top: 2em
    }

    #checkout h4 {
        border-top: thin solid lightgray;
        padding-top: 1em;
        font-size: 1.3em;
        margin-bottom: 1em
    }

    #detalle-checkout {
        display: block
    }

    #detalle-checkout h3, #detalle-checkout span.subtotal {
        float: right
    }

    #detalle-checkout .total {
        position: relative;
        top: 1em;
        padding: 0
    }

    .item-detalle-checkout {
        clear: both;
        border-top: thin solid lightgray;
        padding-top: 1em
    }

    .item-detalle-checkout .precio {
        margin-top: .5em
    }

    .item-detalle-checkout .nombre {
        margin-top: .5em;
        margin-right: 10%
    }

    #checkout h2 {
        width: 100%;
        color: #014693;
        margin-bottom: 0;
        margin-left: 0;
        margin-top: 2em;
        text-align: center
    }

    #checkout table {
        display: none
    }

    div.item-detalle-checkout {
        margin-top: 2em;
        margin-bottom: 2em
    }

    #confirmar-pedido {
        position: relative;
        left: 20%;
        margin-top: 100px
    }

    #tabs-mi-cuenta {
        display: none
    }

    #datos-mi-cuenta {
        display: block;
        padding-bottom: 8em
    }

    #datos-mi-cuenta div div {
        margin-bottom: .3em;
        font-size: .9em;
        white-space: normal;
    }

    div.estado-cuenta {
        margin: 0;
        width: 100%;
        margin-bottom: 1em
    }

    #wrap-estado-cuenta {
        padding-left: 1em;
        padding-right: 1em;
        width: auto
    }

    #datos-mi-cuenta div.acciones {
        width: 3em
    }

    #datos-mi-cuenta .editar {
        float: right
    }

    #datos-mi-cuenta .cancelar {
        float: right
    }

    #datos-mi-cuenta .editable {
        display: none;
        width: 100%
    }

    #datos-mi-cuenta .editable input {
        width: 100%;
        padding: .2em
    }

    #datos-mi-cuenta .editable select {
        width: 100%;
        padding: .2em;
        border: thin solid lightgray
    }

    .status_usuarios .radio label {
        font-size: .8em !important
    }

    .btn iconos {
        font-size: .8em !important
    }

    /*detalle de facturacion*/
    .campo-fecha-tel {
        padding-left: 4px !important;
        padding-right: 4px !important;
    }

    .facturacion {
        padding-left: 10px !important;
    }

    /*DETALLE DE PEDIDO*/
    .container-detalle-pedido h2 {
        padding-left: 6px !important;
    }

    .espacio-vertical span {
        line-height: 2.5;
    }

    .espacio-vertical p {
        text-align: center !important;
    }

    /*mi cuenta cobros*/
    .campo-anticipos {
        padding-left: 14px !important;
    }

    /*Estadistica de productos*/
    div.EstadisticaProducto {
        width: 48% !important;
        margin-bottom: 1em;
        padding-left: 20px;
    }

    /*MI PEDIDO*/
    .filtros {
        width: auto;
        padding: 0 5px;
    }

    #ver-todas {
        margin-left: 5px;
        margin-right: 5px;
    }

    .toma-pedido span {
        display: none;
    }

    #centro {
        padding-left: 0 !important;

    }

    .grafica-pedidos {
        padding-left: 5px;
    }

    /*Estadistica de productos*/
    .wrap-producto a {
        text-decoration: none;
    }

    .titulo-grafica-productos {
        padding-left: 5px;
    }

    .grafica-productos {
        padding-left: 5px;
    }

    #detalle-carretilla {
        padding: 0 10px;
    }

    #enviar-abajo {
        padding-bottom: 0em;

    }

    #carretilla {
        padding-bottom: 0em;
    }

    div.item-detalle-carretilla {
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }

    .item-detalle-carretilla .nombre {
        text-transform: lowercase;
    }

    .acciones-carretilla .titulo {
        margin: 0;
    }

    #carretilla h2 {
        margin-top: 1em;

    }

    #enviar-abajo {
        padding-bottom: 0em;

    }

    .izq {
        margin-top: -2px;
    }

    /*CONFIRMAR PEDIDO*/
    #checkout h2 {
        margin-top: 1em !important;
        font-size: 1.3em;
    }

    #detalle-checkout {
        padding: 0 5px;
    }

    div.item-detalle-checkout {
        margin-top: 0em;
        margin-bottom: 0.3em;
    }

    #datos-confirmar {
        padding: 0 5px;
    }

    #confirmar-pedido {
        top: 0px;
        margin-top: 0px;
    }

    .imprimir {
        margin-top: 15px;
        top: 15px;
    }

}

/*GLOBAL*/
.rank-producto {
    display: none;
}

}
.filtros label {
    text-transform: uppercase;
    margin: 0px !important;
}