@media(max-width:767px)
{
    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9
    {
        position: relative;
        width: 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
    }
    .cont_nosos 
    {
        padding-top: calc(var(--width_pantalla) * (calc(5/var(--width_phone))));
    }
    .parr_nos_nos {
        padding: 10px;
        font-size: calc(var(--width_pantalla) * (calc(16/var(--width_phone))));
    }
    .back_img 
    {
        min-height: calc(var(--width_pantalla) * (calc(250/var(--width_phone))));
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }
    .img_val 
    {
        height: calc(var(--width_pantalla) * (calc(130/var(--width_phone))));
    }
    .title_pdmvc 
    {
        font-size: calc(var(--width_pantalla) * (calc(18/var(--width_phone))));
    }
    .parr_des_mvc 
    {
        font-size: calc(var(--width_pantalla) * (calc(16/var(--width_phone))));
    }
}
@media (min-width: 576px) and (max-width: 700px), handheld and (orientation: landscape) 
{
    .parr_nos_nos 
    {
        font-size: calc(var(--width_pantalla) * (calc(11/var(--width_phone))));
    }
    .img_val {
        height: calc(var(--width_pantalla) * (calc(85/var(--width_phone))));
    }
    .title_pdmvc {
        font-size: calc(var(--width_pantalla) * (calc(15/var(--width_phone))));
    }
    .parr_des_mvc {
        font-size: calc(var(--width_pantalla) * (calc(11/var(--width_phone))));
    }
}
@media (min-width:800px) and (max-width: 900px), handheld and (orientation: landscape)
{
    .cont_nosos {
        padding-top: calc(var(--width_pantalla) * (calc(50/var(--width_base))));
    }
    .parr_nos_nos
    {
        padding: 10px;
    }
}