@media only screen and (max-width: 1300px) {

    #ubi_logo{
        max-width: 210px;
    }

    #div-ubi_banner{
        height: 45em;
    }
}


@media only screen and (max-width: 1200px) {

    #ubi_logo{
        max-width: 210px;
    }

    #div-ubi_banner{
        height: 40em;
    }
}





@media only screen and (max-width: 950px) {

    #div_preg_cont_2{
        padding: 55px !important;
    }

    .font_50{
        font-size: 40px;
    }


    .bloq_banner{
        padding: 20px;
    }


    #div-ubi_banner{
        height: 35em;
    }

}


@media only screen and (max-width: 800px) {


    #div_preg_cont_2{
        padding-left:  30px !important;
        padding-right:  30px !important;
    }


    .ubi_menuI,#ubi_logo{
        width: 310px !important;
    }


    #div-ubi_banner{
        height: 30em;
    }

    .font_50{
        font-size: 30px;
    }

    .font_28{
        font-size: 26px;
    }

    .font_26{
        font-size: 24px;
    }

    .font_24{
        font-size: 22px;
    }



    .font_22{
        font-size: 20px;
    }


    .font_20{
        font-size: 18px;
    }

    .font_18{
        font-size: 16px;
    }


    .bloq_banner{
        padding: 10px;
    }

}

@media only screen and (max-width: 650px) {

    .dir_cont{
        width: 100% !important;
        text-align: center;
    }

    .dir_span{
        display: none;
    }

    .text_footer2{
        padding: 10px !important;
    }

    #lasist_{ 
        width: 240px !important;
    }


    #div-ubi_banner{
        height: auto;
    }

    .div_preg_I,.div_preg_D{
        width: 100%;
        padding:0px !important;
    }


    .div_preg_I{
        border: 0px;
        padding:0px !important;
        margin-bottom: 30px;
    }

    .bloq_banner{
        margin-top: 12% !important;
    }

    .bloq_banner{
        padding: 5px;
        width: 80%;
        /*        top: 25%;
                left: 5%;*/
    }


    .ubi_bloqueI,.ubi_bloqueD{
        width: 100%;
    }

    .ubi_bloqueI{
        text-align: center;
    }

    .ubi_bloqueI img{
        width: 80%;
    }
}


@media only screen and (max-width: 550px) {

    #ubi_logo{
        width: 195px !important;
    }

    .separador{
        margin-bottom: 5px;
    }

    .max_pantalla{
        padding: 10px;
    }

    .bloq_banner{
        background: rgba(104,171,221,0.5);
        width: 90% !important;
        /*display: none;*/
    }

    #form_login{
        width: 300px;
    }

    .ubi_menu{
        padding-top: 0px;
        padding-bottom: 10px; 
    }

    .bloq_banner .font_18{
        font-size: 12px;
        font-weight: bold;
    }

    .bloq_banner .font_50{
        font-size: 20px;
        font-weight: bold;
    }


}


@media only screen and (max-width: 480px) {

    .bloq_banner_span{
        display: none !important;
    }

}

@media only screen and (max-width: 400px) {

    .bloq_banner_span{
        display: none !important;
    }

    #div_preg_cont_2{
        padding: 20px !important;
    }

    /*    #ubi_logo{
            width: 160px !important;
        }*/

    .bloq_banner{
        margin-top: 14% !important;
        margin-left: 3% !important;
        width: 94% !important;
        padding: 3px !important;
    }

    .bloq_banner .font_50{
        font-size: 16px  !important;
    }

    #p_boton{
        padding: 0px !important;
        margin: 0px !important;
        margin-top: -15px !important;
    }
    #p_boton a{
        font-size: 12px !important; 
    }

    .div_preg_cont .max_pantalla{
        padding: 20px !important;
    }

    .div_preg_I,.div_preg_D{
        /*        padding: 30px !important;*/
        padding-bottom: 0px !important;
    }



    .ubi_menuI,#ubi_logo{
        width: 160px !important;

    }
    .ubi_menuD{
        margin-top: -15px !important;
    }

    .ubi_bloqueI img{
        width: 100%;
    }

    .ubi_menuI{
        margin-left: 0px;
    }


}