@media (max-width:1199px){

    .contentvalaszto{
        flex-flow: column;
        max-height: 80vh;
        margin: 4px;
        padding: 4px;
    }    

    .mainpanel {
        margin: 4px;
        overflow: hidden;
        max-width: calc(100dvw - 2em);
        max-height: calc(100dvh - 5em);
        top: 4em;
    }

    .fomenu {
        flex-flow: wrap;
        gap: 1em;
    }

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

    .quiz_magyarazat {
       float: none;
    }

    .valasz_tarolo {
        height: 80dvh;
        max-height: 80dvh;
        padding-bottom: 5em;
        box-sizing: border-box;
    }

    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;
    }

    .stat_graph_kat_cimke{
        font-size: smaller;
    }

    /*.stat_graph_kategoriacsoport{
        padding: 0px
    }*/

    .stat_graph_kategorialista{
        padding-top: 0.2em;
        margin-top: 0.2em;
    }

    .jelzobogyo{
        padding: 0.1em;
    }

    #tabok{
        max-width: 90dvw;
    }

    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 0.5em 0.5em;
        background: none;
    }

    .dynamic_st_data {
        max-height: calc(100dvh - 7em);
    }

    .stat_szakmavalaszto{
        font-size: 0.75em!important;
    }

    .tagify{
        max-width: 70dvw;
    }

    .menucard{
        overflow: hidden;
        width: 70dvw;
        gap: 1em;
        min-height: 3em;
        margin-bottom: 0.5em;
    }

    .cookie_policy{
        width: 90dvw;
    }

    .onlyinmobileview{
        display: block;
    }

    .onlywideview{
        display: none;
    }

    .menurendezo{
        margin-right: 0px;
    }

    .loginmain td {
        display: block;
    }

    .QA_kartya{
        height: auto;
    }

    .QA_kartya .controlgroup{
        font-size: 0.5em;
    }

    .QA_kartya .controlgroup .ui-selectmenu-button.ui-button{
        display: flex;
    }

    .qa_card, .qa_card_meta {
        width: 80dvw;
        min-height: 55dvh;
        border-radius: 1em;
        box-sizing: border-box;
        padding: 0px;
        margin: 0px;
        font-size: 0.9em;
        height: 70dvh;
        box-sizing: border-box;
        margin-bottom: 2em;
    }

    .kartyapakli {
        display: flex;
        justify-content: center;
        width: 86dvw;
        overflow: hidden;
        margin: 4px;
        height: auto;
    }

    .fomenu_focim{
        margin: 0px;
        padding: 0px;
        font-size: smaller;
        text-align: center;
    }

    .ui-selectmenu-menu {
        font-size: small;
    }

    .ui-helper-clearfix::before, .ui-helper-clearfix::after{
        display: flex;
    }

    .fiokadatok_holder{
        max-width: 90dvw;
        overflow-x: hidden;
        box-sizing: border-box;
        max-height: 83dvh;
    }

    .szem_adatok_tabla {
        margin-left: auto;
        margin-right: auto;
        width: 80dvw;
        box-sizing: border-box;
        word-break: break-word;
    }

    .tartalomtarolo{
        max-height:none;
    }

    .kartya_valasz {
        font-size: 0.9em;
    }

    .par_baloldal, .par_jobboldal {
        margin: 0px;
        padding: 4px;
    }

    .parosito_panel {
        max-width: 85dvw;
        overflow-x: hidden;
        gap: 4px;
    }

    .eredmenykiejlzo {
        max-height: calc(100vh - 8em);
    }

    .vizsga_elem{
        display: grid;
        grid-template-columns: 1fr;
        display: grid;
        grid-template-columns: 1fr;
        justify-items: center;
        gap: 0;
    }

    .road_to_success{
        display: flex;
        flex-flow: column;
        padding: 0.5em;
    }

    .szintelem{
        margin-left: auto;
        margin-right: auto;
        padding: 0.5em;
    }

    #voice_custom_handle, #sfx_custom_handle {
        font-size: small;
        width: 1.7em;
        height: 1.7em;
        display: grid;
        align-items: center;
        justify-content: center;
    }

    .password-condition {
        font-size: small;
    }

    #password-conditions li {
        width: 150%;
    }

    .statistics_holder{
        padding: 0px;
    }

    .smallholobox{
        padding: 0.5em;
        font-size: 1em;
        width: 80%;
    }

    .stat_perc_display, .stat_total_display, .stat_fail_display, .stat_succ_display{
        font-weight: normal;
    }

    .fourinarow{
        grid-template-columns: 1fr 1fr 1fr;
    }

    .aimage, .aimage img {
        max-width: 80dvw;
        max-height: 80dvw;
    }

    .thetext {
        grid-column: 1/3;
        padding: 4px;
        margin: 0.5em;
        grid-row: 1/3;
        border-radius: 1em;
        width: 98%;
    }

    .portrait video{
        height: 126px;
        width: 126px;
    }

    .portrait {
        grid-column: 1/3;
        height: 128px;
        width: 128px;
        box-shadow: 0px 0px 10px aqua, -30px 0px 50px aqua, 30px 0px 50px aqua;
    }

    .tutwin_main{
        justify-items: center;
        height: 98dvh;
        top: 1dvh;
        grid-template-rows: 3fr 2fr 1fr;
    }

    .tut_singlepage{
        width: 90%;
    }

    .tut_singlepage .tut_accordion div {
        display: grid;
        justify-content: center;
        align-items: center;
        height: 71dvh;
        text-align: center;
        width: 100%;
        font-size: 1.5em;
        overflow-y: auto;
    }
}