<div class="menu-fixed">
    <div class="barra-social">
        <div class="container">

            <div class="lista-correo">
                <a class="logo-grande" href="#" rel="lightbox" data-lightbox-type="iframe" style="color:white" ;="">
                    <img src="<?php echo $CONST_URL; ?>views/img/logo-grande.png" alt="" width="200px">
                </a>

                <a class="logo-pequeño" href="#" rel="lightbox" data-lightbox-type="iframe" style="color:white" ;="">
                    <img src="<?php echo $CONST_URL; ?>views/img/logo-grande.png" alt="" width="100px">
                </a>

            </div>

            <div class="lista-social">
                <ul id="" class="">
                    <li id="" class="">
                        <a href="#nav-inicio">
                            Inicio
                        </a>
                    </li>
                    <li class="menu-obl" id="">
                        <a href="#nav-tour">
                            Tour
                        </a>
                    </li>
                    <li id="" class="">
                        <a href="#nav-noticias">
                            Noticias
                        </a>
                    </li>                    
                    <li id="" class="">
                        <a href="#nav-musica">
                            Musica
                        </a>
                    </li>
                    <li id="" class="">
                        <a href="#nav-bio">
                            Bio
                        </a>
                    </li>
                    <li id="" class="">
                        <a href="#nav-videos">
                            Videos
                        </a>
                    </li>
                    <li id="" class="">
                        <a href="#nav-contacto">
                            Contacto
                        </a>
                    </li>

                    <li id="" class="menu-menu">
                        <button onclick="mostrarMenu()">
                            <div class="menu-click">
                                Menu
                            </div>
                        </button>
                    </li>
                </ul>

            </div>
        </div>
    </div>
</div>

<div style="display: none;" class="menu-mobile" id="menuMobile">
    <div class="">
        <ul id="" class="">
            <li id="" class="">
                <a href="#nav-inicio">
                    Inicio
                </a>
            </li>
            <li id="" class="">
                <a href="#nav-noticias">
                    Noticias
                </a>
            </li>
            <li id="" class="">
                <a href="#nav-musica">
                    Musica
                </a>
            </li>
            <li id="" class="">
                <a href="#nav-bio">
                    Bio
                </a>
            </li>
            <li id="" class="">
                <a href="#nav-videos">
                    Videos
                </a>
            </li>
            <li id="" class="">
                <a href="#nav-contacto">
                    Contacto
                </a>
            </li>
        </ul>

    </div>
</div>

<script>
    function mostrarMenu() {
        var x = document.getElementById("menuMobile");
        if (x.style.display === "none") {
            x.style.display = "initial";
        } else {
            x.style.display = "none";
        }
    }
</script>