/* *****************************************************************************
 * Diseño CSS para dispositivos móviles
 * *****************************************************************************/
@media screen 
and ( max-width: 600px ){
    /* *****************************************************************************
     * Nav login sección
     * *****************************************************************************/
    .nav-login{
        display: none;
    }
    
    /* *****************************************************************************
     * Barra de navegación 
     * *****************************************************************************/
    .om-navbar a:not(:first-child) {display: none;}
    .om-navbar a.icon {
        float: right;
        display: block;
    }

    .om-navbar.responsive {position: fixed; margin-bottom: 20px;}
    .om-navbar.responsive .icon {
        position: fixed !important;
        right: 0;
        top: 0;
    }
    .om-navbar.responsive a {
        float: none;
        display: block;
        text-align: left;
    }

    .login-btn-movil{
        display: inline;
    }
    /* *****************************************************************************
     * Sección Principal 
     * *****************************************************************************/
    #main{
        padding-top: 30px!important;
    }
    /* *****************************************************************************
     * Página de Inicio
     * *****************************************************************************/
    #seccion-inicial{
        position: absolute; 
        width: 390px !important;
        height: 500px !important;
        z-index: -1;
    }

    .img-inicial{
        width: 300px;
    }

    .sp-container h2 {
        position: relative;
        font-size: 30px;
        top: 50px;
        width: 100%;
        text-align: center;
        color: black;
    }
    /* *****************************************************************************
     * Página Sobre nosotros
     * *****************************************************************************/
    #img-about{
        display: none;
    }
    
    #mov-abaut{
        display: inline!important;
    }
    
    #img-cnc-maquinado{
        width:  200px;
    }
}