@media (max-width:1199px){

    .contentvalaszto{
        flex-flow: column;
    }    

    .mainpanel {
        margin: 4px;
        overflow: hidden;
    }

    .fomenu {
        flex-flow: wrap;
        gap: 2px;
    }

    .fomenu button {
        margin: 4px;
        padding: 4px;
    }

    .quiz_magyarazat {
       float: none;
    }

    /*.valasz_tarolo {
       height: calc(100vh - 18em);
    }*/

    .tartalomtarolo {
        height: calc(100vh - 7em);
    }

    button{
        padding: 4px;
        margin: 4px;
    }

    .quiz_practice_control_bar {
        gap: 4px;
        width: 85%;
    }

    .tartalomtarolo{
        margin-left: 4px;
        margin-right: 4px;
        padding: 4px;
    }

    .practice_akerdes h2{
        text-align: center;
        margin: 0.25em;
    }

    .login_box_inner tr {
        display: grid;
    }

}