@media (min-width: 1201px){
    .cremas {
        width: 100%;
        max-width: 40px;
    }
    p.letterS {
        font-size: 13px;
    }
    .poncho {
        margin: 0 auto 40px;;
    }
    .precio-regular u {
        position: absolute;
        top: 0px;
        text-decoration: none;
        left: -20px;
    }
}
@media (max-width: 1200px){
    .cremas {
        width: 100%;
        max-width: 40px;
    }
    p.letterS {
        font-size: 11px;
    }
}
@media (max-width: 992px){
    .box-produc-unic-multi {
        padding-top: 0;
    }
    p.letterS {
        font-size: 8.5px;
    }
    .politicas-precio {
        font-size: 5px;
    }
}
@media (max-width: 920px){
}
@media (max-width: 769px){
    
}
div#menuToggle{
    display: none;
}
@media (max-width: 830px){ 
    div#menuToggle{
        display: block !important;
    }
    .menu-header {
        flex-direction: column;
    }
    .logo-metro-fot, .menuDesk, .mouse { 
        display: none !important;
    }
    #menuToggle.menuMob{
        display: block;
        position: relative;
        top: 10px;
        right: inherit;
        z-index: 999;
    }
    .list-menu.active{
        height: 85vh;
     }
    .logo-metro{
        max-width: 70px;
        margin: 5px 0 0;
    }
    .tapa-res{
        display: block;
    }
    .tapa-desk{
        display:none;
    }
    #navigation {
        text-align: center;
        width: 100%;
        bottom: 0;
        z-index: 1;
    }
    .anterior {
        left: -40px;
        position: inherit;
    }
    .siguiente {
        position: inherit;
        right: -40px;
    }
    #footer{
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 59px;
    }
    #portada, #content-section{
        padding: 10px 0 70px;
    }
    .box-produc-unic{
        margin: 5px 0 25px;
        width: 100px;
        min-height: 230px;
    }
    .box-info{
        opacity: 1;
        font-size: 10px;
    }
    .espace{
        display: none;;
    }

}