@media (max-width: 767px) {
    body{font-size: 122%}
    .name {
        font-size: 18px;
        padding: 5px 0px 5px 30px;
        width: 208px;
        line-height: 18px;
    }
    .razon{
        line-height: 9px; font-family: cronos-regular;
    }
    /*menu pincipal*/
    .movil{display: block}
    .no_movil{display: none}
    #menuAA .glyphicon {color:initial;}
    #menuAA a:hover {text-decoration: none;}
    #menuAA:target .open {display: none;}
    #menuAA .cerrar {display: none;}
    #menuAA:target .cerrar {display: block;}
    #menuAA:target ul ul {
        height: 664px !important;
        display: block !important;
    }
    .nav-pp:hover .no_movil~li ul{height: 0;}
    .nav-pp li li {
        float: none;
        width: 100% ;
        height: 80px;
        text-align: left;
        display: table;
        padding: 0px;
        font-size: 63%;
        border-bottom: 2px solid rgba(242, 242, 242, 0.3);
    }
    #menuAA li li:hover {
        padding: 0;
    }
    .nav-pp li li:last-child {
        width: inherit;
    }
    .nav-pp li li::before {
       display: none;
    }
    .imgnav {
        height: 80px;
        width: 80px;
        display: table-cell;
        background-size: 128px !important;
    }
    .imgnav+span{
        display: table-cell;
        vertical-align: middle;
        padding: 20px;
    }
        
    
    /*---------*/
    
    
    
    .intro {
        height: 334px;
    }
    .intro h1 {
        font-size: xx-large;
        width: 100%;
        padding-right: 11px;
    }
    .mnsection {
        margin: -122px -15px 0;
        width: calc(100% + 30px);
        padding: 0px;
    }
    .mnsection li {
        display: block;
        padding: 7px;
        background-color: #c9c9c9;
    }
    article {
        padding: 0;
    }
    section h1 {
        margin: 25px 0 10px 0;  
    }
    section h1::after {
        background-size: 204%; 
    }
    .icon_mt {
        float: none;
        margin-right: 3px;
        text-align: center;
        max-width: none;
    }
    h2 .icon_mt {
        float: right;
        margin-bottom: 0px;
        margin-left: 5px;
        line-height: 0;
        margin-top: -4px;
    }
    .icon_mt img {
        width: 60px;
        margin-right: 4px;
    }
    h2 .icon_mt img {
        margin: 0
    }
    .intro h1 img {
        display:none;
    }
    .capital {
        font: 600% 'Cronos-regular';
        line-height: 88px;
    }
    .mnaux {
        height: 0px;
        overflow: hidden;
        margin: 0px;
        bottom: -59px;
    }
    .mnaux li {padding: 0}
    footer{padding-bottom: 0}
    .up{bottom: 7px}
}