/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {

    .noscroll {
        overflow: hidden;
        position: fixed;
    }

    .boton_flotante_filtros {
        position: fixed;
        bottom: 20px;
        left: 20px;
        color: #2c2e32;
        z-index: 1999;

    }

    .boton_flotante_filtros.abierto .fa-filter:before {
        content: '\f00d';
    }

    .fondo-filtro {
        position: fixed;
        top: 0;
        right: -100%;
        z-index: 2000;
        -webkit-font-smoothing: antialiased;
        /* to stop flickering of text in safari */

        transform-origin: 0% 0%;
        transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
        overflow: scroll;
        max-height: 100%;
        opacity: 0;
        box-shadow: -9px 5px 9px -6px rgba(0, 0, 0, 0.75);
        -webkit-box-shadow: -9px 5px 9px -6px rgba(0, 0, 0, 0.75);
        -moz-box-shadow: -9px 5px 9px -6px rgba(0, 0, 0, 0.75);
    }

    .fondo-filtro.abierto {
        right: 0;
        opacity: 1;
        overflow: scroll;
        -webkit-overflow-scrolling: touch;
    }

    .boton_flotante_filtros[data-count]:after{
        position:absolute;
        right:10%;
        top:8%;
        content: attr(data-count);
        font-size:75%;
        padding:.2em;
        border-radius:50%;
        line-height:1em;
        color: white;
        background:rgba(255,0,0,.85);
        text-align:center;
        min-width: 1.5em;
    }

    .product .product-bio .prodcut-title h3 a {
        font-size: 14px;
    }

    #listado_productos {
        padding-top: 30px;
    }

    .product .product-bio {
        padding: 10px 5px;
    }

}