@media print, (max-width: 767px)
{
    /*-------------------
        Global styles
    -------------------*/
    :root
    {
        --font_size_title: 18px;
    }


    .content .cols .block_title
    {
        font-size: 23px;
    }



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

    .fancybox__content > .carousel__button.is-close
    {
        top: 16px;
        right: 16px;
    }



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



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



    /*-----------------
        Block title
    -----------------*/
    .block_title
    {
        font-size: 20px;
        line-height: 21px;

        margin-bottom: 20px;
    }



    /*--------------
        BG block
    --------------*/
    .bg_block
    {
        width: calc(100% + 48px);
        margin-right: -24px;
        margin-left: -24px;

        border-radius: 0;
    }



    /*----------------
        Block head
    ----------------*/
    .block_head .icon
    {
        margin-right: 14px;
    }


    .block_head .all_link a
    {
        display: flex;

        width: 25px;
        height: 25px;
        padding: 0;

        border-radius: 50%;

        justify-content: center;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }

    .block_head .all_link span
    {
        display: none;
    }

    .block_head .all_link .arrow
    {
        display: block;
    }



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


    .text_block figure figcaption
    {
        padding: 16px 20px;
    }



    /*-------------
        Welcome
    -------------*/
    .welcome .name
    {
        font-size: 17px;
        line-height: 21px;
    }



    /*------------------
        Notification
    ------------------*/
    .notification .title
    {
        font-size: 17px;
        line-height: 21px;
    }



    /*------------------
        Video player
    ------------------*/
    .video_player .media-slider.media-volume
    {
        display: none;
    }



    /*-----------
        Files
    -----------*/
    .files .table
    {
        padding: 0;

        border-radius: 0;
        background: none;
    }

    .files .table:before
    {
        display: none;
    }


    .files .table .titles
    {
        display: none;
    }


    .files .table .file
    {
        position: relative;

        padding: 20px;

        border-radius: 15px;
        background: #fff;
        box-shadow: 0 3px 31px rgba(148, 155, 195, .153327);

        flex-wrap: wrap;
    }

    .files .table .file > * + *
    {
        margin-left: 15px;
    }

    .files .table .file + .file
    {
        margin-top: 20px;
    }


    .files .table .file .col_name
    {
        width: calc(100% - 45px);
    }


    .files .table .file .col_date,
    .files .table .file .col_size
    {
        display: flex;

        width: 100%;
        margin: 10px 0 0;

        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }

    .files .table .file .col_size
    {
        margin-top: 4px;
    }


    .files .table .file .mob_title
    {
        display: block;
    }


    .files .table .col_actions
    {
        width: 100%;
        min-width: 0;
        margin-top: 10px;
        margin-left: 0;

        order: 3;
    }



    /*-------------
        Folders
    -------------*/
    .folders .table
    {
        padding: 0;

        border-radius: 0;
        background: none;
    }

    .folders .table:before
    {
        display: none;
    }


    .folders .titles
    {
        display: none;
    }


    .folders .folder
    {
        position: relative;

        padding: 20px 20px 70px 20px;

        border-radius: 15px;
        background: #fff;
        box-shadow: 0 3px 31px rgba(148, 155, 195, .153327);
    }

    .folders .folder + .folder
    {
        margin-top: 20px;
    }


    .folders .folder .col_name
    {
        font-size: 16px;
    }


    .folders .folder .col_size
    {
        text-align: right;
        white-space: nowrap;
    }


    .folders .folder .col_last_date
    {
        position: absolute;
        bottom: 16px;
        left: 0;

        display: flex;

        width: 100%;
        margin: 0;
        padding: 20px;

        justify-content: space-between;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
    }

    .folders .folder .mob_title
    {
        display: block;
    }


    .folders .col_size
    {
        width: 45px;
        min-width: 45px;
    }

    .folders .col_last_date
    {
        width: auto;
        min-width: 0;
    }



    /*-----------------
        Test report
    -----------------*/
    .test_report .table
    {
        padding: 0;

        border-radius: 0;
        background: none;
    }

    .test_report .table:before
    {
        display: none;
    }


    .test_report .titles
    {
        display: none;
    }


    .test_report .line
    {
        padding: 20px;

        border: none;
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 3px 31px rgba(148, 155, 195, .153327);

        flex-wrap: wrap;
    }

    .test_report .line + .line
    {
        margin-top: 30px;
    }


    .test_report .line > *
    {
        padding: 0;
    }

    .test_report .line > * + *
    {
        margin-top: 15px;

        border: none;
    }


    .test_report .line .col_user_answer .mob_title + *,
    .test_report .line .col_сorrect_answer .mob_title + *
    {
        padding-left: 24px;
    }

    .test_report .line .col_user_answer .mob_title + *:before,
    .test_report .line .col_сorrect_answer .mob_title + *:before
    {
        left: 10px;
    }


    .test_report .line .col_result
    {
        display: flex;
        flex-direction: column;
    }


    .test_report .line .mob_title
    {
        display: block;
    }

    .test_report .line .mob_title + *
    {
        display: block;

        width: 100%;
        margin-top: 10px;
        padding: 0 10px;
    }



    /*--------------
        Feedback
    --------------*/
    .feedback .table
    {
        padding: 0;

        border-radius: 0;
        background: none;
    }

    .feedback .table:before
    {
        display: none;
    }


    .feedback .titles
    {
        display: none;
    }


    .feedback .line
    {
        min-width: 0;
        padding: 20px;

        border: none;
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 3px 31px rgba(148, 155, 195, .153327);

        align-items: flex-start;
        align-content: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .feedback .line + .line
    {
        margin-top: 20px;
    }


    .feedback .line > *
    {
        width: calc(50% - 10px) !important;
        margin-bottom: 20px;
        padding: 0;
    }

    .feedback .line > * + *
    {
        border: none;
    }


    .feedback .line > *.col_actions
    {
        width: 100% !important;
        margin-bottom: 0;
    }


    .feedback .line .links
    {
        width: calc(100% + 15px);
    }

    .feedback .line .links > *
    {
        width: calc(50% - 15px);
    }

    .feedback .line .links a
    {
        font-weight: 500;

        display: block;

        padding: 9px 22px;

        text-align: center;

        border: none;
        border-radius: 16px;
    }

    .feedback .line .links a.blue
    {
        color: #fff;

        background: linear-gradient(135.48deg, #0b00d8 2%, #0500af 96.5%);
    }


    .feedback .line .mob_title
    {
        display: block;
    }

    .feedback .line .mob_title + *
    {
        display: block;

        width: 100%;
        margin-top: 10px;
        padding: 0 10px;
    }



    /*---------------
        Test data
    ---------------*/
    .test_data .title
    {
        font-size: 20px;
    }


    .test_data .step .answers .row
    {
        margin-bottom: -15px;
        margin-left: -15px;
    }

    .test_data .step .answers .row > *
    {
        margin-bottom: 15px;
        margin-left: 15px;
    }


    .test_data .step .answers .row.default
    {
        margin-bottom: -20px;
        margin-left: -20px;
    }

    .test_data .step .answers .row.default > *
    {
        width: calc(50% - 20px);
        margin-bottom: 20px;
        margin-left: 20px;
    }


    .test_data .step .answers .text
    {
        line-height: 32px;
    }

    .test_data .step .answers .text .input
    {
        height: 28px;
    }



    /*----------
        Quiz
    ----------*/
    .quiz .steps .question
    {
        font-size: 18px;

        margin-bottom: 16px;
        padding: 31px 23px 23px;
    }


    .quiz .steps .answers .row
    {
        margin-bottom: -12px;
        margin-left: -12px;
    }

    .quiz .steps .answers .row > *
    {
        width: calc(50% - 12px);
        margin-bottom: 12px;
        margin-left: 12px;
    }


    .quiz .steps .answers label
    {
        font-size: 14px;

        min-height: 48px;
    }


    .quiz .total_answers
    {
        margin-top: 24px;
        padding: 20px 24px;
    }

    .quiz .total_answers .title
    {
        font-size: 18px;
        line-height: 22px;
    }


    .quiz .result
    {
        padding: 24px;
    }

    .quiz .result .pre_title
    {
        margin-bottom: 20px;
    }

    .quiz .result .title
    {
        font-size: 18px;

        margin-bottom: 20px;
    }

    .quiz .result .desc
    {
        font-size: 14px;
    }

    .quiz .result img,
    .quiz .result .links
    {
        margin-top: 24px;
    }



    /*-------------------
        Workbook item
    -------------------*/
    .workbook_item .form
    {
        padding: 20px;
    }


    .workbook_item .title
    {
        font-size: 18px;
        line-height: 22px;
    }



    /*------------
        Dialog
    ------------*/
    .dialog .head .count
    {
        top: 12px;
        left: 12px;

        padding: 8px 12px;
    }


    .dialog .head .what_do
    {
        top: 12px;
        right: 12px;
    }

    .dialog .head .what_do .btn
    {
        padding: 8px 12px;
    }


    .dialog .head .title
    {
        font-size: 18px;
        line-height: 22px;

        padding: 36px 0 0;
    }



    .dialog .messages
    {
        padding: 22px;
    }


    .dialog .message + .message
    {
        margin-top: 20px;
    }


    .dialog .message .photo
    {
        width: 40px;
        height: 40px;
    }


    .dialog .message .info
    {
        max-width: calc(100% - 110px);
        padding: 11px;
    }


    .dialog .message .name
    {
        font-size: 14px;
    }


    .dialog .message .text_message
    {
        font-size: 15px;
    }


    .dialog .message .prompt
    {
        width: calc(100% - 55px);
        margin-top: 12px;
    }

    .dialog .message .prompt .yes_btn
    {
        padding: 8px 20px;
    }

    .dialog .message .prompt .no_btn
    {
        padding: 7px 19px;
    }

    .dialog .message .audio_message .audio_wave
    {
        width: 176px;
    }

    .dialog .message .audio_message .duration
    {
        font-size: 12px;

        margin-left: 3px;
    }


    .dialog .message .video_message
    {
        width: 300px;
    }



    .dialog .add_message
    {
        padding: 22px;
    }

    .dialog .add_message .field
    {
        width: calc(100% - 55px);
    }

    .dialog .add_message .submit_btn
    {
        width: 40px;
        height: 40px;
    }

    .dialog .add_message .submit_btn img
    {
        width: 20px;
        height: 20px;
    }



    .dialog .next_link,
    .dialog .upload, .buttons_video .video_record
    {
        padding: 22px 22px 44px;
    }


    .dialog .next_link a
    {
        width: 60px;
        height: 60px;
    }

    .dialog .next_link .icon
    {
        width: 36px;
        height: 36px;
    }


    .dialog .upload .start_btn, .video_record button
    {
        width: 60px;
        height: 60px;
    }

    .dialog .upload .start_btn .icon
    {
        width: 40px;
        height: 26px;
    }

    .buttons_video .video_record .icon{
        width: 35px;
    }


    .dialog .upload .process .name
    {
        font-size: 14px;
        line-height: 18px;

        padding: 10px 12px 12px;
    }

    .dialog .upload .process .name br
    {
        display: block;
    }


    .dialog .upload .cancel_btn
    {
        width: 60px;
        height: 60px;
        margin-top: 24px;
    }

    .dialog .upload .cancel_btn .icon
    {
        width: 48px;
        height: 48px;
    }


    .dialog .image_wrap .image
    {
        border-radius: 0;
    }


    .dialog .image_wrap .prompt_btn
    {
        top: 12px;
        left: 12px;
    }


    .dialog .prompt_text,
    .dialog .error_text,
    .dialog .success_text
    {
        font-size: 15px;
        line-height: 21px;

        padding: 24px 24px 0;
    }

    .dialog .prompt_text span,
    .dialog .error_text span,
    .dialog .success_text span
    {
        padding: 12px;
    }


    .dialog .go_link
    {
        padding: 20px;
    }


    .dialog .add_audio
    {
        padding: 0 24px 40px;
    }


    .dialog  .limit_time
    {
        font-size: 17px;
        line-height: 25px;

        padding: 12px 15px;
    }



    /*-----------------------
        Simulator actions
    -----------------------*/
    .simulator_actions .steps .question
    {
        font-size: 18px;

        margin-bottom: 16px;
        padding: 23px;
    }


    .simulator_actions .steps .answers .row
    {
        margin-bottom: -12px;
        margin-left: -12px;
    }

    .simulator_actions .steps .answers .row > *
    {
        width: calc(50% - 12px);
        margin-bottom: 12px;
        margin-left: 12px;
    }


    .simulator_actions .steps .answers label
    {
        font-size: 14px;

        min-height: 48px;
    }


    .simulator_actions .error_text,
    .simulator_actions .success_text
    {
        font-size: 15px;
        line-height: 21px;
    }

    .simulator_actions .error_text span,
    .simulator_actions .success_text span
    {
        padding: 12px;
    }



    /*-----------------
        Course info
    -----------------*/

    .course_info .thumb{
        width: 100%;
        padding-bottom: 53%;
        height: auto;
    }
    .course_info .thumb + *
    {
        width: 100%;
        margin-top: 16px;
    }


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


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


    .course_info .steps .items > * + *
    {
        margin-top: 16px;
    }

    .course_info .steps .step .exp
    {
        margin-top: 2px;
    }



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


    .error_info .title
    {
        font-size: 28px;
        line-height: 34px;
    }


    .error_info .desc
    {
        font-size: 15px;
        line-height: 23px;
    }


    .error_info .code img
    {
        width: 360px;
    }



    /*----------
        Auth
    ----------*/
    .auth .data
    {
        width: 100%;
        padding: 40px 24px;
        margin-top: 0;
    }


    .auth .register.success .info > *
    {
        font-size: 17px;
    }


    .auth .contacts
    {
        width: 100%;
        padding: 20px 24px;

        border: none;
        border-top: 2px solid #020027;
    }


    .auth .contacts .item .val
    {
        margin-top: 4px;
    }



    .auth .contacts .logo{
        display: none;
    }

    .auth .contacts .descr{
        display: block;
    }

    .mobile_logo{
        display: flex;
        justify-content: center;
        padding: 40px 0 30px;
        max-width: 300px;
        margin: auto;
    }
    .mobile_logo img{
        display: block;   
        width: auto;
        max-width: 100%;
        max-height: 100px;
        margin:auto;
    }

    .mobile_logo .desc {
        font-size: 14px;
        line-height: 18px;
        opacity: .5;
        margin-top: 8px;
        text-align: center;
    }




    /*--------------
        Comments
    --------------*/
    .comments .add_comment .answer
    {
        width: 100%;
    }



    /*--------------
        Settings
    --------------*/
    .settings .account_links .title
    {
        font-size: 18px;
        line-height: 22px;
    }


    .settings .data
    {
        padding: 24px;
    }

    .settings .form .columns > *
    {
        width: calc(100% - var(--form_columns_offset));
    }



    /*------------
        Footer
    ------------*/
    footer .logo
    {
        margin-bottom: 0;
    }


    footer .contacts
    {
        width: 1005px;
        margin-top: 24px;
    }


    footer .contacts .name
    {
        margin-bottom: 4px;
    }



    /*-----------
        PopUp
    -----------*/
    .modal_title
    {
        font-size: 22px;
        line-height: 26px;
    }


    .articles .row.not_slide > *
    {
        width: calc(100%);
    }



    #register_code_modal
    {
        padding: 40px 64px;
    }


    #recovery_success_modal
    {
        padding: 40px;
    }

    #recovery_success_modal .modal_desc
    {
        font-size: 16px;
        line-height: 22px;
    }

    .text_block table{
        width: 720px;
    }

    .files .table .breadcrumbs{
        border:none;
        padding: 20px 0;
    }




     .simulators .row.not_slide > *
    {
        width: calc(100%);
    }

    .folders .folder .col_actions{
        bottom: 20px;
        position: absolute;
        margin: 0;
    }

    
    .notification .link{
        margin-top:10px;
    }

    .empty.bg_block{
        width: calc(100% + 44px) !important;
    }

    .message_test{
        width: 100%;
    }

    .title_setting{
        font-size: 19px;
    }

     .gallery_test_item{
        width: calc(100%/3 - 20px);      
    }

    .results_item{ 
        width: calc(100%/1 - 20px);
    }

    .item_recomnd{
        width: calc(100%/1 - 25px);
    }



    .details_item-head {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .details_item-left {
        position: relative;
        width: 100%;
        padding-bottom: 25px;
    }
    .details_item-left:before {
        position: absolute;
        content: "";
        width: calc(100% + 36px);
        height: 1px;
        background: #D8D8D8;
        bottom: 0;
        left: -18px;
    }
    .details_item-right {
        margin-top: 15px;
        justify-content: space-between;
        width: 100%;
    }
    .details_item-status, .details_item-status-green {
        order: -1;
        margin-left: 0;
    }
    .details_item-left {
        align-items: flex-start;
    }
    .details_item-text {
        margin-top: 5px;
    }

    .training .courses .row {
        margin: 0px;
        padding: 0px;
    }
    .training .courses .row.not_slide {
        margin-left: -15px;
    }
    .training .courses .row.not_slide > * {
        width: calc(100%/2 - 15px);
        margin-bottom: 24px;
        margin-left: 15px;
    }

    .statistic_period {
        font-size: 16px;
    }
    .statistic_period span {
        font-size: 16px;
        padding: 6px 8px;
    }
    .statistic_title {
        font-size: 20px;
        margin-bottom: 4px;
    }
    .statistic_subtitle {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .content .statistic {
        margin-top: 30px;
    }

    .create-report_title {
        font-size: 18px;
    }
    .create-report ul li {
        font-size: 14px;
    }
    .create-report ul li:before {
        width: 7px;
        height: 7px;
        left: 0;
        top: 5px;
    }
    .create-report button {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .advice_items,
    .analitic_items {
        margin-left: 0;  
        margin-bottom: -15px;      
    }
    .advice_items > *,
    .analitic_items > * {
        margin-left: 0;
        width: 100%;
        margin-bottom: 15px;
    }
    .advice_item-icon {
        margin-right: 18px;
    }
    .analitic_item-icon {
        margin-left: 18px;
    }

    .analytics-enabled_left {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .analytics-enabled_item {
        flex-direction: column;
    }
    .analytics-enabled_icon {
        margin-bottom: 12px;
    }
    .analytics-enabled_info {
        text-align: left;
    }
    .analytics-enabled_time {
        margin-left: 0;
        margin-top: 22px;
    }


    .weekly-statistics_items {
        flex-wrap: wrap;
    }
    .weekly-statistics_items > * {
        width: calc(100%/2 - 16px);
    }
    .rating-block_items > * {
        width: 100%;
    }
    .activity_item .day {
        display: none;
    }
    .activity_item:nth-child(1) .day-mob,
    .activity_item:nth-child(7) .day-mob,
    .activity_item:nth-child(14) .dayv,
    .activity_item:nth-child(21) .day-mob,
    .activity_item:nth-child(28) .day-mob {
        display: block;
        font-weight: 700;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
        letter-spacing: -0.3px;
        color: #7874A3;
    }
    .activity_info {
        padding: 11px 15px;
    }
    .rating .nice-select {
        height: 29px;
    }
    .greeting_left {
        display: none;
    }
    .greeting_left-mob {
        display: block;
        position: relative;
    }
    .greeting_left-mob .greeting_info {
        display: flex;
        align-items: center;
    }
    .greeting {
        position: relative;
    }
    .greeting_right {
        position: absolute;
        top: -11px;
        right: 11px;
    }
    .weekly-statistics_item-title {
        font-size: 15px;
    }
    .activity_items {
        margin-left: -3px;
        position: relative;  
    }
    .activity_item {
        width: calc(100%/30 - 3px);
        margin-left: 3px;  
        position: static;
    }
    .modul_item-bottom-text br {
        display: none;
    }
    .task-block .select-right span {
        display: none;
    }
    .modul_item-bottom-info {
        flex-direction: column;
        align-items: flex-start;
    }
    .modul_item {
        padding: 14px;
    }
    .greeting_info-text {
        margin-top: 17px;
    }

    .greeting_steps {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    .greeting_step .line {
        width: 6px;
        height: 20px;
        background: #369D53;
        margin-left: 8px;
        margin-right: 0;
        margin-top: -5px;
    
    }
    .greeting_step {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .greeting_step-text {
        bottom: 50%;
    }
    .greeting_step:nth-child(1) .greeting_step-text {
        left: 35px;
        bottom: 7px;
    }
    .greeting_step:nth-child(2) .greeting_step-text {
        left: 35px;
        transform: translateX(0%);
        bottom: 7px;
    }
    .greeting_step.active .greeting_step-wrap:nth-child(1) .greeting_step-text {
        left: 35px;
        transform: translateX(0%);
        bottom: 7px;
    }
    .greeting_step.active .greeting_step-wrap2 .greeting_step-text {
        left: 35px;
        transform: translateX(0%);
        bottom: 7px;
    }
    .greeting.pb {
        padding-bottom: 14px;
    }
    .rating .block_title {
        max-width: 100%;
        width: calc(100% - 138px);
    }

    .courses .row.not_slide > *
    {
        width: calc(100%);
    }





    /* line-top */ 
    .line-top {
        padding: 8px 0 13px;
    }
    .line-top .cont {
        align-items: flex-end;
    }
    .line-top_box {
        flex-direction: column;
        align-items: flex-start;
    }
    .line-top_name {
        margin-bottom: 4px;
        margin-right: 0;
    }
    .line-top_time {
        margin-bottom: 9px;
        margin-right: 0;
    }


    /* webinar.html */
    .greeting_status {
        display: none;
    }
    .webinar .greeting_left-mob {
        position: relative;
        width: 100%;
    }
    .greeting_left-label {
        position: absolute;
        top: -11px;
        right: 11px;
        font-weight: 700;
        font-size: 12px;
        line-height: 14px;
        color: #FFFFFF;
        padding: 3px 10px;
        background: #0500AF;
        border-radius: 57px;
    }



    /* webinar2.html */
    .webinar_item {
        padding: 15px;
    }
    .webinar_item-time {
        display: inline-flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;        
    }
    .webinar_item-time span {
        margin-left: 0;
        display: block;
        margin-top: 4px;
    }
    .webinar_item-name {
        font-size: 15px;
        margin-bottom: 5px;
    }


    /* webinar3.html */
    .calendar {
        padding: 17px 15px 25px;
    }
    .calendar_head {
        flex-wrap: wrap;        
    }
    .calendar_head-link {
        width: 100%;
        margin-top: 32px;
        margin-left: 0;
    }
    .calendar_head-left {
        justify-content: space-between;
        width: 100%;
    }
    .calendar_head-title {
        font-size: 20px;
        line-height: 23px;
    }
    .calendar_item-day {
        display: none;
    }
    .calendar_item-day-mob {
        display: block;
        padding: 9px;
        font-family: 'Inter';
        font-weight: 600;
        font-size: 13px;
        line-height: 24px;
        color: #19181A;
    }
    .modal-video_title {
        margin-top: 20px;
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 25px;
    }
    .modal-video .video_new {
        width: calc(100% - 30px);
    }
    .modal-video_link {
        margin: 15px auto 20px;
    }
    .calendar_item-info {
        display: none;
    }
    .calendar_item {
        height: auto;
    }
    .calendar_item:nth-child(1), 
    .calendar_item:nth-child(2), 
    .calendar_item:nth-child(3), 
    .calendar_item:nth-child(4), 
    .calendar_item:nth-child(5), 
    .calendar_item:nth-child(6), 
    .calendar_item:nth-child(7) {
        height: auto;
    }
    .calendar_item-links {
        display: none;
    }
    .calendar_item-day,
    .calendar_item:nth-child(25),
    .calendar_item:nth-child(26),
    .calendar_item:nth-child(27),
    .calendar_item:nth-child(28),
    .calendar_item:nth-child(29),
    .calendar_item:nth-child(30),
    .calendar_item:nth-child(31) {
        border-bottom: none;
    }
    .calendar_item:nth-child(7), 
    .calendar_item:nth-child(14), 
    .calendar_item:nth-child(21), 
    .calendar_item:nth-child(28), 
    .calendar_item:nth-child(31) {
        border-right: none;
    }
    .calendar_item {
        border: none;
    }
    .calendar_item-day-mob {
        text-align: center;
    }
    .calendar_item {
        text-align: center;
        position: relative;
    }
    .calendar_item-index {
        display: block;
        position: absolute;
        top: 1px;
        right: calc(50% - 21px);
        z-index: 1;
        width: 15px;
        height: 15px;
        background: #C9FBC4;
        border-radius: 50%;
        font-family: 'Inter';
        font-weight: 400;
        font-size: 10px;
        line-height: 14px;
        text-align: center;
        color: #0E9700;
    }
    .calendar_item-date {
        padding: 13px;        
    }
    .webinar-modal_item-text {
        line-height: 18px;
    }
    .webinar-modal_item .icon {
        top: 10px;
        right: 9px;
    }
    .webinar-modal_item.gray {
        background: #F2F2F2;        
    }
    .webinar-modal_item.gray .webinar-modal_item-title {
        color: #828282;
    }
    .webinar-modal_item.gray .webinar-modal_item-text {
        color: #BDBDBD;
    }
    .calendar_item:hover .calendar_item-date {
        color: var(--main_color);        
    }
    .calendar_item:hover .calendar_item-date.active {
        color:#fff;
    }
    .calendar_item:hover .calendar_item-date::before {
        background: none;
    }
    .calendar_item-date.active {
        background: var(--main_color);
        width: 46px;
        height: 46px;
        border-radius: 50%;
        color: #fff;
    }
    .calendar .mini_modal_btn {
        display: none;
    }
    .calendar .mini_modal {
        display: none;
    }
    .calendar_modal-mob span {
        display: block;
    }




    /* webinar4.html */
    .webinar a.page_title {
        font-size: 22px;
        margin-bottom: 0;
    }


    /* webinar5.html */
    .webinar-test_wrapper {
        padding: 70px 20px;
    }


    .dialog .head .what_do {
    }

    /* inclusion.html */
    .inclusion_items > * {
        width: calc(100%/2 - 15px);
        padding: 14px 14px 12px 14px;
    }
    .inclusion_item-title {
        font-size: 15px;
    }
    .dialog .head .what_do .btn {
        margin-bottom: 10px;
    }


    
    /* training-course */
    .training-course_items > * {
        width: calc(100%/2 - 25px);
    }
    .training-course .page_title {
        margin-bottom: 35px;
    }
    .training-course_item-image:hover img {
        transform: scale(1);
    }
    .training-course_item-image:nth-child(4):hover {
        transform: scale(1);
    }
    .training-course_item-image:hover .training-course_item-info {
        display: none;
    }


    .dialog .message .prompt .text-information {
        width: 270px;
    }
    .dialog .message .prompt .text .info-hint {
        font-size: 14px;
    }
    .dialog .message .prompt .text .name {
        font-size: 12px;
    }

    .webinar-test_right .webinar-test_link {
        margin-left: 10px;
    }
    .webinar-test .files {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .webinar-test_top {
        margin-left: 20px;
        margin-right: 0px;
        margin-bottom: 0;
        margin-top: 20px;
    }

    .webinar-description_title {
        font-size: 18px;
        margin-bottom: 6px;
    }




    .rating .select-right {
        display: none;
    }    
    .rating .block_title {
        width: 100%;
    }
    .webinar-online {
        text-align: start;
        margin-top: 15px;
    }
    .webinar-test_top {
        margin-left: 0;
        margin-top: 0;
    }

    /*.simulators-new .simulator_items {
        margin-left: 0px;
    }
    .simulators-new .simulator_items > * {
        width: 100%;
        margin-left: 0px;
    }*/

    .trainer_items  {
        /*margin-left: 0px;*/
    }
    .trainer_items  > * {
        /*width: 100%;
        margin-left: 0px;*/
    }

    .dialog .head {
        padding: 24px 24px 32px;
    }
    .dialog .image_wrap {
        padding: 24px;
    }
    .dialog .prompt_title {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 0px;
        padding: 15px 24px 12px;
    }
    .dialog .prompt_text, 
    .dialog .error_text, 
    .dialog .success_text {
       
    }
    .dialog .image_wrap .image:after {
        top: 24px;
        left: 24px;
        width: calc(100% - 48px);
        height: calc(100% - 48px);
    }
    .dialog .prompt_text, 
    .dialog .error_text, 
    .dialog .success_text {
        padding: 0px 24px;
        margin-bottom: 12px;
    }


    .date_message{
        line-height: 41px;
        white-space: nowrap;
        margin-left: 0;
    }

     .dialog .head .what_do .btn span{
        display: none;
    }



    .mistake_items {
        flex-wrap: wrap;
        margin-left: 0;
    }
    .mistake_items > * {
        margin-left: 0px;
        width: 100%;
    }




    .report_modal form .line {
        flex-direction: column;
        margin-left: 0px;
        margin-bottom: 12px;
    }
    .report_modal form .line > * {    
        margin-left: 0px;
        margin-bottom: 10px;
    }

    .recommendations .mistake_items {
        margin-left: 0px;
    }
    .recommendations .mistake_items > * {
        width: 100%;
        margin-left: 0px;
    }

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


    .simulators-new .simulator_items.not_slide > * {
        width: calc(100%);
    }

    .trainer_items.not_slide > * {
        width: calc(100%);
    }


    .create-report table thead th:nth-child(2) {
        padding: 17px 150px;
    }

    .line-top_flex_start .cont{
       align-items: center;
    }

    .top_line_link{
        white-space: inherit;
        height: auto;
        line-height: initial;
        padding: 5px 12px;
    }

    .audio_training {
        flex-direction: column;
    }
    .audio_training-left {
        margin-bottom: 20px;
        margin-right: 0;
        align-items: flex-start;
    }
    .audio_training .audio_message {
        width: 100%;
    }

    .audio_training-text{
        margin-left: 10px;
    }

    .audio_training .icon{
        width: 20px;
        height: 20px;
        top: 3px;
        position: relative;
    }

    .task_items > * {
        width: calc(100%/2 - 16px);
        padding: 14px;
    }
    .col_main .title {
        font-size: 18px;
    }
    .task {
        padding: 15px;
    }

    .task2 .task_items > * {
        width: calc(100%/2 - 16px);
        padding: 14px;
    }
    
    .task3 .task_items > * {
        width: calc(100%/2 - 16px);
        padding: 14px;
    }


    .modal-page6 form .line {
        flex-direction: column;
    }
    .modal-page6 form .field {
        margin-bottom: 10px;
    }



    .winner_items {
        flex-wrap: wrap;
    }
    .winner_time {
        width: 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    .winner_item {
        width: calc(100%/2 - 7px);
        max-width: 100%;
        margin-right: 0;
    }
    .winner_priz {
        margin-right: 0;
        width: calc(100%/2 - 7px);
    }
    .winner_items {
        justify-content: space-between;
    }
    .winner_items {
        padding: 10px;
    }



    .step-simulator_items > * {
        width: calc(100%/2 - 16px);
    }
    .comment-statistics_items {
        margin-left: 0;
    }
    .comment-statistics_items > * {
        width: 100%;
        margin-left: 0px;
    }
    .step-simulator_desc {
        padding: 3px 5px;
    }
    .comment-statistics_item-text {
        font-size: 30px;
    }

    .image_info_sim .tooltype{
        width: 20px;
        height: 20px;
        border-width: 3px;
        font-size: 10px;
        line-height: 14px !important;
    }

    .podcasts_item-img {
        width: 89px;
        height: 89px;
    }
    .podcasts_item-left {
        align-items: flex-start;
    }
    .podcasts_item-info {
        margin-left: 16px;
    }
    .podcasts_item-bottom {
        /*margin-left: -105px;*/
        /*margin-top: 40px;*/
    }
    .podcasts_item-title {
        font-size: 16px;
    }
    .podcasts_item-text {
        font-size: 13px;
        line-height: 14px;
    }
    .podcasts_item-col {
        font-size: 13px;
        line-height: 15px;
    }
    .podcasts_item-bottom {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .podcasts_item-link{
        margin-top: 10px;
    }
    .podcasts_item-desc {
        margin-bottom: 0;
        margin-right: 15px;
    }
    .podcasts_item-right-item-icon {
        position: absolute;
        right: -46px;
        bottom: -4px;
    }
    .podcasts {
        padding: 22px 15px;
    }
    .podcasts_item-right:after {
        width: calc(100% + 30px);
    }
    .podcasts_item:after {
        width: calc(100% + 30px);
    }
    .podcasts_item {
        padding-bottom: 21px;
        margin-bottom: 14px;
    }
    .podcasts_item-date {
        white-space: normal;
        font-size: 13px
    }
    .block-head_title {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .block-head_text {
        font-size: 16px;
    }
    .release .podcasts_item-right-item-time {
        position: absolute;
        top: 12px;
        right: 12px;
    }
    .release .podcasts_item-right-item-icon {
        position: absolute;
        right: -38px;
        bottom: 0px;
    }
    .podcast_box-img {
        width: 120px;
        height: 120px;
    }
    .podcast_box-title {
        font-size: 18px;
    }
    .podcast {
        padding: 22px 15px;
    }
    a.page_title {
        font-size: 26px;
        line-height: 30px;
    }


    .photo-downloading .prompt_title {
        padding: 0;
    }
    .photo-downloading .prompt_text {
        padding: 0;
        margin-top: 15px;
    }
    .photo-download {
        padding: 45px 10px 45px;
    }
    .photo-downloading_box {
        flex-direction: column;
        align-items: flex-start;
    }
    .photo-downloading_box .page_subtitle {
        margin-left: 0;
    }
    .photo-downloading_btns {
        margin-top: 10px;
        flex-direction: row;
    }
    .photo-downloading_btn{
        width: 50%;
        min-width: auto;
    }
    .photo-downloading_btn:nth-child(1) {
        margin-right: 5px;
        margin-bottom: 0px;
    }
    .photo-downloading_box .photo-downloading_head {
        width: 100%;
    }
    .photo-downloading_box .page_title {
        margin-bottom: 10px;
    }
    
   
    .banks_items{
        flex-wrap: wrap;
    }

    .winner_time a{
        position: relative;
        margin-bottom: 20px;
    }

    .upload_list_item_buttons{
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .upload_list_item_buttons a + a{
        margin-left: 0;
    }


    .engagement_items {
        margin-left: 0;
    }
    .engagement_items > * {
        margin-left: 0;
        width: 100%;
    }
    .engagement-block_items > * {
        width: calc(100%/2 - 19px);
    }



    .projects_items {
        margin-left: 0;
        margin-bottom: 0;
    }
    .projects_items > * {
        width: 100%;
        margin-left: 0px;
        margin-bottom: 0;
    }
    .projects_item + .projects_item {
        margin-top: 16px;
    }
    .block_top-box {
        flex-direction: column;
        align-items: flex-start;
    }
    .participants .block_top-box {
        flex-direction: row;
        align-items: flex-start;
    }
    .projects .select-right {
        margin-left: 0;
        margin-top: 10px;
    }
    .block_title-big {
        font-size: 22px;
        line-height: 26px;
    }
    .projects_item-title {
        font-size: 16px;
    }

    .uploaded-files_items {
        margin-left: 0;
        margin-bottom: 0;
    }
    .uploaded-files_items > * {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }
    .uploaded-files_item + .uploaded-files_item { 
        margin-top: 14px; 
    } 
    .tasks-block_info {
        flex-wrap: wrap;
    }
    .tasks-block_info {
        flex-direction: column;
        align-items: flex-start;
    }
    .tasks-block_info-name {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    .task-block_items.classic .task-block_item-bottom {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .task-block_items.classic .projects_item-comment:before {
        position: absolute;
        content: "";
        width: calc(100% + 28px);
        height: 1px;
        top: 0;
        left: -14px;
        background: #DFDFDF;
    }
    .task-block_items.classic .task-block_text {
        margin-bottom: 15px;
    }
    .participants_items > * {
        width: 100%;
        margin-left: 0;
    }
    .participants_items {
        margin-left: 0;
    }
    .project .task-block .block_top-box {
        flex-direction: row;
    }
    .project .nice-select {
        font-size: 13px;
        width: auto;
        height: 41px;
        padding: 7px 28px 7px 5px;
    }

    .project .select-right span {
        display: none;
    }
    .project .select-right {
        margin-left: 0;
    }

    .project .projects_item-box {
        flex-direction: column;
        align-items: flex-start;
    }
    .projects_item-links {
        margin-top: 10px;
    }

    .dialog .message .gpt_text_load, .dialog .message .gtp_complete_body{
        width: calc(100% - 55px);
    }

    .gtp_message{
        width: calc(100% - 55px);
    }

    .gtp_complete_body, .gpt_text_load{
        font-size: 14px;
    }

    .rating-top_items {
        flex-direction: column;
        align-items: flex-start;
        gap:7px;
    }
    .rating-top {
        align-items: flex-start;
    }

    .message.success .buttons{
        flex-direction: column;
        align-items: flex-start;
    }

    .message.success .buttons a + a{
        margin: 0;
        margin-top: 10px;
    }

    .message_sep{
        margin-bottom: 40px;
    }

    .message_sep span{
        margin-top: 0;
    }

    .education form .line {
        flex-direction: column;
        align-items: flex-start;
    }
    .analitics_titles {
        font-size: 18px;
        line-height: 21px;
    }
    .education_title,
    .intellect .block_title {
        font-size: 18px;
        line-height: 21px;          
    }
    .intellect .block_text {
        font-size: 12px;
    }

    .division_items > * {
        width: calc(100%/2 - 22px);
    }
    .favourites_items > * {
        width: calc(100%/2 - 16px);
    }

    .division-page .favourites_items > * {
        width: calc(100%/2 - 16px);
    }
    .division-page_text {
        padding-left: 0;
    }
    .intellect.division-page .courses_faq input {
        margin-left: 0px;
    }


    .solutions-tasks_top-title a {
        margin-left: 0;
        margin-top: 10px;
    }
    .solutions-tasks_top {
        align-items: flex-start;
    }
    .solutions-tasks_top-delete {
        margin-left: 0;
        margin-top: 10px;
    }
    .solutions-tasks2 .solutions-tasks_top {
        flex-direction: column;
        align-items: flex-start;
    }

    .additional-actions_btns {
        flex-direction: column;
        align-items: flex-start;
    }
    .additional-actions_btns button + button {
        margin-top: 10px;
    }
    .history-training_box-title {
        font-size: 18px;
    }

    .catalog_page-top {
        flex-direction: column;
    }
    .catalog_page {
        padding: 18px 13px;
    }
    .catalog_page-box::before {
        width: calc(100% + 26px);
        left: -13px;
    }
    .catalog_page-top-info {
        margin-left: 0px;
        margin-top: 19px;
    }
    .catalog_page-top-img {
        width: 100%;
        height: auto;
    }
    .catalog_page-box-images {
        flex-direction: column;
    }
    .catalog_page-box-images img {
        width: 120px;
        height: 120px;
        margin-right: 0px;
    }
    .catalog_page-box-images img {
        margin-bottom: 15px;
        width: 100%;
        height: 180px;
        object-fit: cover;
    }
    .catalog_page-box-images a img {
        width: 100%;
        object-fit: cover;
        height: 180px;
    }
    .catalog_page-box-gallery {
        margin-left: 0;
        flex-wrap: wrap;
    }
    .catalog_page-box-gallery > * {
        width: 100%;
        margin-left: 0;
    }
    .catalog_page-box-gallery a img {
        height: 180px;
    }
    .catalog_page-box-gallery-title {
        margin-top: 10px;
        font-size: 15px;
    }
    .catalog_page-box-gallery a + a {
        margin-top: 20px;
    }

    .catalog_items > * {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
    }
    .catalog_items {
        margin-left: 0;
        margin-bottom: 0;
    }
    .catalog_item + .catalog_item {
        margin-top: 16px;
    }
    .catalog_box_title {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 17px;
    }
    .auth-new .auth_logo-desc {
        position: absolute;
        left: 24px;
        top: 35px;
        display: none;
    }
    .auth-new .contacts {
        border-top: none;
    }
    .auth_wrap {
        flex-direction: column;
    }
    .auth-new .contacts .info {
        flex-direction: column;
    }
    .auth-new .contacts .item:nth-child(2),
    .auth-new .contacts .item:nth-child(3), .auth-new .contacts .item:nth-child(4), .auth-new .contacts .item:nth-child(5) {
        text-align: start;
        margin-left: 0;
    }
    .auth .data, .auth_img {
        min-height: 350px;
    }

    .auth_img{
        margin:24px;
    }

    .auth-new .mobile_logo {
        padding: 20px 0 0;
        justify-content: flex-start;
        max-width: 100%;
        margin-right: 0;
        margin-left: 0;
        margin-bottom: 30px;
    }
    .auth_logo-desc {
        display: none;
    }
    .auth-new .data {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }
    /* .auth-new .login .info_data {
        margin-top: 0px;
    } */
    .auth-new .login {
        margin-top: 0px;
    }

    .auth-new .contacts .info .col_items{
        flex-direction: column;
    }
    .auth_img:before{
        background: rgba(0, 0, 0, 0.6);
    }

    .auth-new .auth_img img {
        position: absolute;
    }

    .education_related_item{
        width: calc(100%);
    }


    .ideas-counter_items > * {
        width: calc(100%/2 - 25px);
    }
    .ideas-catalog_items > * {
        width: calc(100%/2 - 20px);
    }
    .ideas-top_wrap {
        flex-direction: column;
        align-items: flex-start;
    }
    .ideas-top_left {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .myideas_items.empt .myideas_item {
        flex-direction: column;
        align-items: flex-start;  
    }
    .myideas_item-right {
        margin-left: 0;
        margin-top: 20px;
    }
    .myideas_top {
        flex-direction: column;
        align-items: flex-start;
    }
    .myideas .block_top-info {
        margin-right: 0px;
        margin-bottom: 20px;
    }
    .myideas_item {
        padding: 12px;
    }

    .idea-block_item-top {
        flex-direction: column;
        align-items: flex-start;
    }
    .idea-block_item-label {
        margin-left: 0;
        margin-top: 15px;
    }
    .idea-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .idea-head_left {
        margin-bottom: 15px !important;
        width: 100% !important;
    }
    .idea-head .select-right {
        margin-left: 0;
    }

    .idea-page .idea-block_item-label {
        margin-left: 15px;
        margin-top: 0px;
    }
    .idea-block_total {
        flex-direction: column;
    }
    .commission-decision_top-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .commission-decision_top-head a {
        margin-top: 10px;
    }
    .idea-block_item-status {
        flex-direction: column;
        align-items: flex-start;
    }
    .idea-page .idea-block_item-label {
        margin-left: 0px;
        margin-top: 15px;
        margin-right: 15px;
    }

    .idea_form .line.w50 {
        margin-left: 0;
        flex-wrap: wrap;
    }
    .idea_form .line.w50 > * {
        width: 100%;
        margin-left: 0px;
    }
    .idea_form .line .field:nth-child(2) {
        margin-top: 15px;
    }
    .commission-decision_items {
        flex-direction: column;
    }
    .commission-decision_item {
        margin-bottom: 10px;
    }

    .adding_item{
        width: 100%;
    }


    .training-plan_items > * {
        width: calc(100%/2 - 20px);
        margin-left: 20px;
        margin-bottom: 20px;
    }
    .training-plan_items {
        padding-left: 0;
        margin-top: 20px;
    }
    .training-plan_top {
        align-items: center;
    }
    .training-plan_item:nth-child(5):before {
        display: none;
    }
    .training-plan_item:nth-child(3):before {
        display: none;
    }
    .training-plan_item:nth-child(4):before {
        display: block;
    }


    .application .table-wrap {
        overflow-y: scroll;
    }
    .application table {
        width: 800px;
    }
    .application .table-wrap::-webkit-scrollbar {
        height: 14px;   
    }
    .application .table-wrap::-webkit-scrollbar-thumb { 
        border-radius: 31px !important;
    }

    .application_comment .line .field:first-child {
        width: 100%;
    }
    .application_comment .line .field:nth-child(2) {
        margin-top: 15px;
        margin-left: 0;
        width: calc(100% - 66px);
    }
    .application_comment form button .icon {
        margin-top: 11px;
    }
    .application_bottom-text {
        order: 1;
        width: 100%;
        margin-top: 15px;
    }
    .application_bottom-right {
        flex-wrap: wrap;
    }

    .projects-top_items {
        margin-left: 0px;
    }
    .projects-top_items > * {
        width: 100%;
        margin-left: 0px;
    }

   
    .projects-top_item + .projects-top_item {
        margin-top: 50px;
    }

   

    .dialog .message:has(.feedback_ai.new) + .message{
        margin-top: 50px;
    }


    .solutions-tasks3 .solutions-tasks_top-delete {
        margin-top: 0;
    }


    .projects-top_items > * {
        margin-bottom: 0;
    }

    .tasks-block_info-statut {
        flex-direction: column;
        align-items: flex-start;
    }
    .tasks-block_info-stat {
        margin-top: 10px;
    }
    .tasks-block_info-left {
        flex-wrap: wrap;
    }
    .tasks-block_info-name {
        width: calc(100% - 90px);
    }

    .task2_item-top {
        flex-wrap:wrap;
        align-items: flex-start;
    }
    .task2_item-top-text {
        margin-right: 0;
        margin-top: 5px;
        width: 100%;
        order:2;
    }

    .tasks-block_info-label {
        margin-top: 8px;
    }
    .tasks .block_top {
        flex-direction: column;
        align-items: flex-start;
    }
    .tasks-block_btn {
        margin-top: 10px;
    }

    .audio-notes_btn {
        margin-top: 10px;
    }
    .replay {
        flex-direction: column;
        align-items: flex-start;
    }
    .replay_items {
        margin-top: 7px;
        margin-bottom: 7px;
    }

    .dialog .message .audio_message{
        min-width: 167px;
    }

    .simulator_info{
        flex-wrap: wrap;
        flex-direction: column;
    }

    .simulator_info_item{
        width: 100%;
    }

    .simulator_ratings_item{
        width: 100%;
    }

    .dialog .message .info{
        max-width: calc(100% - 130px);
    }

    .tasks_dedline{
        margin-top: 15px;
        display: flex;
        align-items: center;
        flex-direction: column;
        align-items: flex-start;
        gap:10px;
    }

    .simulators-new .simulator_item-right {
        width: 100%;
    }


    .setting-mode .add_audio{
        padding-top: 25px;
    }

    .audio-notes_btn2{
        margin-left: 0;
        margin-top: 5px;
        margin-right: 10px;
        min-width: 46%;
    }

    .progress_new_wrap{
        flex-direction: column;
        gap:10px;
            align-items: flex-start;
    }

    .dialog .message .name{
        flex-direction: column;
        align-items: flex-start;
    }

    .dialog .list_label{
        order:-1;
    }

    .dialog .list_label button{
        font-size: 12px;
    }

    .dialog .list_label button svg{
        width: 10px;
        height: 10px;
    }

    .dialog .list_label button {
        padding: 3px 10px;
    }

    .interactive{
        flex-direction: column;
        text-align: center;
    }

    .interactive a{
        margin-left: initial;
    }


    .simulator-questions_items {
        margin-left: 0px;
        margin-bottom: 0;
    }
    .simulator-questions_items > * {
        margin-left: 0px;
        width: 100%;
        padding: 12px;
        margin-bottom: 0;
        margin-top: 15px;
    }
    .simulator-questions_title {
        font-size: 20px;
    }
    .tabs_container .tabs {
        flex-direction: column;
        display: flex;
    }
    .adding-question .tabs_container .tabs button {
        text-align: start;
    }
    .adding-question .tabs_container .tabs button {
        margin-bottom: 15px;
        margin-right: 0;
    }

    .adding-question .tabs_container .tabs button:last-child{
        margin-bottom: 0;
    }
    .adding-question_links {
        flex-direction: column;
        display: flex;
    }
    .adding-question .task-page_form .line.df {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .adding-question_top-text {
        text-align: start;
        white-space: wrap;
        margin-bottom: 20px;
    }
    .adding-question_btn {
        margin-left: 0;
        margin-top: 13px;
    }
    .adding-question .simulator-questions_title {
        flex-direction: column;
        align-items: flex-start;
    }

    .simulator-questions_bottom-btns button{
        margin-left: 0;
    }

    .game_items > * {
        width: 100%;
    }
    .game_title {
        font-size: 18px;
    }
    .game_wrap {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .game_left {
        margin-right: 0;
    }

    .game_btn{
        margin-top: 15px;
    }
    .game-over .page_title {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .game-over .page_title a {
        margin-left: 0;
        margin-top: 15px;
    }
    .card_top {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start; 
    }
    .card_btn {
        margin-top: 15px;
    }
    .hint_item-btns {
        margin-top: 18px;
        flex-direction: column;
    }
    .hint_item-btn {
        min-width: 260px;
    }
    .hint_item-btn + .hint_item-btn {
        margin-left: 0px;
        margin-top: 13px;
    }
    .card_item-btns {
        margin-top: 18px;
        flex-direction: column;
    }
    .card_item-btn {
        min-width: 260px;
    }
    .card_item-btn + .card_item-btn {
        margin-left: 0px;
        margin-top: 13px;
    }
    .card_item-text {
        font-size: 18px;
    }


    .audio-note .add_audio{
        padding-top: 25px;
    }

    .dialog .message .photo svg{
        width: 40px;
        height: 40px;
    }

    .shop_items > * {
        width: 100%;
        gap: 10px;
    }
    .shop_item-bottom {
        flex-direction: row;
    }
    .shop_item-link {
        margin-left: auto;
        margin-top: 0px;
    }
    .purchase_item {
        flex-direction: column;
        align-items: flex-start;
    }
    .purchase_item-right {
        margin-top: 10px;
    }
    .shop_head {
        flex-direction: column;
        align-items: flex-start;
    }
    .shop_head .nice-select {
        margin-top: 10px;
    }
    .shop_head .nice-select .list {
        left: 0;
    }

    .message_form{
        margin-left: 55px;
    }

    .message_form form{
        width: calc(100% - 45px);
    }

    .intellect-top_wrap {
        flex-direction: column;
        align-items: flex-start;
    }
    .intellect-top_left {
        margin-right: 0;margin-bottom: 20px;
    }
    .intellect-top_title {
        font-size: 18px;
    }

    .steps-instructions_head {
        flex-direction: column;
        align-items: flex-start;
    }
    .steps-instructions_items > * {
        width: 100%;
    }
    .steps-instructions_head-left {
        margin-bottom: 12px;
    }


    .simulator-quiz_info-text {
        font-size: 20px;
        line-height: 25px;
    }
    .simulator-quiz_wrap-text {
        font-size: 20px;
        line-height: 25px;
    }
    .simulator-quiz_description-item-title {
        font-size: 18px;
        line-height: 23px;
        margin-bottom: 10px;
    }
    .simulator-quiz_description-item-text {
        font-size: 15px;
        line-height: 20px;
        margin-bottom: 0px;
    }
    .simulator-quiz_item-title {
        font-size: 19px;
        line-height: 24px;
    }


    .simulator-quiz_box {
        flex-direction: column-reverse;
        gap: 5px;
    }
    .simulator-quiz_img {
        margin: 20px 18px 10px;
        position: relative;
        display: block;
        max-width: calc(100% - 36px);
    }
    .simulator-quiz_img img {
        width: 100%;
    }
    .simulator-quiz_wrap {
        width: 100%;
        border-right: none;
    }
    .simulator-quiz_head {
        padding: 22px 18px 19px;
        gap: 10px;
    }


    .almanac_items div > *{
        width: 35px;
        height: 35px;
    }

    .almanac_item span{
        font-size: 11px;
        width: 17px;
        height: 17px;
        line-height: 13px;
    }

    .simulator-quiz_video .simulator-quiz_video-wrap{
        width: calc(100% - 40px);
        margin-left: 20px;
    }

    .task2_item-top-label{
        margin-top: 7px;
    }

    .shop_head-links {
        margin-top: 12px;
        flex-direction: column;
    }
    .shop_head-links a {
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
    .shop_head-links a + a {
        margin-top: 10px;
    }
    .shop-new_zakaz {
        flex-direction: column;
        align-items: flex-start;
    }
    .shop-new_zakaz button {
        margin-left: 0;
        margin-top: 10px;
    }
    .shop-new_zakaz-left {
        flex-direction: column;
        align-items: flex-start;
    }
    .shop-new_zakaz-product {
        margin-top: 10px;
    }

    .shop_accrual-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .shop_purchase-head {
        flex-direction: column;
        align-items: flex-start;
    }
    .shop_award-head {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .shop_top-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
    .shop_top-box {
        align-items: flex-start;
    }

    .knowledge-base_items > * {
        width: 100%;
    }
    .knowledge-base_items {
        gap: 10px;
    }

    .search_ai_history_head{
        align-items: flex-start;
        flex-direction: column;
    }

    .search_ai_cats{
        flex-direction: column;
    }

    .search_ai_cat{
        padding: 5px 10px;
    }

    .message_continue{
    	flex-direction: column;
    }

    #outputMulti, .comments .comment .images{
        flex-direction: column;
    }


    .comments_wrap_new{
        flex-direction: column;
    }

    .comments_wrap_new .comments{
        width: 100%;
    }


    .dialog .head .person {
        margin-top: 35px;
    }
    .trainer_new_desc {
        padding: 15px;
    }
    .accordion_item .faq_btn span {
        display: none;
    }
    .trainer_step:after {
        width: calc(100% + 30px);
    }
    .trainer_step .accordion_dialog .accordion_item .head .title {
        width: calc(100% - 30px);
    }
    .trainer_step .accordion_dialog .accordion_item .head {
        flex-wrap: nowrap;
        padding: 0 15px;
    }
    .trainer_step .accordion_dialog .accordion_item {
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }

    .comments_wrap_new .block_title .tabs{        
        margin-left: 0 !important;
        flex-direction: row;
    }



    .learning-paths_items > * {
        width: 100%;
    }
    .learning-paths_items {
        gap: 15px;
    }

    .learning-paths .training-plan_items > * {
        width: 100%;
    }
    .learning-paths .training-plan_items {
        padding: 20px;
    }



    

    .evaluation-calls .mistake_items > * {
        width: 100%;
    }
    .evaluation-calls .table-wrap {
        overflow-y: scroll;
        overflow: -moz-scrollbars-none; 
        -ms-overflow-style: none;
    }
    .evaluation-calls table {
        width: 760px;
    }
    .evaluation-calls .table-wrap::-webkit-scrollbar { 
        width: 0; 
    }
    .evaluation-calls_head {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .evaluation-calls_head .page_title {
        width: 100%;
    }
    .name-assessment_items {
        gap: 10px;
    }
    .name-assessment_items > * {
        width: calc(100% / 2 - 12px);
    }

    .evaluation-calls .mistake_items > * {
        width: 100%;
    }
    .examples-calls .table-wrap {
        overflow-y: scroll;
        overflow: -moz-scrollbars-none; 
        -ms-overflow-style: none;
    }
    .examples-calls table {
        width: 760px;
    }
    .examples-calls .table-wrap::-webkit-scrollbar { 
        width: 0; 
    }

    .communication-assessment_items > * {
        width: 100%;
    }
    .call-dialog_top {
        flex-direction: column;
    }
    .call-dialog_audio {
        width: 100%;
    }   

     .inforamation-calls .table-wrap {
        overflow-y: scroll;
        overflow: -moz-scrollbars-none; 
        -ms-overflow-style: none;
    }
    .inforamation-calls table {
        width: 760px;
    }
    .inforamation-calls .table-wrap::-webkit-scrollbar { 
        width: 0; 
    }

    .income_item-text {
        font-size: 12px;
    }



    .event-feed_item-left {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
    }
    .event-feed_item-top {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .shop_top{
        flex-wrap: wrap;
    }

    .shop_info{
        width: calc(100% - 90px);
    }



    .communication_test6 {
        flex-direction: column;
    }
    .communication_test-box {
        margin-right: 0;
    }
    .communication_test-box .communication_test-title {
        text-align: center;
        margin-top: 18px;
    }
    .communication_test-box .communication_test-text {
        text-align: center;
        margin: 20px auto 29px;
    }
    .communication_test6 .communication_test-btn {
        margin: 0 auto;
    }
    .communication_test-btns > * {
        width: 100%;
    }
    .communication_test-btns {
        margin-top: 18px;
    }
    .communication_wrap {
        padding: 12px;
        margin-top: 18px;
    }

    .ask-questions_wrap {
        flex-direction: column;
        align-items: center;
    }
    .ask-questions_btn {
        margin: 0 auto;
    }
    .ask-questions_text {
        text-align: center;
    }
    .ask-questions_title {
        text-align: center;
        margin-top: 18px;
    }
    .ask-questions_btn {
        margin: 15px auto 0;
    }

    .trainer_ai_body{
        flex-direction: column;
    }

    .trainer_ai_body_left{
        width: 100%;
    }

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


    .person_items > * {
        width: calc(100%/2 - 8px);
    }


    .passing-head {
        flex-direction: column;
        gap: 32px;
    }
    .passing .page_title-info-text {
        margin-top: 8px;
    }

    .passing_item{
        width: 100%;
    }

    .alternative_top {
        flex-direction: column;
    }
    .alternative_label {
        margin-top: 20px;
    }
    .alternative_title {
        width: 100%;
    }
    .skill-bars .bar .info {
        flex-direction: column;
    }
    .progress-line_text {
        margin-left: 0;
    }
    .voter-list_items {
        flex-direction: column;
    }
    .surveys_items {
        gap: 10px;
    }
    .surveys_items > * {
        width: 100%;
    }
    .surveys .faq_btn {
        padding: 1px;
    }
    .surveys .accordion_item-left {
        width: calc(100% - 40px);
    }
    .dynamic_item-top {
        flex-direction: column;
    }
    .surveys .accordion_item .data .accordion-block_item {
        padding: 14px;
    }
    .dynamic_item-title {
        width: 100%;
    }
    .surveys .accordion_item .data {
        padding: 12px;
    }
    .surveys_items > * {
        padding: 12px;
    }
    .learning-paths_info {
        padding: 16px;
    }


    .note_items > * {
        width: 100%;
    }
    .note_items {
        gap: 15px;
    }
    .thanks-assessment {
        padding: 20px;
    }
    .evaluation-simulator_item-title {
        font-size: 18px;
    }
    .thanks-assessment_title {
        font-size: 20px;
    }

    .event-feed_item-bottom{
        flex-direction: column;
        align-items: flex-start;
    }

    .event-feed_item-right{
        margin-left: initial;
    }

    .event-feed_item-images a{
        height: 120px;
    }

    .you_boss{
        flex-wrap: wrap;
    }

    .you_boss_text{
        width: calc(100% - 55px);
    }

    .you_boss button{
        width: calc(100% - 55px);
    }

    .ii_button{
        margin-left: 0;
    }

    .courses_not_complete_item{
        width: calc(100% / 2 - 6px)
    }

    .chat_box .line-boxs {
        flex-direction: column;
        align-items: flex-start;
    }


    .mission_head .select-right {
        position: relative;
    }
    .mission_top-items > * {
        width: 100%;
    }
    .mission_item {
        width: 100%;
    }


    .outcomes_items > * {
        width: 100%;
    }
    .outcomes_bottom-head {
        flex-direction: column;
    }


    .repair_top-items > * {
        width: 100%;
    }
    .repair_items > * {
        width: 100%;
    }

    .region_top-items > * {
        width: 100%;
    }
    .region_items > * {
        width: 100%;
    }

    .breadcrumbs {
        margin-left: 40px;
    }


    .question-ai .line {
        flex-wrap: wrap;
    }
    .question-ai .line .field {
        width: 100%;
    }

    .board_item-name {
        flex-direction: column;
        align-items: flex-start;
    }
    .board_item-top {
        align-items: flex-start;
    }
    .board_item-photo {
        width: 70px;
        height: 70px;
    }
    .navigation_link {
        display: inline-flex;
        flex-direction: column;
    }
    .navigation_link a + a {
        margin-left: 0px;
        margin-top: 15px;
    }
    .navigation_link a {
        border-bottom: none;
    }


    .bearing .tabs_container .tabs {
        flex-direction: row;
        margin-left: 0;
    }
    .bearing .accordion_item .head {
        flex-direction: column;
    }
    .bearing .tabs_container .tabs button {
        width: 50%;
    }
    .bearing .faq_btns {
        display: none;
    }
    .bearing .accordion2 .data {
        display: block !important;
    }
    .bearing-nav_title-btn {
        display: flex;
    }


    .job-description_items > * {
        width: calc(100% / 2 - 12px);
    }
    .job-description_box_title {
        font-size: 19px;
    }
    .denied .code svg {
        width: 100%;
        height: auto;
        max-width: 100%;
    }



    .mentor_item-contacts > * {
        width: 100%;
    }
    .mentor_item {
        padding: 14px;
    }
    .mentor_item-top:before {
        width: calc(100% + 28px);
        left: -14px;
    }



    .your-mentor {
        padding: 14px;
    }
    .your-mentor_contacts {
        flex-direction: column;
        gap: 6px;
    }
    .your-mentor_label {
        top: -10px;
        right: 10px;
    }
    .your-mentor_author {
        width: 100%;
        align-items: flex-start;
    }
    .your-mentor_contact {
        font-size: 15px;
    }
    .your-mentor_name {
        font-size: 18px;
        line-height: 1.3;
    }

    .training-plan_item:last-child:nth-child(odd) {
        width: 100%;
    }
    .training-plan_item:last-child:nth-child(even){
        width: 100%;
    }


    .passing_items.two .passing_item {
        width: 100%;
    }
    .call-analysis_item-top {
        display: inline-flex;
        flex-direction: column;
    }
    .knowledge-catalog_items> * {
        width: 100%;
    }
    .test-folder_items > * {
        width: 100%;
    }

    .job-head_items {
        gap: 12px;
    }
    .job-head_items > * {
        width: 100%;
    }
    .schedule_head {
        flex-direction: column;
        align-items: flex-start;
    }
    .schedule_items > * {
        width: 100%;
    }

    .coach-head_contact {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .coach_items > * {
        width: 100%;
    }
    .coach_item-status {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }

    .attestation-active_item-btns {
        margin-top: 12px;
        justify-content: flex-start;
    }

    .attestation-active_title {
        flex-direction: column;
        gap: 10px;
    }


    .knowledge_items > * {
        width: 100%;
    }
    .knowledge_wrap-top {
        flex-direction: column;
        padding-bottom: 12px;
        margin-bottom: 12px;
    }
    .knowledge_wrap {
        padding: 12px;
    }
    .proposal_box-title {
        font-size: 18px;
    }
    .knowledge-base_box_title {
        font-size: 20px;
    }
    .proposal_accordion .accordion_item {
        padding: 12px;
    }
    .proposal_right {
        align-items: flex-end;
        flex-direction: column-reverse;
    }
    .supervisor-panel_top {
        flex-direction: column;
        align-items: flex-start;
    }
    .proposal_info-items > * {
        width: 100%;
    }
    .proposal_btns {
        flex-direction: column;
    }
    .supervisor-panel_btn {
        width: 100%;
    }
 


}