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

    #main-wrapper {
        width: 100%;
        padding: 10px;
    }

    .header_azul {
        width: 100%;
        height: auto;
        /*font-size: 13px;*/
    }

    .HeaderPracticas {
        width: 100%;
        padding: 0px;
        border: 0px solid greenyellow;
        text-align: left;
        padding-left: 5px;
    }

    .ComboCuestionarios {
        width: 98%;
        /*font-size: 14px;*/
        font-weight: bold;
    }

    .CajaPrincipal {
        width: 100%;
        height: auto;
        padding: 0px;
        border: 0px solid red;

    }

    .CajaPregunta {
        width: 100%;
        height: auto;
        border: 0px solid blue;
        height: 200px;
        overflow-x: auto;
        margin: 2px;
        font-weight: bold;
        /*font-size: 12px; */
    }

    .CajaRespuestasIndividual {
        width: 100%;
        height: auto;
        border: 0px solid green;
        background-color: transparent;
        margin-top: 5px;
        /* font-size: 12px; */
        font-weight: bold;
        cursor: pointer;
    }

    .LabelPracticas {
        width: 100%;
        text-align: center;
        color: black;
        font-weight: bold;
        /*font-size: 12px; */
    }

    .CuadroTextoPregunta {
        width: 50px;
        height: 20px;
        text-align: center;
        /*  font-size : 12px; */
        font-weight: bold;
        /* background-color: red;*/
    }

    .ClaseReloj {
        /* height: 20px; */
        margin-top: 0px;
        /*font-size: 12px;        */
    }

    .button_DIV {
        height: 30px !important;
    }


}