@media print, (max-width: 1023px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --sidebar_width: 100%;
        --font_size_title: 19px;
    }


    .content_flex .content
    {
        width: 100%;
        padding: 32px 24px 0;
    }



    /*--------------
        Fancybox
    --------------*/
    .fancybox__slide
    {
        padding: 24px;
    }



    /*----------------
        Page title
    ----------------*/
    .page_title
    {
        font-size: 24px;
    }

    .page_title .icon
    {
        width: 22px;
        height: 18px;
        margin-right: 12px;
    }



    /*---------------
        Back link
    ---------------*/
    .back_link a.big
    {
        font-size: 19px;
    }

    .back_link a.big .icon
    {
        width: 22px;
        height: 18px;
        margin-right: 12px;
    }



    /*-----------------
        Block title
    -----------------*/
    .block_title
    {
        font-size: 19px;
        line-height: 23px;
    }



    /*------------
        Header
    ------------*/
    header
    {
        display: none;
    }



    /*-----------------
        Mob. header
    -----------------*/
    .mob_header
    {
        display: block;
    }



    /*-------------
        Sidebar
    -------------*/
    aside
    {
        position: fixed;
        z-index: 90;
        top: 0;

        display: none;
        overflow: auto;

        height: 100%;
        min-height: -moz-available;
        min-height: -webkit-fill-available;
        min-height:         fill-available;
        padding: 18px 0;
    }


    aside .close_btn
    {
        display: flex;
    }



    /*----------------
        Block head
    ----------------*/
    .block_head .title
    {
        line-height: calc(100% + 4px);
    }



    /*----------------
        Typography
    ----------------*/
    .text_block h2
    {
        font-size: 19px;
        line-height: 23px;
    }



    /*-------------
        Welcome
    -------------*/
    .welcome .avatar
    {
        width: 52px;
        height: 52px;
    }

    .welcome .avatar .icon
    {
        width: 28px;
        height: 28px;
    }

    .welcome .avatar + *
    {
        width: calc(100% - 72px);
    }


    .welcome .name
    {
        font-size: 19px;
        line-height: 23px;
    }



    /*------------------
        Notification
    ------------------*/
    .notification .icon
    {
        width: 44px;
        height: 44px;
    }

    .notification .icon .count
    {
        font-size: 12px;
        line-height: 20px;

        top: -8px;
        right: -8px;

        width: 20px;
        height: 20px;
    }


    .notification .title
    {
        font-size: 19px;
        line-height: 23px;
    }



    /*-----------------
        Course info
    -----------------*/
    .course_info .name
    {
        font-size: 20px;
        line-height: 24px;
    }


    .course_info .steps
    {
        margin-top: 24px;
        padding: 20px;
    }

    .course_info .steps .title
    {
        font-size: 20px;
        line-height: 24px;
    }


    .course_info .steps .step
    {
        font-size: 15px;
    }



    /*----------------
        Error info
    ----------------*/
    .error_info
    {
        padding: 24px 52px;
    }


    .error_info .info
    {
        width: 100%;

        text-align: center;
    }


    .error_info .title
    {
        font-size: 32px;
        line-height: 38px;
    }


    .error_info .desc
    {
        font-size: 16px;
        line-height: 22px;
    }


    .error_info .code
    {
        width: 100%;
        text-align: center;
    }

    .error_info .code svg
    {
        width: 400px;
        margin: 0 auto;
        max-width: 100%;
    }



    /*----------
        Auth
    ----------*/
    .auth .data
    {
        width: calc(100% - 296px);
    }


    .auth .form .error_text
    {
        margin-bottom: 16px;

        white-space: normal;
    }


    .auth .form .error_icon
    {
        left: -24px;
    }



    .auth .contacts
    {
        width: 296px;
    }


    .auth .contacts .info
    {
        width: 216px;
    }


    .auth .contacts .desc
    {
        font-size: 14px;
        line-height: 18px;
    }


    .auth .contacts .item .name
    {
        font-size: 16px;
    }

    .auth .contacts .item .val
    {
        font-size: 14px;
        line-height: 18px;
    }


    .advice_item-title,
    .analitic_item-title {
        font-size: 16px;
        margin-bottom: 7px;
    }

    .advice_item,
    .analitic_item {
        padding: 15px;
    }


    .rating-block_items > * {
        width: calc(100%/3 - 13px);
    }




    
    /* webinar3.html */
    .calendar_item-day {
        padding: 5px;
        font-size: 10px;
    }



    /* inclusion.html */
    .inclusion_items > * {
        width: calc(100%/3 - 15px);
    }
    

    /* training-course */
    .training-course_items {
        margin-left: -25px;
        margin-bottom: -40px;
    }
    .training-course_items > * {
        width: calc(100%/3 - 25px);
        margin-left: 25px;
        margin-bottom: 40px;
    }
    .training-course_item-info {
        top: calc(100% + 20px);
        left: 0;
    }
    .training-course .page_title {
        margin-bottom: 45px;
    }


    .correction-btn:hover .correction-btn_text {
        display: none;    
    }

    /* .wrapper_head_courses .select-right{
        display: none;
    } */

    .remarks_item{
        height: auto;
    }


    .col_main .title {
        font-size: 19px;
        margin-bottom: 20px;
    }
    .task_items > * {
        width: calc(100%/3 - 16px);
    }

    .task2 .task_items > * {
        width: calc(100%/3 - 16px);
    }

    .player_fixed{
        width: 100% !important;
    }

   


    .plan_item:nth-child(2):before {
        width: calc(100% - 206px);
    }
    .plan_item-title,
    .plan_item-step {
        font-size: 14px;
        line-height: 16px;
    }

    .division-page_text {
        padding-left: 40px;
    }
    .intellect.division-page .courses_faq input {
        margin-left: 40px;
    }

    .equipment_items {
        margin-left: 0;
    }
    .equipment_items > * {
        width: 100%;
        margin-left: 0;
    }

    .auth-new .contacts {
        width: 100%;
    }
    .auth-new .contacts .info {
        width: 100%;
    }
    .auth_img {
         width: auto;
    }
    .education_related_item{
        width: calc(100%/2 - 6px);
    }

    .full_screen{
        display: none !important;
    }

    .adding_item .full_screen, .step_stage_img .full_screen{
        display: flex !important;
    }

    .page_subtitle{
        margin-left: 40px;
    }

    .projects-top_items {
        margin-left: -20px;
    }
    .projects-top_items > * {
        width: calc(100%/3 - 20px);
        margin-left: 20px;
    }


    .summary_items > * {
        width: 100%;
    }
    .summary_items {
        gap: 15px;
    }
    .project-creation_description {
        margin-bottom: 10px;
    }

    .projects_item-edit{
        display: block;
        width: 200px;
        margin-left: 0;
        margin-top: 10px;
    }


    .simulator-questions_wrapper {
        width: calc(100% - 38px);
    }
    .simulator-questions .handle_box {
        width: 100%;
    }


    .game_items > * {
        padding: 15px;
        width: calc(100%/2 - 16px);
    }


    .shop_items > * {
        width: calc(100% / 2 - 8px);
        gap: 10px;
    }
    .shop_item-title {
        max-width: 100%;
    }


    .simulator-quiz_item_step{
        width: 100%;
    }

    .title_faq_update{
        display: none;
    }


    .passing_items {
        column-count: 2;
    }

    .voter-list_desc {
        flex-direction: column;
        align-items: flex-start;
    }
    .voter-list_items {
        margin-bottom: 15px;
    }


    .chat_box .line .fields > * {
        width: calc(100% / 2 - 15px);
    }

    .mission_item {
        width: calc(100% / 2 - 20px);
    }


    .machine_items > * {
        width: 100%;
    }


    .board_item-labels {
        position: relative;
        margin-bottom: 15px;
        top: 0;
        right: 0;
    }
    .board_item-info {
        width: 100%;
    }

    .bearing_box {
        flex-direction: column-reverse;
    }
    .bearing-nav {
        width: 100%;
    }
    .bearing_left {
        width: 100%;
    }


    .job-description_box_title {
        font-size: 21px;
    }


    .denied_title {
        text-align: center;
        font-size: 32px;
        line-height: 38px;
    }
    .denied_desc {
        text-align: center;
        font-size: 22px;
        line-height: 1.4;
        margin-bottom: 33px;
    }
    .denied_contact-title {
        text-align: center;
        font-size: 26px;
        margin-bottom: 30px;
    }
    .denied_contact-items {
        justify-content: center;
    }
    .denied_info {
        text-align: center;
        width: 100%;
    }
    .denied .code {
        margin: 0 auto;
    }
    .denied {
        padding: 24px 52px;
        flex-wrap: wrap;
        flex-direction: column-reverse;
        flex: 0;
    }
    .denied_contact-phone,
    .denied_contact-mail {
        font-size: 22px;
    }



    .mentor_item-contacts {
        flex-wrap: wrap;
    }
    .mentor_item-contacts > * {
        width: calc(100%/2 - 15px);
    }
    .mentor_bottom {
        flex-wrap: wrap;
    }
    .mentor_bottom > * {
        width: 100%;
    }

    .trainer_ai_body {
        flex-direction: column;
    }

    .trainer_ai_body_left{
        width: 100%;
    }

    .trainer_ai_body_right {
        border-radius: 20px;
        width: 100%;
    }



    .knowledge-catalog_items {
        gap: 18px;
    }
    .test-folder_item-name {
        display: inline-block;
    }
    .attestation-head_items > * {
        width: calc(100% / 2 - 5px);
    }


    .proposal_box-title {
        font-size: 20px;
        line-height: 1.2;
    }


}