@media only screen  and (max-width: 639px) {
    /**** header ****/
    #spo_header_cont{width: calc(100% - 20px); padding: 10px 0; }
    #spo_header_right_menu_btn{display: block;}
    #spo_header_top_nav{display: none;}
    #spo_header_right_contacts{display: none;}
    #spo_header_right_btn{display: none;}
    #spo_logo{ font-size: 11px; padding-bottom: 2px;
        .logo_img{ width: 20px; height: 19px; }
    }

    #spo_header_cont_mobile_wrap{ height: calc(100% - 45px); position: fixed; top: 45px; left: 0; right: 0; background: #fff;}

    /******* breadcrumbs ********/
    #spo_breadcrump_wrap{padding-top: 45px; width: calc(100% - 20px);}

    /****************************/
     .spo_cont_screen{width: calc(100% - 20px); margin-bottom: 80px;}

    /********* footer ********/
    #spo_footer{padding: 40px 0;}
    #spo_footer_cont{width: calc(100% - 20px); padding: 20px;}
    #spo_footer_cont_top{flex-wrap: wrap; gap: 40px; margin-bottom: 20px;}
    #spo_footer_cont_top_left{width: 100%;}
    #spo_footer_cont_top_left_logos{ flex-direction: column; align-items: flex-start; gap: 20px; margin-bottom: 40px;}
    #spo_footer_logo_wrap{gap: 11px; .logo_txt{font-size: 18px; span{ font-size: 23px; }}}
    #spo_footer_cont_top_left_logos_partner_info{width: 100%; font-size: 14px;}
    #spo_footer_cont_top_left_logos_partner_info::before{ height: 1px;
    width: 100%; margin-right: 0; margin-top: 0; float: none; margin-bottom: 20px;}
    .spo_footer_cont_navigation_title{font-size: 14px; margin-bottom: 16px;}
    .spo_footer_cont_navigation_menu_item{font-size: 12px; margin-bottom: 9px;}
    .spo_footer_cont_navigation_contact_el{font-size: 12px; margin-bottom: 9px;} 
    #spo_footer_cont_navigation_wrap{gap: 40px;}
    #spo_footer_cont_top_right{width: 100%; display: flex; flex-direction: column; gap: 40px;}
    #spo_footer_cont_top_right_licence{flex: auto; text-align: left; margin-bottom: 0;}
    #spo_footer_cont_top_right_requisites{text-align: left;}
    #spo_footer_cont_bottom{flex-direction: column; gap: 40px;     align-items: flex-start;}
    #spo_footer_cont_bottom_documents{flex-direction: column; gap: 20px;     align-items: flex-start;}
    .spo_footer_cont_bottom_document_link{min-width: auto;}
    
    /****** fixed banner *******/
    #spo_bottom_fixed_banner{}
    #spo_bottom_fixed_banner_cont{width: calc(100% - 40px); flex-direction: column; gap: 10px;  align-items: flex-start;     padding: 14px 0; }
    #spo_bottom_fixed_banner_close_btn{width: 18px; height: 18px; top: 10px; right: 0;}
    #spo_bottom_fixed_banner_cont_left{width: calc(100% - 85px);}
    #spo_bottom_fixed_banner_cont_title{font-size: 14px; line-height: 126%; margin-bottom: 6px;}
    #spo_bottom_fixed_banner_cont_middle{ width: 166px; left: auto; right: -40px; bottom: 0; transform: translateX(0);}
    #spo_bottom_fixed_banner_cont_btn{height: 34px; padding: 10px 22px; font-size: 12px;}

    /****** modal *******/
    .spo_modal_close_btn{ width: 34px; height: 34px; background-size: 7px; top: 10px; right: 10px;}
    .spo_modal_form_wrap{ width: 440px; border-radius: 10px;}
    #spo_modal_callback_title{font-size: 22px;}
    #spo_modal_callback_subtitle{font-size: 14px;}
    #spo_modal_callback_form_inputs_wrap > * {flex: 1 1 40%;}
    .spo_modal_form_input_text{height: 50px; font-size: 12px;}
    #spo_modal_callback_form_submit{height: 46px; padding: 15px 22px; font-size: 12px;}    
    #spo_modal_callback_form_submit_na{height: 46px; padding: 15px 22px; font-size: 12px;}   

    /****************************************/
    /*************** MAIN *****************/
    #spomain{padding-top: 45px;}
    .spomain_cont_screen{width: calc(100% - 20px); margin-bottom: 80px;}

    /********** first screen **********/
    #spomain_cont_first_screen{margin-top: 60px;}
    #spomain_cont_first_screen_banner{padding: 25px; background-size: 25%, 70%;}
    #spomain_cont_first_screen_title{font-size: 32px; margin-bottom: 30px;}    
    #spomain_cont_first_screen_banner_list_wrap{gap: 10px; margin-bottom: 20px;}
    #spomain_cont_first_screen_banner_title{font-size: 20px; margin-bottom: 20px;}
    .spomain_cont_first_screen_banner_list_item{width: 125px; height: 180px; padding: 10px; border-radius: 8px;}
    .spomain_cont_first_screen_banner_list_item_title{ font-size: 12px; width: 105px;}
    .spomain_cont_first_screen_banner_list_item_cont{padding: 10px; width: 105px;}
    .spomain_cont_first_screen_banner_list_item_top{font-size: 11px;}
    .spomain_cont_first_screen_banner_list_item_text{font-size: 11px;}
    #spomain_cont_first_screen_banner_list_item_3{background-position: top -15px right -15px;}
    #spomain_cont_first_screen_banner_btn_link{height: 46px; font-size: 12px; padding: 10px 22px 12px 22px;}

    /******* benefit screen ********/
    #spomain_cont_benefit_screen_title{ font-size: 24px; margin-left: 0; margin-bottom: 30px; width: 365px; max-width: 100%; text-align: left;}
    #spomain_cont_benefit_wrapper{gap: 16px;}
    .spomain_cont_benefit_title{gap: 10px;}
    .spomain_cont_benefit_item{flex-basis: 100%; padding: 20px; min-height: auto; border-radius: 8px;}
    .spomain_cont_benefit_title{font-size: 16px; margin-bottom: 14px;}
    .spomain_cont_benefit_title:before{ width: 18px; height: 18px;}
    .spomain_cont_benefit_desc{ font-size: 12px;}
    #spomain_cont_benefit_partner{ padding: 20px; gap: 10px; border-radius: 8px;}
    .spomain_cont_benefit_partner_img_wrap{ width: 80px; height: 80px; flex:  0 0 80px;}
    .spomain_cont_benefit_partner_img{padding: 4px;}
    .spomain_cont_benefit_partner_name{font-size: 14px;}
    .spomain_cont_benefit_partner_creds{font-size: 12px;}
    

    /*********** consult screen ************/
    #spomain_cont_consult_screen{flex-direction: column; gap: 10px;}
    #spomain_cont_consult_screen_left_col{ padding: 20px; height: 350px; flex: auto; background-size: cover; background-position: center bottom -50px;}    
    #spomain_cont_consult_screen_left_col_title{ font-size: 24px; }
    #spomain_cont_consult_screen_form_wrap{flex: 0 0 100%; padding: 20px;}
    #spomain_cont_consult_screen_form_title{font-size: 16px;}    
    #spomain_cont_consult_screen_form_inputs_wrap{margin-bottom: 20px;}
    .spomain_cont_consult_screen_form_input_text{height: 50px; font-size: 12px;}
    #spomain_cont_consult_screen_form_promo_agree{margin-bottom: 20px;}
    #spomain_cont_consult_screen_form_submit{width: 100%; height: 46px; font-size: 12px; margin-bottom: 20px; text-align: center;}
    #spomain_cont_consult_screen_form_submit_na{width: 100%; height: 46px; font-size: 12px; margin-bottom: 20px; text-align: center;}
    

    /******* popular ******/
    #spomain_cont_popular_screen{width: 100%; padding: 40px 0 40px 20px;}  
    #spomain_cont_popular_main_title{font-size: 24px; margin-bottom: 30px;}
    #spomain_cont_popular_grid{gap: 10px;}
    .spomain_cont_popular_card{flex: 0 0 260px; width: 260px; padding: 16px; border-radius: 8px;}
    .spomain_cont_popular_card_header{height: 175px;}
    .spomain_cont_popular_card_duration{height: 29px; font-size: 12px;}
    .spomain_cont_popular_card_hit_badge{height: 29px; font-size: 12px;}
    .spomain_cont_popular_card_btn_wrap{gap: 6px;}
    .spomain_cont_popular_card_info{height: 176px;}
    .spomain_cont_popular_card_title{font-size: 16px; margin-bottom: 14px;}
    .spomain_cont_popular_card_code{font-size: 13px; margin-bottom: 14px;}
    .spomain_cont_popular_card_desc{ font-size: 12px;}
    .spomain_cont_popular_card_btn_more{ padding: 10px 18px; height: 34px; font-size: 12px;}
    .spomain_cont_popular_card_request{ padding: 10px 15px; white-space: nowrap; height: 34px; font-size: 12px;}

    /******how_going_learning screen*/
    #spomain_cont_how_going_learning_screen_title{font-size: 24px; margin-bottom: 30px;}
    #spomain_cont_how_going_learning_slider{gap: 10px;}
    .spomain_cont_how_going_learning_slider_item_wide{width: 260px; min-height: 287px; padding: 20px; border-radius: 8px; }
    .spomain_cont_how_going_learning_slider_item{width: 260px; min-height: 287px; padding: 20px; border-radius: 8px;}
    .spomain_cont_how_going_learning_slider_item_finish{width: 260px; min-height: 287px; padding: 20px; border-radius: 8px; }
    .spomain_cont_how_going_learning_slider_item_title{font-size: 16px; margin-bottom: 10px;}
    .spomain_cont_how_going_learning_slider_item_descr{font-size: 12px;}
    .spomain_cont_how_going_learning_slider_item_wide_img_link{display: none;}
    .spomain_cont_how_going_learning_slider_item_wide_img_link:first-of-type{display: block;}
    .spomain_cont_how_going_learning_slider_item_img_bottom{margin: 0 -20px -20px -20px;}
    .spomain_cont_how_going_learning_slider_item_finish_title{ font-size: 20px;}
    .spomain_cont_how_going_learning_slider_item_finish_title::before{ margin-right: 10px;}
    #spomain_cont_how_going_learning_slider_controls{gap: 14px; margin-top: 0;}
    #spomain_cont_how_going_learning_slider_controls .owl-prev{width: 34px; height: 34px;}
    #spomain_cont_how_going_learning_slider_controls .owl-next{width: 34px; height: 34px;}

    /********* diplom screen *********/
    #spomain_cont_diplom_screen_top{flex-direction: column; gap: 30px; margin-bottom: 30px;}
    #spomain_cont_diplom_screen_left{flex: auto;}
    #spomain_cont_diplom_screen_left_img{border-radius: 8px;}
    #spomain_cont_diplom_screen_title{font-size: 24px; margin-bottom: 30px;}
    #spomain_cont_diplom_screen_text{font-size: 14px;}
    #spomain_cont_diplom_screen_grid{flex-direction: column; gap: 16px;}
    .spomain_cont_diplom_screen_grid_item{flex:auto; min-height: auto; flex-direction: row; justify-content: flex-start; gap: 10px; border-radius: 8px;}
    .spomain_cont_diplom_screen_grid_item_icon{width: 18px; height: 18px; object-fit: contain;}
    .spomain_cont_diplom_screen_grid_item_title{font-size: 16px;}
    .spomain_cont_diplom_screen_grid_item_accent{flex:auto; min-height: auto; border-radius: 8px;}
    .spomain_cont_diplom_screen_grid_item_accent_title{font-size: 16px; margin-bottom: 14px;}
    .spomain_cont_diplom_screen_grid_item_accent_title_text{font-size: 12px;}
    
    /********* download_plan ***********/
    #spomain_cont_download_plan_screen{padding: 20px; flex-direction: column; gap: 30px;}
    #spomain_cont_download_plan_screen_title{font-size: 24px; margin-bottom: 30px;}
    #spomain_cont_download_plan_screen_list{display: flex; flex-wrap: wrap; gap: 16px;}
    .spomain_cont_download_plan_screen_list_item{margin-bottom: 0; gap: 10px; font-size: 13px;}
    .spomain_cont_download_plan_screen_list_item:before{width: 16px; height: 16px;}
    #spomain_cont_download_plan_screen_form_wrap{flex-basis: 100%; padding: 20px;}    
    #spomain_cont_download_plan_screen_form_wrap::before{content: none;}
    #spomain_cont_download_plan_screen_form_inputs_wrap{margin-bottom: 20px;}
    .spomain_cont_download_plan_screen_form_input_text{height: 50px; font-size: 12px;}
    #spomain_cont_download_plan_screen_form_promo_agree{margin-bottom: 20px;}
    #spomain_cont_download_plan_screen_form_submit{height: 46px; margin-bottom: 20px; font-size: 12px;}
    #spomain_cont_download_plan_screen_form_submit_na{height: 46px; margin-bottom: 20px; font-size: 12px;}

    /********* partners ***********/
    #spomain_cont_partners_screen{flex-direction: column; gap: 0;}
    #spomain_cont_partners_screen_title{font-size: 24px; margin-bottom: 30px;}
    #spomain_cont_partners_screen_list{gap: 10px;}
    .spomain_cont_partners_screen_list_item{ width: 160px; padding: 12px;   min-height: 180px;}
    .spomain_cont_partners_screen_list_item_img_wrap{ width: 46px; height: 46px;}
    .spomain_cont_partners_screen_list_item_name{font-size: 11px;}

    /********** spomain cont reviews ********/
    #spomain_cont_reviews_screen_title{font-size: 24px; margin-bottom: 30px;}
    #spomain_cont_reviews_screen_slider{gap: 10px;}
    .spomain_cont_reviews_screen_slider_item{width: 200px; min-height: 300px; border-radius: 8px; }
    .spomain_cont_reviews_screen_slider_item_video{width: 200px; height: 300px; border-radius: 8px;}
    .spomain_cont_reviews_screen_slider_item_finish{width: 200px; height: 300px; border-radius: 8px;}    
    .spomain_cont_reviews_screen_slider_item_person_info_name{font-size: 14px;}
    .spomain_cont_reviews_screen_slider_item_text{font-size: 12px;}
    .spomain_cont_reviews_screen_slider_item_programm{font-size: 11px;}
    .spomain_cont_reviews_screen_slider_item_more_link{font-size: 14px;}
    .spomain_cont_reviews_screen_slider_item_video_block{border-radius: 8px;}
    .spomain_cont_reviews_screen_slider_item_video_block::after{    border-radius: 0 0 8px 8px;}
    .spomain_cont_reviews_screen_slider_item_video_programm{font-size: 14px;}
    .spomain_cont_reviews_screen_slider_item_video_play_btn{ width: 34px;  height: 34px; background-position: left 11px center; background-size: 15px 12px;}
    #spomain_cont_reviews_screen_slider_controls{gap:14px; margin-top: 0;}
    #spomain_cont_reviews_screen_slider_controls .owl-prev{width: 34px; height: 34px;}
    #spomain_cont_reviews_screen_slider_controls .owl-next{width: 34px; height: 34px;}

    /******** step screen *********/
    #spomain_cont_step_screen{padding: 40px 20px;}
    #spomain_cont_step_main_title{font-size: 24px; margin-bottom: 30px;}
    #spomain_cont_step_grid{gap: 14px;}
    .spomain_cont_step_card{padding: 20px; min-height: auto; border-radius: 8px;}
    #spomain_cont_step1{min-height: 140px;         background-size: 40%;}
    .spomain_cont_step_card_top{display: flex; gap: 10px; align-items: flex-start;}
    .spomain_cont_step_number{font-size: 13px; margin-bottom: 14px; line-height: 20px;}
    .spomain_cont_step_title{font-size: 16px; margin-bottom: 14px;}
    .spomain_cont_step_btn{font-size: 12px; padding: 15px 23px;}
    .spomain_cont_step_desc{font-size: 12px;}
    #spomain_cont_step6 .spomain_cont_step_desc{width: 260px; max-width: 100%;}


    /*********** help admission ************/
    #spomain_cont_help_admission{flex-direction: column; gap: 10px;}
    #spomain_cont_help_admission_left_col{padding: 20px; height: 350px; flex: auto; background-size: cover; background-position: center bottom -50px;}
    #spomain_cont_help_admission_left_col_title{ font-size: 24px; } 
    #spomain_cont_help_admission_form_wrap{ flex-basis: 100%; padding: 20px;}      
    #spomain_cont_help_admission_form_title{font-size: 16px;}
    #spomain_cont_help_admission_form_inputs_wrap{margin-bottom: 20px;}
    .spomain_cont_help_admission_form_input_text{font-size: 12px; height: 50px;}
    #spomain_cont_help_admission_form_promo_agree{margin-bottom: 20px;}
    #spomain_cont_help_admission_form_submit{width: 100%; height: 46px; font-size: 12px; margin-bottom: 20px; text-align: center;}
    #spomain_cont_help_admission_form_submit_na{width: 100%; height: 46px; font-size: 12px; margin-bottom: 20px; text-align: center;}
    
    /******** faq screen ******/
    #spomain_cont_faq_screen_title{font-size: 24px; margin-bottom: 30px;}
    #spomain_cont_faq_screen_tabs_header{gap: 6px; flex-wrap: wrap; margin-bottom: 20px;}
    .spomain_cont_faq_screen_tabs_header_item{ padding: 10px 13px; font-size: 12px;}
    .spomain_cont_faq_screen_tabs_content_list_item_question{padding: 25px 14px; font-size: 14px;}
    .spomain_cont_faq_screen_tabs_content_list_item_btn{width: 34px;
    height: 34px;  top: 18px; right: 14px;}
    .spomain_cont_faq_screen_tabs_content_list_item_answer{ font-size: 12px; padding: 0 14px 30px 14px; width: 525px;}

    /************* main_description screen **********/
    #spomain_cont_main_description_screen_title{font-size: 24px; margin-bottom: 30px;}   
    #spomain_cont_main_description_screen_text{font-size: 12px; h2{font-size: 24px; margin-bottom: 30px;}} 

    /****************************************/
    /*************** DETAIL *****************/
    /***** main *****/
    #spodetail{}
    .spodetail_cont_screen{width: calc(100% - 20px); margin-bottom: 80px;}

    /********* detail first screen **********/
    #spodetail_cont_first_screen{ display: block; }
    #spodetail_cont_first_screen_info_title{font-size: 22px;}
    #spodetail_cont_first_screen_info_descr{ font-size: 14px; margin-bottom: 20px; font-weight: 500; line-height: 130%;}
    #spodetail_cont_first_screen_info_general{margin-bottom: 20px; flex-wrap: wrap; gap: 10px;}
    .spodetail_cont_first_screen_info_general_item{ flex-grow: 1; padding: 10px;}
    .spodetail_cont_first_screen_info_general_item_val{font-size: 14px;}
    #spodetail_cont_first_screen_img_wrap{display: none;}
    #spodetail_cont_first_screen_info_btn_wrap{ gap: 10px; flex-wrap: wrap; }
    #spodetail_cont_first_screen_info_btn_consult{height: 36px; line-height: 36px; font-size: 12px; flex-grow: 1;}
    #spodetail_cont_first_screen_info_btn_to_programm{ height: 36px; line-height: 36px; font-size: 12px; flex-grow: 1;}

    /********* result doc screen **********/
    #spodetail_cont_result_doc_banner{padding: 30px; background: #E6F3FA;}
    #spodetail_cont_result_doc_banner_title{font-size: 20px; margin-bottom: 30px;}
    #spodetail_cont_result_doc_banner_list_wrap{ flex-wrap: wrap; gap: 16px; }
    .spodetail_cont_result_doc_banner_list_item{ padding-top: 20px; padding-left: 16px;}
    #spodetail_cont_result_doc_banner_list_item_3{ padding-right: 16px; padding-bottom: 20px; height: 240px; background-position: top center;}
    .spodetail_cont_result_doc_banner_list_item_logo{ width: 90px; }
    .spodetail_cont_result_doc_banner_list_item_text{ font-size: 12px; }
    .spodetail_cont_result_doc_banner_list_item_btn_more{font-size: 12px; padding: 11px 20px;}

    /********* two profession screen **********/
    #spodetail_cont_two_profession_screen_title{font-size: 20px; margin-bottom: 20px;}
    #spodetail_cont_two_profession_screen_grid{gap: 10px; grid-template-columns: 1fr; }
    .spodetail_cont_two_profession_screen_grid_item{ border-radius: 8px; padding: 20px;     display: flex; flex-direction: column; justify-content: space-between;}    
    .spodetail_cont_two_profession_screen_grid_item_title{font-size: 14px;}
    .spodetail_cont_two_profession_screen_grid_item_bottom{ align-items: flex-start;     flex-direction: column; gap: 20px;}
    .spodetail_cont_two_profession_screen_grid_item_bottom_price{font-size: 18px;}
    .spodetail_cont_two_profession_screen_grid_item_btn_more{width: 100%;}

    /*********** help admission ************/
    #spodetail_cont_help_admission{flex-direction: column; gap: 10px;}
    #spodetail_cont_help_admission_left_col{padding: 20px; height: 350px; flex: auto; background-size: cover; background-position: center bottom -50px;}
    #spodetail_cont_help_admission_left_col_title{ font-size: 24px; } 
    #spodetail_cont_help_admission_form_wrap{ flex-basis: 100%; padding: 20px;}      
    #spodetail_cont_help_admission_form_title{font-size: 16px;}
    #spodetail_cont_help_admission_form_inputs_wrap{margin-bottom: 20px;}
    .spodetail_cont_help_admission_form_input_text{font-size: 12px; height: 50px;}
    #spodetail_cont_help_admission_form_promo_agree{margin-bottom: 20px;}
    #spodetail_cont_help_admission_form_submit{width: 100%; height: 46px; font-size: 12px; margin-bottom: 20px; text-align: center;}
    #spodetail_cont_help_admission_form_submit_na{width: 100%; height: 46px; font-size: 12px; margin-bottom: 20px; text-align: center;}

    /*********** can work ************/
    #spodetail_cont_can_work_screen_title_wrap{margin-bottom: 30px;}
    #spodetail_cont_can_work_screen_title{font-size: 20px;}
    .spodetail_cont_can_work_screen_slider_item{min-height: 302px; width: 240px; padding: 20px;}
    .spodetail_cont_can_work_screen_slider_item_title{font-size: 14px;}
    .spodetail_cont_can_work_screen_slider_item_text{font-size: 12px;}
    .spodetail_cont_can_work_screen_slider_item_consult_link{font-size: 12px;}
    .spodetail_cont_can_work_screen_slider_item_colorful{min-height: 302px; width: 240px;}
    .spodetail_cont_can_work_screen_slider_item_colorful_title{font-size: 14px;}
    .spodetail_cont_can_work_screen_slider_item_colorful_text{font-size: 12px;}

    /*********** learn to screen ************/
    #spodetail_cont_learn_to_screen{padding: 30px; margin-bottom: 80px;}
    #spodetail_cont_learn_to_title{font-size: 20px; margin-bottom: 30px;}
    .spodetail_cont_learn_to_grid_item{width: 240px; padding: 16px; border-radius: 8px;}
    .spodetail_cont_learn_to_grid_item_title{font-size: 14px;}
    .spodetail_cont_learn_to_grid_item_text{font-size: 12px;}
    .spodetail_cont_educational_plan_module_inner{ padding:  0 12px 16px 12px;}
    .spodetail_cont_educational_plan_module_inner_list{font-size: 12px;}

    /*********** educational_plan ************/
    #spodetail_cont_educational_plan_title{font-size: 20px; margin-bottom: 30px; text-align: left;}
    .spodetail_cont_educational_plan_module_top{padding: 16px 12px; gap: 10px;}
    .spodetail_cont_educational_plan_module_toggle_btn{ width: 34px; height: 34px;}
    .spodetail_cont_educational_plan_module_number{ font-size: 12px; white-space: nowrap;}
    .spodetail_cont_educational_plan_module_title{ font-size: 12px; }

    /*********** how is education going ************/
    #spodetail_cont_how_is_education_going_screen_title{font-size: 20px; margin-bottom: 30px; text-align: left;}
    #spodetail_cont_how_is_education_going_list{gap: 14px;}
    #spodetail_cont_how_is_education_going_list_item_first{flex: 1 1 100%; padding: 24px; min-height: 221px; border-radius: 8px; background-size: auto 83px; margin-bottom: 16px;}
    .spodetail_cont_how_is_education_going_list_item_first_title{font-size: 18px; }
    .spodetail_cont_how_is_education_going_list_item_first_text{ font-size: 12px;}
    .spodetail_cont_how_is_education_going_list_item{flex: 1 1 100%; gap: 14px; min-height: auto; border-radius: 8px; padding: 20px; }
    .spodetail_cont_how_is_education_going_list_item_title{ font-size: 14px; padding-left: 28px; }
    .spodetail_cont_how_is_education_going_list_item_title::before{ width: 18px; height: 18px; }
    .spodetail_cont_how_is_education_going_list_item_text{ font-size: 12px; }

    /*********** how get two professions ************/
    #spodetail_cont_how_get_two_professions_screen{ padding: 30px;}
    #spodetail_cont_how_get_two_professions_screen_title{font-size: 20px;}
    #spodetail_cont_how_get_two_professions_screen_subtitle{font-size: 18px;}
    #spodetail_cont_how_get_two_professions_screen_description{font-size: 14px; margin-bottom: 30px;}
    #spodetail_cont_how_get_two_professions_screen_documents{ margin-bottom: 30px;     flex-wrap: wrap; gap: 16px; } 
    .spodetail_cont_how_get_two_professions_screen_documents_item{padding-top: 16px; border-radius: 8px; width: 240px;}
    .spodetail_cont_how_get_two_professions_screen_documents_item_title{ font-size: 14px; padding-left: 20px; padding-right: 16px; margin-bottom: 10px; }
    .spodetail_cont_how_get_two_professions_screen_documents_item_text{ padding-left: 20px; padding-right: 16px; font-size: 12px; }
    .spodetail_cont_how_get_two_professions_screen_documents_item_img_doc{ height: 143px; } 
    .spodetail_cont_how_get_two_professions_screen_documents_item_logo{ left: 20px; bottom: 10px; height: auto; padding: 5px 10px; }
    #spodetail_cont_how_get_two_professions_screen_documents_item_logo_college{width: auto; font-size: 10px;}
    #spodetail_cont_how_get_two_professions_screen_documents_item_logo_nadpo{ width: auto; font-size: 10px; }
    #spodetail_cont_how_get_two_professions_btn_choose{ height: 38px; font-size: 12px; width: 100%; padding: 12px 20px;}

    /*********** two_diplom_benefits ************/
    #spodetail_cont_two_diplom_benefits_grid{gap: 16px;}
    #spodetail_cont_two_diplom_benefits_grid_start{ flex: 1 1 100%; border-radius: 8px; }
    #spodetail_cont_two_diplom_benefits_grid_start_title{ font-size: 20px; }
    .spodetail_cont_two_diplom_benefits_grid_item{ flex: 1 1 100%; min-height: 160px; border-radius: 8px; padding: 20px; }
    .spodetail_cont_two_diplom_benefits_grid_item_number{ margin-bottom: 16px;}
    .spodetail_cont_two_diplom_benefits_grid_item_title{font-size: 14px; margin-bottom: 16px;}
    .spodetail_cont_two_diplom_benefits_grid_item_text{ font-size: 12px;}
    #spodetail_cont_two_diplom_benefits_grid_finish{display: none;}
 
    /*********** profitable_study ************/
    #spodetail_cont_profitable_study_screen{flex-direction: column;}
    #spodetail_cont_profitable_study_screen_title{ font-size: 20px; }
    #spodetail_cont_profitable_study_grid{gap: 16px; flex-direction: column;}
    .spodetail_cont_profitable_study_grid_col{ gap: 16px; }
    .spodetail_cont_profitable_study_grid_col_item { width: 100%; min-height: auto;}
    .spodetail_cont_profitable_study_grid_col_item_title{ font-size: 14px; margin-bottom: 16px; }
    .spodetail_cont_profitable_study_grid_col_item_descr{ font-size: 12px; }
    .spodetail_cont_profitable_study_grid_col_item_img{ max-height: 120px; }
    .spodetail_cont_profitable_study_grid_col_item_img_bottom{ max-height: 80px; margin-top: 16px;}
    .spodetail_cont_profitable_study_grid_col_item_hint{ width: 76px; min-height: 24px; font-size: 10px; padding: 5px 10px; }
    
    /********* free_consult_form ***********/
    #spodetail_cont_free_consult_screen{padding: 20px; flex-direction: column; gap: 30px;}
    #spodetail_cont_free_consult_screen_title{font-size: 20px; margin-bottom: 30px;}  
    #spodetail_cont_free_consult_screen_descr{ font-size: 12px; } 
    #spodetail_cont_free_consult_screen_form_wrap{flex-basis: 100%; padding: 20px;}    
    #spodetail_cont_free_consult_screen_form_wrap::before{content: none;}
    #spodetail_cont_free_consult_screen_form_inputs_wrap{margin-bottom: 20px;}
    .spodetail_cont_free_consult_screen_form_input_text{height: 50px; font-size: 12px;}
    #spodetail_cont_free_consult_screen_form_promo_agree{margin-bottom: 20px;}    
    #spodetail_cont_free_consult_screen_form_submit{height: 46px; margin-bottom: 20px; font-size: 12px; padding: 16px 20px 12px 20px; width: 100%;}
    #spodetail_cont_free_consult_screen_form_submit_na{height: 46px; margin-bottom: 20px; font-size: 12px; padding: 16px 20px 12px 20px; width: 100%;}

    /********* perspectives ********/
    #spodetail_cont_perspectives_container{flex-direction: column;}
    #spodetail_cont_perspectives_left{flex-basis: auto; border-radius: 8px; height: 260px;}
    #spodetail_cont_perspectives_title{font-size: 20px;}
    #spodetail_cont_perspectives_description{font-size: 14px;}
    #spodetail_cont_perspectives_right{ flex-direction: column; }
    #spodetail_cont_perspectives_cards_grid{ flex: 1 1 100%; }
    .spodetail_cont_perspectives_card{ margin-bottom: 16px;}
    .spodetail_cont_perspectives_card_title{font-size: 12px;}
    .spodetail_cont_perspectives_card_salary{font-size: 12px; font-style: normal;}
    #spodetail_cont_perspectives_stat_picture_wrap{ display: none; }
    #spodetail_cont_perspectives_stat_item_vacancy{margin-bottom: 0;}
    .spodetail_cont_perspectives_card:nth-of-type(2) .spodetail_cont_perspectives_card_text{width: 87%;}
    .spodetail_cont_perspectives_card:nth-of-type(3) .spodetail_cont_perspectives_card_text{width: 100%;}
    .spodetail_cont_perspectives_stat_value{ font-size: 18px; }

    /********** detail reviews ********/
    #spodetail_cont_reviews_screen_title{font-size: 24px; margin-bottom: 30px;}
    #spodetail_cont_reviews_screen_slider{gap: 10px;}
    .spodetail_cont_reviews_screen_slider_item{width: 200px; min-height: 300px; border-radius: 8px; }
    .spodetail_cont_reviews_screen_slider_item_video{width: 200px; height: 300px; border-radius: 8px;}
    .spodetail_cont_reviews_screen_slider_item_finish{width: 200px; height: 300px; border-radius: 8px;}    
    .spodetail_cont_reviews_screen_slider_item_person_info_name{font-size: 14px;}
    .spodetail_cont_reviews_screen_slider_item_text{font-size: 12px;}
    .spodetail_cont_reviews_screen_slider_item_programm{font-size: 11px;}
    .spodetail_cont_reviews_screen_slider_item_more_link{font-size: 14px;}
    .spodetail_cont_reviews_screen_slider_item_video_block{border-radius: 8px;}
    .spodetail_cont_reviews_screen_slider_item_video_block::after{    border-radius: 0 0 8px 8px;}
    .spodetail_cont_reviews_screen_slider_item_video_programm{font-size: 14px;}
    .spodetail_cont_reviews_screen_slider_item_video_play_btn{ width: 34px;  height: 34px; background-position: left 11px center; background-size: 15px 12px;}
    #spodetail_cont_reviews_screen_slider_controls{gap:14px; margin-top: 0;}
    #spodetail_cont_reviews_screen_slider_controls .owl-prev{width: 34px; height: 34px;}
    #spodetail_cont_reviews_screen_slider_controls .owl-next{width: 34px; height: 34px;}

    /******** detail faq screen ******/
    #spodetail_cont_faq_screen_title{font-size: 24px; margin-bottom: 30px;}
    #spodetail_cont_faq_screen_tabs_header{gap: 6px; flex-wrap: wrap; margin-bottom: 20px;}
    .spodetail_cont_faq_screen_tabs_header_item{ padding: 10px 13px; font-size: 12px;}
    .spodetail_cont_faq_screen_tabs_content_list_item_question{padding: 25px 14px; font-size: 14px;}
    .spodetail_cont_faq_screen_tabs_content_list_item_btn{width: 34px;
    height: 34px;  top: 18px; right: 14px;}
    .spodetail_cont_faq_screen_tabs_content_list_item_answer{ font-size: 12px; padding: 0 14px 30px 14px; width: 525px;}

    /************* detail main_description screen **********/
    #spodetail_cont_main_description_screen_title{font-size: 24px; margin-bottom: 30px;}   
    #spodetail_cont_main_description_screen_text{font-size: 12px; h2{font-size: 24px; margin-bottom: 30px;}}   
    
    /***************************/
    /** poryadok-postypleniya **/
    /***************************/
    #spoincoming{ padding-top:  45px; }    
    /**** incoming first ****/
    #spoincoming_cont_first_screen{margin-top: 60px; display: block; position: relative;}
    #spoincoming_cont_first_screen_info{height: auto; width: 100%; text-align: center; gap: 0;}
    #spoincoming_cont_first_screen_title{font-size: 32px; margin-bottom: 30px;}
    #spoincoming_cont_first_screen_btn{ margin: 0 auto 30px auto; height: 46px; width: 260px; text-align: center; font-size: 12px; }
    #spoincoming_cont_first_screen_btn::after{ width: 18px; height: 12px;}
    #spoincoming_cont_first_screen_picture{ display: block; width: 320px; max-width: calc(100% - 40px); margin: 0 auto; }

    /**** incoming steps ****/
    #spoincoming_cont_step_screen_grid{ gap: 14px;}
    .spoincoming_cont_step_screen_grid_item{ padding: 20px; border-radius: 8px; }
    .spoincoming_cont_step_screen_grid_item_num{ font-size: 13px; }
    .spoincoming_cont_step_screen_grid_item_title{font-size: 16px; }
    .spoincoming_cont_step_screen_grid_item_btn{ height: 46px; font-size: 12px; width: 161px; text-align: center; }
    #spoincoming_cont_step_screen_grid_item1{ flex-direction: column; align-items: flex-start; background-position: right -45px top 60%; }
    #spoincoming_cont_step_screen_grid_item1_left{gap: 10px; margin-bottom: 15.5px; .spoincoming_cont_step_screen_grid_item_title{ width: 256px;} }
    #spoincoming_cont_step_screen_grid_item2{ flex: 1 1 32%; min-height: 150px; }
    #spoincoming_cont_step_screen_grid_item3{ flex: 1 1 32%; }
    #spoincoming_cont_step_screen_grid_item4{ flex: 1 1 32%; min-height: 140px;
        .spoincoming_cont_step_screen_grid_item_title{ width: 350px; max-width: 100%; }
    }


    /**** docs for entry ****/
    #spoincoming_docs_for_entry_screen{ flex-wrap: wrap; gap: 20px; }
    #spoincoming_docs_for_entry_left_title{ font-size: 24px; margin-bottom: 30px; }
    #spoincoming_docs_for_entry_left_descr{font-size: 14px; margin-bottom: 30px; width: 100%; }
    #spoincoming_docs_for_entry_left_img{ max-height: none; width: 100%; margin: 0 auto; }
    #spoincoming_docs_for_entry_right{ padding: 30px; border-radius: 8px; }
    #spoincoming_docs_for_entry_tabs_header{ margin-bottom: 40px;  }
    .spoincoming_docs_for_entry_tabs_header_item{ font-size: 12px; }
    .spoincoming_docs_for_entry_tabs_content.active{ margin-bottom: 40px;}
    .spoincoming_docs_for_entry_tabs_content_subtitle{ font-size: 16px; }
    .spoincoming_docs_for_entry_bottom_text{ p{ font-size: 12px; } }

    /**** payment methods ****/
    #spoincoming_payment_methods_screen_title{ font-size: 24px; margin-bottom: 30px;}
    #spoincoming_payment_methods_grid{ flex-wrap: wrap; gap: 10px;}
    .spoincoming_payment_methods_grid_item{ min-height: 140px; border-radius: 8px; }
    .spoincoming_payment_methods_grid_item_title{ font-size: 16px; }
    .spoincoming_payment_methods_grid_item_img{ width: 60px;}
    .spoincoming_payment_methods_grid_item_final{ min-height: 160px; border-radius: 8px; }
    .spoincoming_payment_methods_grid_item_final_title{ font-size: 16px; } 
    .spoincoming_payment_methods_grid_item_final_btn{ height: 46px; font-size: 12px;     padding: 15px 20px; }

    /***************************/
    /******** o-college ********/
    /***************************/
    #spoabout{ padding-top:  45px; }
    /**** about first ****/
    #spoabout_cont_first_screen{margin-top: 60px; display: block; position: relative;}
    
    #spoabout_cont_first_screen_info{ height: auto; }
    #spoabout_cont_first_screen_title{ font-size: 32px; text-align: center; }
    #spoabout_cont_first_screen_text{ font-size: 14px; text-align: center; margin-bottom: 30px; }
    #spoabout_cont_first_screen_picture{ display: block; width: 320px; max-width: 100%; margin: 0 auto; }

    /****** about benefits *****/
    #spoabout_cont_benefits_screen{ gap: 10px; }
    .spoabout_cont_benefits_item{ padding: 20px; flex: 1 1 48%; border-radius: 8px; }
    .spoabout_cont_benefits_item_title{ font-size: 16px; }
    .spoabout_cont_benefits_item_text{ font-size: 12px; }
    .spoabout_cont_benefits_item_final{ padding: 20px; flex: 1 1 48%; border-radius: 8px; }
    .spoabout_cont_benefits_item_final_title{ font-size: 16px; }
    .spoabout_cont_benefits_item_final_btn{width: 100%; height: 46px; font-size: 12px;  padding: 15px 40px 12px 40px;}
    

    /****** docs screen *****/
    #spoabout_cont_docs_screen_title{ font-size: 24px; margin-bottom: 30px; }
    #spoabout_cont_docs_screen_descr{ font-size: 14px; margin-bottom: 30px; }
    #spoabout_cont_docs_screen_columns{ gap: 10px; }
    .spoabout_cont_docs_screen_columns_item{ flex-direction: column; gap: 20px; justify-content: space-between; border-radius: 8px; }
    .spoabout_cont_docs_screen_columns_item_info{ flex-basis: auto; }
    .spoabout_cont_docs_screen_columns_item_info_title{ font-size: 20px; margin-bottom: 20px; }
    .spoabout_cont_docs_screen_columns_item_info_text{ font-size: 12px; }
    .spoabout_cont_docs_screen_columns_item_img_wrap{ height: 208px; }

    /****** partner screen *****/
    #spoabout_cont_partner_screen_columns{ flex-wrap: wrap; gap: 20px; margin-bottom: 30px; }
    #spoabout_cont_partner_screen_col_left{ width: 100%; }
    #spoabout_cont_partner_screen_col_left_img{ border-radius: 14px; }
    #spoabout_cont_partner_screen_col_right{ width: 100%; }
    #spoabout_cont_partner_screen_title{ font-size: 24px; margin-bottom: 30px; }
    #spoabout_cont_partner_screen_col_text{ font-size: 14px; }
    #spoabout_cont_partner_screen_bottom{ height: 510px; background-position: center bottom; background-size: auto 350px; border-radius: 8px; }
    #spoabout_cont_partner_screen_bottom_info { width: 100%; }
    #spoabout_cont_partner_screen_bottom_title{ font-size: 20px; }
    #spoabout_cont_partner_screen_bottom_text{ font-size: 14px; }
    

    /****** perspectives screen *****/
    #spoabout_cont_perspectives_screen_title{ font-size: 24px; margin-bottom: 30px; }
    #spoabout_cont_perspectives_columns{ flex-direction: column; gap: 10px; }
    .spoabout_cont_perspectives_columns_item{ padding: 20px 20px 208px 20px; background-size: auto 190px; border-radius: 8px; }
    .spoabout_cont_perspectives_columns_item_title{ font-size: 20px; }
    .spoabout_cont_perspectives_columns_item_text{ font-size: 14px; }

    /***************************/
    /**** oplata-obychenia *****/
    /***************************/
    #spopay{ padding-top:  45px; }    
    /**** pay first ****/
    #spopay_cont_first_screen{margin-top: 60px; display: block; position: relative;}
    #spopay_cont_first_screen_info{height: auto; width: 100%; text-align: center; gap: 0;}
    #spopay_cont_first_screen_title{font-size: 32px; margin-bottom: 30px;}
    #spopay_cont_first_screen_btn{ margin: 0 auto 30px auto; height: 46px; width: 260px; text-align: center; font-size: 12px; }
    #spopay_cont_first_screen_btn::after{ width: 18px; height: 12px;}
    #spopay_cont_first_screen_picture{ display: block; width: 320px; max-width: calc(100% - 40px); margin: 0 auto; }
    
    /*** forms of payment ***/
    #spopay_forms_of_payment_title{ font-size: 24px; margin-bottom: 30px; }
    #spopay_forms_of_payment_grid{ gap: 16px; margin-bottom: 16px; flex-wrap: wrap; }
    .spopay_forms_of_payment_grid_item{ flex: 1 1 48%; padding: 20px; border-radius: 8px; }
    .spopay_forms_of_payment_grid_item_title{ font-size: 20px; }
    .spopay_forms_of_payment_grid_item_text{ font-size: 12px; }
    #spopay_forms_of_payment_grid_item_full{ min-height: 320px; }
    #spopay_forms_of_payment_grid_item_matcapital .spopay_forms_of_payment_grid_item_text{ margin-bottom: 20px; }
    #spopay_forms_of_payment_grid_credit{flex-direction: column; gap: 30px; padding: 20px; border-radius: 8px; }
    #spopay_forms_of_payment_grid_credit_left{ flex: auto; }
    #spopay_forms_of_payment_grid_credit_title{ font-size: 20px; }
    #spopay_forms_of_payment_grid_credit_text{ font-size: 12px; }
    #spopay_forms_of_payment_grid_credit_right{ gap: 10px; flex-wrap: wrap; }
    .spopay_forms_of_payment_grid_credit_right_card{ flex: 1 1 49%; max-width: none; border-radius: 8px; height: auto;
        ul{ font-size: 12px; 
            li{ margin-bottom: 16px; padding-left: 28px; }
            li:before{ width: 18px; height: 18px; }
        }
    }
    .spopay_forms_of_payment_grid_credit_right_card_title{ font-size: 16px; margin-bottom: 20px; }
    .spopay_forms_of_payment_grid_credit_right_card_list{ font-size: 12px; 
        li{ margin-bottom: 16px; padding-left: 28px; }
        li:before{ width: 18px; height: 18px; }
    }

    /*** methods of payment ***/
    #spopay_methods_of_payment_screen_title{ font-size: 24px; margin-bottom: 30px;  }
    #spopay_methods_of_payment_grid{ gap: 10px; }
    .spopay_methods_of_payment_grid_item{ border-radius: 8px; padding: 16px; min-height: 310px; }
    .spopay_methods_of_payment_grid_item_title{ font-size: 16px; }
    .spopay_methods_of_payment_grid_item_text{ font-size: 12px; }
    .spopay_methods_of_payment_grid_item_img{ width: 60px; height: 54px; }

    /*** compensation ***/
    #spopay_compensation_screen_title{ font-size: 24px; margin-bottom: 30px; }
    #spopay_compensation_screen_description{ font-size: 14px; margin-bottom: 30px; }
    #spopay_compensation_columns{ grid-template-columns: 1fr; gap: 20px; }
    .spopay_compensation_col{ border-radius: 8px; }
    .spopay_compensation_col_title{ font-size: 16px; margin-bottom: 30px; }
    .spopay_compensation_col_check_list{ flex-wrap: wrap; }
    .spopay_compensation_col_check_list_li{ flex: 1 1 48%; min-height: 120px; gap: 20px; }
    .spopay_compensation_col_check_list_li_descr{ font-size: 12px; }
    

}

