/* 

#@media only screen and (max-width : 1025px)
#@media only screen and (min-width: 1024px) and (max-width: 1366px)


*/


@media only screen and (min-width: 1248px) and (max-width: 1366px){
    .report_back_header-wrapper.triple_block{
    }

    .btns_with_svg-wrapper{
        width: fit-content !important;
    }

    .btn_with_svg{
        width: fit-content;
        padding: 10px;
    }

    .btn_with_svg span{
        display: none;
    }

    .btn_with_svg svg{
        display: block;
    }

    .btn_with_svg:not(.werewolf_edit_btn) svg * {
        fill: #fff !important;
    }

    .btn_with_svg.werewolf_edit_btn svg * {
        stroke: #fff;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1248px){
    .report_back_header-wrapper.triple_block{
        grid-template-columns: 1fr auto;
    }

    .btns_with_svg-wrapper{
        width: fit-content !important;
    }

    .btn_with_svg{
        width: fit-content;
        padding: 10px;
    }

    .btn_with_svg span{
        display: none;
    }

    .btn_with_svg svg{
        display: block;
    }

    .btn_with_svg:not(.werewolf_edit_btn) svg * {
        fill: #fff !important;
    }

    .btn_with_svg.werewolf_edit_btn svg * {
        stroke: #fff;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1024px){
    .report_back_header-wrapper.triple_block{
        grid-template-columns: 1fr auto;
    }
}

@media only screen and (min-width: 640px) and (max-width: 991px){
    .report_back_header-wrapper.triple_block{
        grid-template-columns: 1fr auto;
    }

    .btns_with_svg-wrapper{
        width: fit-content !important;
    }

    .btn_with_svg{
        width: fit-content;
        padding: 10px;
    }

    .btn_with_svg span{
        display: none;
    }

    .btn_with_svg svg{
        display: block;
    }

    .btn_with_svg:not(.werewolf_edit_btn) svg * {
        fill: #fff !important;
    }

    .btn_with_svg.werewolf_edit_btn svg * {
        stroke: #fff;
    }
}
@media only screen and (max-width : 1140px) {
    .client_payments_item{
        flex-wrap: wrap;
        align-items: baseline;
        gap: 16px;
    }
    .client_payments_item .mobile_show{
        display: block;
    }
    .client_payments_header_table{
        display: none;
    }
    .client_payments_button{
        margin-top: auto;
        margin-bottom: 0;
    }
    
}
@media only screen and (max-width : 1024px) {
    .secondary_btn_wrapper {
        margin-top: 16px;
    }
    .secondary_btn_teacher_login{
        margin-left: inherit;
    }
    .sidebar__boxed_item{
        padding: 30px;
        margin-bottom: 0;
    }
    .sidebar__boxed_block .sidebar__boxed_item:last-child{
        padding-bottom: 30px;
    }
    .client_payment_qr_button::before{
        content: none;
    }
}

@media only screen and (max-width : 768px) {
    .boxed_block_info--right .user_schedule_value span:first-child{
        width: 30px;
    }
    .secondary_btn_wrapper{
        margin-top: 0;
    }
    .characteristic_pattern_item{
        gap: 0;
    }
    .average_marks_label {
        padding: 15px;
    }
    .teacher_page .triple_block{
        flex-direction: column;
        align-items: flex-start;
    }
    .stage_learning_mobile{
        grid-template-columns: 1fr!important;
    }
    .stage_learning_mobile .characteristic_pattern{
        grid-template-columns: 1fr!important;
        gap: 20px;
    }
    .test_statistics_block{
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }
    .user_comment_test .testing_input_info {
        min-width: 225px;
    }
}
@media only screen and (max-width : 767px) {
    .secondary_btn_wrapper{
        flex-direction: column;
    }
    .secondary_btn_wrapper .secondary_btn:first-child{
        margin-right: 0;
    }
    .secondary_btn_wrapper .secondary_btn{
        letter-spacing: 0;
    }
    .secondary_btn_teacher_login{
        text-align: center;
        grid-column-start: 1!important;
        grid-column-end: 3;
        width: 100%;
    }
    #journal_online .disabled_helper-wrapper{
        width: 100%;
    }
    .student_info_block--mobile{
        grid-template-columns: 1fr!important;
    }
    .split_block__col-3.journal_split_block{
        grid-template-columns: 1fr!important;
    }
    .user_journal_heading{
        padding-bottom: 10px;
    }
    .average_marks_checkbox_wrapper {
        justify-content: flex-start;
    }
    .teacher_page .journal_split_wrapper,
    .scores_test_wrapper .journal_split_wrapper, .test_statistics_block, 
    .test_statistics, .user_test_result_wrapper .form_top_wrapper{
        flex-direction: column-reverse;
        align-items: flex-start;
        gap: 20px;
    }
    .test_statistics, .test_statistics_block, .test_statistics_item,
    .user_test_result_wrapper .form_top_wrapper{flex-direction: column;}
    .test_statistics_item_value{text-align: left;}
    .test_statistics_item{align-items: flex-start;}
    .journal_split_block_left .characteristic_pattern{
        grid-template-columns: 1fr!important;
    }
    .journal_split_block_left{
        width: 100%;
        justify-content: space-between;
    }
    .teacher_page .medium_padding{
        padding: 24px 10px;
    }
    .client_payments_item_status{
        order: 1;
        width: 100%;
    }
    .client_payments_item_period{
        order: 2;
    }
    .client_payments_item_sum{
        order: 3;
    }
    .client_payments_item_student{
        order: 4;
        max-width: 100%;
    }
    .client_payments_button{
        order: 5;
        max-width: 100%;
        display: flex;
        flex-direction: column;
    }
    .client_payments_item{
        padding: 16px;
    }
    .client_payments_button.qr_payment_url{
        flex-direction: row;
        gap: 16px;
    }
    .fn_qr_payment_popup{
        padding: 32px!important;
    }
    .qr_payment_popup_wrapper{
        gap: 24px;
    }
    .qr_payment_text{
        font-size: 18px;
        line-height: 26px;
    }
    .client_payments_button br{
        display: none;
    }
    .qr_payment_image{
        width: 250px;
        height: 250px;
    }
    .fn_input_test_point{width: 100px;}
    .test_new_result_wrapper, .test_result_wrapper:first-child span:first-child{min-width: 220px;}
}
@media only screen and (max-width : 640px) {
    .btns_with_svg-wrapper{
        width: fit-content !important;
    }

    .btn_with_svg{
        width: fit-content;
        padding: 10px;
    }

    .btn_with_svg span{
        display: none;
    }

    .btn_with_svg svg{
        display: block;
    }

    .btn_with_svg:not(.werewolf_edit_btn) svg * {
        fill: #fff !important;
    }

    .btn_with_svg.werewolf_edit_btn svg * {
        stroke: #fff;
    }

    .breadcrumbs{
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow: auto;
        margin: 30px 10px;
        max-width: calc(100% - 20px);
    }

    .report_back_header-wrapper.triple_block{
        grid-template-columns: 1fr;
    }
    
    /* Only Chrome */
    .breadcrumbs::-webkit-scrollbar {width: 0;}
    .breadcrumbs::-webkit-scrollbar-thumb {background-color: transparent; background-clip: padding-box; border: 0px; border-radius: 0px; width: 0px;}
    .breadcrumbs::-webkit-scrollbar-track {background-color: transparent; }
    .breadcrumbs::-webkit-scrollbar-button {background-color: transparent; display: none;}
/* Only IE */
    .breadcrumbs{scrollbar-face-color: transparent; scrollbar-shadow-color: transparent; scrollbar-highlight-color: transparent;}
/* Only FireFox */
    .breadcrumbs{scrollbar-color: transparent transparent; scrollbar-width:none;}
    
    .article, .secondary_article{
        padding: 20px 10px;
    }

    .boxed_table .table_block-heading{
        padding: 0px 10px;
    }

    .boxed_block{
        padding: 30px 10px;
    }

    .student_info_block{
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .boxed_block_info{
        flex-direction: column;
    }
    .boxed_block_info--left{
        max-width: 100%;
    }
    .user_manager_phone {
        margin-bottom: 1rem;
    }
    .user_schedule_value{
        justify-content: start;
    }
    .table_block-heading-left{
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .online_test_item-answer_wrapper{
        flex-direction: column;
    }
    .online_test_match_words_wrapper .online_test_item-answer_options .answer_options_item{
        gap: 6px!important;
        grid-template-columns: repeat(1, 1fr)!important;
    }
    .online_test_match_words_wrapper .answer_options_item_left{
        align-items: baseline!important;
        gap: 0!important;
    }
}
@media only screen and (max-width: 360px){
    .average_marks_label {
        padding: 10px;
    }
    .test_new_result_wrapper, .test_result_wrapper:first-child span:first-child{min-width: 185px;}
    .fn_input_test_point {
        width: 75px;
    }
}