@media only screen and (max-width: 1024px) 
{
    /* Media para tablets */
    #MenuHorizontal
    {
        min-height: 0px;
    }
}

@media only screen and (max-width: 800px) 
{
    /* Media para tablets */
    #MenuHorizontal
    {
        min-height: 0px;
    }
        
    #SectionContenidoPagina
    {
        opacity: 1 !important;
    }
    
    .BotonEstoyMasAbajoUbicacion
    {
        display: none !important;
    }
    
    #ContenidoMiniaturaFamilia
    {
        width: 100%;
    }
    
    .NombreProducto
    {
        width: 50%;
        margin-bottom: 0px;
    }
    
    #ContenidoMiniaturaMenu
    {
        width: 100%;   
        max-height: 100%;     
    }
    
    #ArticleContadorInicial
    {
        width: 100%;
    }
    
    #SectionMenuFooter
    {
        padding-left: 0px;
        padding-right: 0px;
        width: 100%;
        overflow: hidden;
    }
    
    #ArticleContactoInicio
    {
        width: 100%;   
    }
    
    .ContactoInicioFormulario
    {
        float: left;
        width: 50%;
        margin-left: 5%;
    }

    .ContactoInicioDireccion
    {
        float: left;
        margin-left: 10px;
        width: 40%;
        margin-right: 0px;
    }
    
    .ElementoMenuFooter 
    {
        float: none;
        margin-left: 0px !important;
        padding: 10px !important;
        display: block;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        margin-right: 0px !important;
    }
    
    .ContenedorContenidoNoticiaInicio 
    {
        margin-left: 0px;
    }
    
    .ElementoContadorInicial 
    {
        width: 50%;
    }
    
    .ArticleNoticias 
    {
        clear: both;
        width: 100%;
    }
    
    #FamiliasVertical
    {
        clear: both;
        width: 96%;
        margin-bottom: 10px;
        max-width: inherit;
        margin-left: 2%;
        margin-right: 2%;
    }
    
    #SectionProductosCatalogo
    {
        clear: both;
        width: 100%;
    }
}

@media only screen and (max-width: 600px) 
{
    /* Media para móviles */
        
    #CabecerasMenu
    {
        display: none;
    }
    
    .NombreProducto
    {
        width: 100%;
    }
    
    #CuatroColumnas
    {
            column-count: 2;
            -webkit-column-count: 2;
            -moz-column-count: 2;
    }
    
    #ContenidoMiniaturaMenu
    {
        max-height: 100%;
    }
    
    .ElementoContadorInicial 
    {
        float: none;
        clear: both;
        width: 100%;
        display: block;
        text-align: center;
    }
}

@media only screen and (max-width: 400px) 
{
    #CuatroColumnas
    {
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }


    
    .ImagenMenuMiniInicio {
        width: 95%;
    }
    
    #ContenidoMiniaturaMenu
    {
        max-height: 100%;
    }
    
    .ElementoContadorInicial
    {
        float: none;
        clear: both;
        display: block;
        text-align: center; 
    }
    
    #ArticleListadoComentariosInicio
    {
        width: 95%;
    }
    
    #ContenidoListadoComentarios
    {
        width: 95%;
    }
    
    .LineaSeparadoraComentariosInicio
    {
        width: 95%;
    }
    
    .ContactoInicioFormulario
    {
        clear: both;
        float: none;
        width: 90%;
        margin-left: 5%;
    }

    .ContactoInicioDireccion
    {
        display: none;
    }
}