@media only screen  and (max-width: 479px) {

    #spomain_cont_first_screen{margin-top: 40px;}
    #spomain_cont_first_screen_title { font-size: 22px; margin-bottom: 20px;}
    #spomain_cont_first_screen_banner{padding: 15px 12px; background-size: 42%, 90%; background-position: left -25% top 45%, bottom right -200%;}
    #spomain_cont_first_screen_banner_title{font-size: 18px; margin-bottom: 16px;}
    #spomain_cont_first_screen_banner_list_wrap{flex-wrap: wrap;}
    .spomain_cont_first_screen_banner_list_item{height: 164px;}
    .spomain_cont_first_screen_banner_list_item_title{width: 100px;}
    #spomain_cont_first_screen_banner_list_item_3{
        width: 260px; height: 129px; background-position: top -15px right; background-size: 70%; 
        .spomain_cont_first_screen_banner_list_item_title{ width: auto; margin-bottom: 10px;}
        .spomain_cont_first_screen_banner_list_item_cont{width: 162px; .spomain_cont_first_screen_banner_list_item_top{ width: 92px;}
        }
    }

    /*************/
    #spomain_cont_benefit_screen_title{font-size: 20px;}
    .spomain_cont_benefit_title{font-size: 14px;}
    #spomain_cont_benefit_partner{padding: 14px;}

    /*************/
    #spomain_cont_consult_screen_left_col{height: 240px;}
    #spomain_cont_consult_screen_left_col_title{font-size: 20px; width: 206px;}
    #spomain_cont_consult_screen_form_title{font-size:14px;}
    #spomain_cont_consult_screen_form_inputs_wrap > *{flex-basis: 100%;}
    #spomain_cont_consult_screen_form_promo_agree_checkbox{min-width: 20px;}

    /*************/
    #spomain_cont_popular_main_title{font-size: 20px;}

    /*************/
    #spomain_cont_how_going_learning_screen_title{font-size: 20px;}
   
    /*************/
    #spomain_cont_diplom_screen_title{font-size: 20px;}
    #spomain_cont_diplom_screen_text{line-height: 130%;}
    .spomain_cont_diplom_screen_grid_item_title{font-size: 14px;}

    /*************/
    #spomain_cont_download_plan_screen_title{font-size: 20px;}
    #spomain_cont_download_plan_screen_form_inputs_wrap > *{flex-basis: 100%;}
    #spomain_cont_download_plan_screen_form_promo_agree_checkbox{width: 16px; height: 16px; min-width: 16px;}
    #spomain_cont_download_plan_screen_form_promo_agree_checkbox:checked::after{line-height: 14px;}

    /*************/
    #spomain_cont_partners_screen_title{font-size: 20px;}

    /*************/
    #spomain_cont_reviews_screen_title{font-size: 20px;}

    /*************/
    #spomain_cont_step_main_title{font-size: 20px;}
    #spomain_cont_step1{min-height: 118px; background-position: top -15px right -35px;}
    .spomain_cont_step_title{font-size: 14px;}
    #spomain_cont_step6{ background-size: 35%;}
    #spomain_cont_step6 .spomain_cont_step_desc{width: 100%;}

    /*************/
    #spomain_cont_help_admission_left_col{height: 240px;}
    #spomain_cont_help_admission_left_col_title{font-size: 20px; width: 206px;}
    #spomain_cont_help_admission_form_title{font-size:14px;}
    #spomain_cont_help_admission_form_inputs_wrap > *{flex-basis: 100%;}
    #spomain_cont_help_admission_form_promo_agree_checkbox{min-width: 20px;}

    /*************/
    #spomain_cont_faq_screen_title{font-size: 20px;}
    #spomain_cont_faq_screen_tabs_header{gap: 5px;} 
    .spomain_cont_faq_screen_tabs_content_list_item_question{width: calc(100% - 55px);}

    /*************/
    #spomain_cont_main_description_screen_title{font-size: 20px;}


    /*************/
    #spodetail_cont_help_admission_left_col{height: 240px;}
    #spodetail_cont_help_admission_left_col_title{font-size: 20px; width: 206px;}
    #spodetail_cont_help_admission_form_title{font-size:14px;}
    #spodetail_cont_help_admission_form_inputs_wrap > *{flex-basis: 100%;}
    #spodetail_cont_help_admission_form_promo_agree_checkbox{min-width: 20px;}

    /*************/
    #spodetail_cont_free_consult_screen_title{font-size: 20px;}
    #spodetail_cont_free_consult_screen_form_inputs_wrap > *{flex-basis: 100%;}
    #spodetail_cont_free_consult_screen_form_promo_agree_checkbox{width: 16px; height: 16px; min-width: 16px;}
    #spodetail_cont_free_consult_screen_form_promo_agree_checkbox:checked::after{line-height: 14px;}

    /*************/
    #spodetail_cont_can_work_screen_title_wrap{ flex-wrap: wrap; }
    #spodetail_cont_can_work_screen_slider_controls{margin: 0 auto;}

    /*************/
    #spodetail_cont_reviews_screen_title{font-size: 20px;}

    /*************/
    #spodetail_cont_faq_screen_title{font-size: 20px;}
    #spodetail_cont_faq_screen_tabs_header{gap: 5px;} 
    .spodetail_cont_faq_screen_tabs_content_list_item_question{width: calc(100% - 55px);}

    /*************/
    #spodetail_cont_main_description_screen_title{font-size: 20px;}
    #spodetail_cont_main_description_screen_text{h2{font-size: 20px;}} 

    /*************/
    #spo_footer_cont_navigation_wrap{flex-direction: column;}

    /*************/
    #spo_bottom_fixed_banner_cont_middle{width: 152px; background-size: 118%; background-position: top -8px left;}

    /****** modal *******/
    .spo_modal_form_wrap{padding: 20px;}
    #spo_modal_callback_title{font-size: 18px; margin-bottom: 14px;}
    #spo_modal_callback_subtitle{margin-bottom: 16px;}
    #spo_modal_callback_form_inputs_wrap > *{flex-basis: 100%;}
    #spo_modal_callback_form_promo_agree_checkbox{min-width: 20px;}
    #spo_modal_callback_form_submit{width: 100%; text-align: center;}
    #spo_modal_callback_form_submit_na{width: 100%; text-align: center;}

    /***************************/
    /** poryadok-postypleniya **/
    /***************************/   
    /**** incoming first ****/
    #spoincoming_cont_first_screen{ margin-top: 40px; }
    #spoincoming_cont_first_screen_title{ font-size: 22px; }

    /**** incoming steps ****/
    .spoincoming_cont_step_screen_grid_item_title{ font-size: 14px; }
    #spoincoming_cont_step_screen_grid_item1{ background-size: 192px auto; background-position: right -110px top 80%; }
    #spoincoming_cont_step_screen_grid_item1_left { margin-bottom: 20.5px;
          .spoincoming_cont_step_screen_grid_item_title { width: 100%; }
    }
    #spoincoming_cont_step_screen_grid_item2{ flex: 1 1 100%; min-height: 110px;}
    #spoincoming_cont_step_screen_grid_item3{ flex: 1 1 100%; min-height: 110px;}
    #spoincoming_cont_step_screen_grid_item4 { background-position: top right -35px;     background-size: 143px auto; 
        .spoincoming_cont_step_screen_grid_item_title {
            width: 100%;           
        }
    }

    /**** docs for entry ****/
    #spoincoming_docs_for_entry_left_title{ font-size: 20px; }
    #spoincoming_docs_for_entry_right{ padding: 16px; }
    #spoincoming_docs_for_entry_tabs_header{ flex-wrap: wrap; gap: 10px; margin-bottom: 30px; }
    .spoincoming_docs_for_entry_tabs_header_item{transform: translateZ(0); -webkit-transform: translateZ(0);}
    .spoincoming_docs_for_entry_tabs_content.active{ margin-bottom: 30px; }
    .spoincoming_docs_for_entry_tabs_content_list{ font-size: 12px; 
        li{ padding-left: 28px; margin-bottom: 16px; } 
        li:before{ width: 18px; height: 18px; }
    }
    .spoincoming_docs_for_entry_tabs_content_subtitle{font-size: 14px;}

    /**** payment methods ****/
    .spoincoming_payment_methods_grid_item_title{ font-size: 14px; }
    .spoincoming_payment_methods_grid_item_img{ width: 40px; } 

    /***************************/
    /******** o-college ********/
    /***************************/
    /**** about first ****/
    #spoabout_cont_first_screen{margin-top: 40px; }
    #spoabout_cont_first_screen_title{ font-size: 22px; }
    #spoabout_cont_first_screen_picture{ width: 260px; }

    /****** docs screen *****/
    #spoabout_cont_docs_screen_title{ font-size: 20px; }
    #spoabout_cont_docs_screen_columns{ grid-template-columns: 1fr; }
    .spoabout_cont_docs_screen_columns_item_info_title{ font-size: 14px; }

    /****** partner screen *****/
    #spoabout_cont_partner_screen_title{ font-size: 20px; }
    #spoabout_cont_partner_screen_bottom{ height: 430px; padding: 16px; background-size: auto 216px; }
    #spoabout_cont_partner_screen_bottom_title{ font-size: 18px; }

    /****** perspectives screen *****/
    #spoabout_cont_perspectives_screen_title{ font-size: 20px; }
    .spoabout_cont_perspectives_columns_item{ padding: 20px 20px 148px 20px; background-size: auto 128px; }
    .spoabout_cont_perspectives_columns_item_title{ font-size: 18px; }


    /***************************/
    /**** oplata-obychenia *****/
    /***************************/
    /**** pay first ****/
    #spopay_cont_first_screen{ margin-top: 40px; }
    #spopay_cont_first_screen_title{ font-size: 22px; }

    /*** forms of payment ***/
    #spopay_forms_of_payment_title{ font-size: 20px; }
    .spopay_forms_of_payment_grid_item_title{ font-size: 18px; }
    .spopay_forms_of_payment_grid_credit_right_card_title{ font-size: 14px; }

    /*** methods of payment ***/
    #spopay_methods_of_payment_screen_title{ font-size: 20px; }
    #spopay_methods_of_payment_grid{ flex-wrap: wrap; }
    .spopay_methods_of_payment_grid_item{ flex-basis: 100%; min-height: auto; }
    .spopay_methods_of_payment_grid_item_title{ font-size: 14px; }
    .spopay_methods_of_payment_grid_item_img{ width: 40px; height: 36px;  }

    /*** compensation ***/
    #spopay_compensation_screen_title{ font-size: 20px; }
    .spopay_compensation_col_title{ font-size: 14px; }
    .spopay_compensation_col_check_list_li{ min-height: auto; }
}