@media screen and (max-width: 1600px){
    .right_header_blck{
        width: 38%;
    }
    .play_listen_btn{
        padding: 12px;
        gap: 10px;
        margin-left: 30px;
    }
    .right_color{
        width: 38.5%;
    }
    .right_side_general{
        width: 40%;
        padding-left: 30px;
    }
    .fill_inp{
        padding: 12px;
    }
    .login_section .right_side_general {
        margin: auto 0;
    }
    .ruler_img {
        max-width: 60%;
    }
    .play_btn_head{
        min-width: 32px;
        width: 32px;
        height: 32px;
    }
    .play_btn_head svg{
        width: 14px;
        height: 14px;
    }
    .logo_head{
        max-width: 110px;
    }
    .check_inp{
        min-width: 24px;
        width: 24px;
        height: 24px;  
    }
    .login_form{
        gap: 15px;
    }
    :root{
        --sixteen: 14px;
        --eighteen: 16px;
        --twenty: 18px;
        --fontTwentyTwo: 20px;
        --twofour: 22px;
        --titleFont: 35px;
    }
    .date_time_head{
        gap: 14px;
        margin: 0 40px;
    }
    .admins_svg, .calendar_time_svg {
        width: 22px;
        height: 22px;
    }
    .login_register_blck {
        gap: 18px;
    }
    .eye, .eye_line{
        right: 30px;
    }
    .inp_rel .inps_ {
        padding-right: 55px;
    }
    .login_form .login_btn{
        padding: 12px;
    }
    .description_{
        gap: 20px;
    }
    .try_free{
        margin-top: 20px;
        padding: 16px 32px;
    }
    .news_img{
        height: 280px;
    }
    .news_block{
        gap: 30px;
    }
    .news_items_blck{
        gap: 25px;
    }
    .news_item{
        width: calc(100% / 2 - 18px);
    }
    .minutes_space{
        font-size: 60px;
    }
    .eng_title {
        font-size: 45px;
        max-width: 380px;
    }
    .marquee_sectoin{
        padding: 18px 12px;
    }
    .info_section_general{
        gap: 16px;
    }
    .week_course_btn{
        padding: 22px 30px;
    }
    .audio_video_blck{
        font-size: 20px;
    }
    .video_svg, .audio_line {
        width: 30px;
        height: 30px;
    }
    .lesson_type_blocks{
        height: 475px;
        padding: 30px 25px;
        gap: 16px;
    }
    .students_img{
        height: 230px;
    }
    .day_square{
        height: 50px;
    }
    .info_numb_four_blck{
        gap: 25px;
    }
    .calendare_block{
        gap: 15px;
    }
    .big_number{
        font-size: 60px;
    }
    .start_lesson{
        padding: 16px 30px;
    }
    .progress_animation{
        height: 130px;
    }
    .user_section{
        margin: 160px 0 60px 0;
    }
    .info_svg{
        min-width: 50px;
        width: 50px;
        height: 50px;
        border-radius: 6px;
    }
    .inicatorof_progress {
        bottom: -5px;
        height: 146px;
    }
    .levels_name{
        padding-left: 10px;
    }
    .welcome_user_page{
        width: 25%;
    }
    .progress_animation{
        padding: 10px;
        border-radius: 15px;
    }
    .user_progress_info_block{
        gap: 24px;
        width: 74%;
    }



}
@media screen and (max-width: 1440px){
    .right_side_general {
        padding-left: 20px;
    }
    .play_listen_btn{
        padding: 10px;
        border-radius: 10px;
    }
    .listen_sp{
        font-size: 12px;
    }
    .play_btn_head {
        min-width: 28px;
        width: 28px;
        height: 28px;
    }
    .header_block {
        padding: 18px 0 16px 0;
    }
    .time_date{
        font-size: 16px;
    }
    .logo_head {
        max-width: 90px;
    }
    .date_time_head{
        gap: 10px;
        margin: 0 26px;
    }
    .time_date {
        font-size: 14px;
    }
    .contactw_admin, .radio_lab {
        gap: 10px;
    }
    .login_btn{
        padding: 10px 22px;
        border-radius: 10px;
    }
    .admins_svg, .calendar_time_svg {
        width: 20px;
        height: 20px;
    }
    :root{
        --sixteen: 12px;
        --eighteen: 14px;
        --twenty: 18px;
        --fontTwentyTwo: 18px;
        --twofour: 20px;
        --titleFont: 30px;
    }
    .login_form{
        max-width: 400px;
    }
    .check_inp {
        min-width: 20px;
        width: 20px;
        height: 19px;
    }
    .inps_{
        padding: 15px 30px;
    }
    .abouts_img{
        max-height: 260px;
    }
    .privacy_static_block{
        padding-top: 115px;
    }
    .nav_bar {
        gap: 25px;
    }
    .nav_alink{
        font-size: 15px;
    }
    .description_ {
        gap: 14px;
    }
    .privacy_text_block{
        gap: 30px;
    }
    .privacy_text_block::-webkit-scrollbar{
        height: 4px;
        width: 4px;
    }
    .news_img {
        height: 240px;
    }
    .online_student, .offline_student{
        width: 25px;
        height: 25px;
    }
    .students_img img {
        border-radius: 20px;
    }
    .students_block{
        gap: 20px 14px;
    }
    .student_blck{
        width: calc(100% / 6 - 12px);
    }
    .students_section{
        gap: 30px;
        margin: 130px 0 20px 0;
    }
    .click_space{
        max-width: 220px;
        padding: 16px;
    }
    .settings_title{
        font-size: 24px;
    }
    .minutes_space{
        font-size: 40px;
    }
    .time_round{
        min-width: 50px;
        width: 50px;
        height: 50px;
    }
    .check_answer_blck{
        gap: 15px;
    }
    .press_info{
        max-width: 164px;
    }
    .checko_, .checko_ input, .checkbox_form{
        width: 24px;
        height: 24px;
    }
    .prev_question, .next_question{
        padding: 12px;
    }
    .schedule_items{
        gap: 12px;
    }
    .numb_schedule{
        min-width: 30px;
    }
    .schedule_lesson_window{
        gap: 22px;
        border-radius: 20px;
        padding: 20px 20px 30px 20px;
    }
    .gen_inf_block{
        gap: 20px;
    }
    .gen_inf_block .ruler_img {
        margin-top: 30px;
    }
    .eng_title {
        font-size: 36px;
        max-width: 325px;
    }
    .week_course_btn{
        padding: 16px 25px;
        border-radius: 15px;
    }
    .ruler_img {
        max-width: 55%;
    }
    .contact_section{
        margin: 130px auto 0 auto;
    }
    .alink_contact{
        gap: 18px;
    }
    .contact_general_block .description_{
        margin-top: 12px;
    }
    .contact_form{
        margin-top: 20px;
    }
    .lessons_section{
        margin-top: 130px;
    }
    .students_img {
        height: 216px;
    }
    .user_section {
        margin: 130px 0 40px 0;
    }
    .calendare_img {
        width: 24px;
    }
    .info_svg {
        min-width: 40px;
        width: 40px;
        height: 40px;
    }
    .info_numb_four_blck{
        border-radius: 16px;
        padding: 18px;
    }
    .day_square {
        height: 45px;
    }
    .info_title_blck{
        gap: 14px;
    }


}
@media screen and (max-width: 1280px){
    .eng_title{
        max-width: 400px;
    }
    .nav_bar,  .users_head_blck {
        gap: 16px;
    }
    .user_on_off{
        width: 16px;
        height: 16px;
    }
    .right_side_general, .right_header_blck{
        width: 36%;
    }
    .right_color {
        width: 36.5%;
    }
    .nav_alink {
        font-size: 14px;
    }
    .logo_head {
        max-width: 75px;
    }
    .header_block {
        padding: 12px 0 14px 0;
    }
    .fill_inp {
        padding: 8px;
    }
    .try_free {
        margin-top: 16px;
        padding: 12px 20px;
    }
    :root{
        --titleFont: 26px;
    }
    .right_side_general .description_ {
        margin-top: 14px;
    }
    .right_side_general{
        padding-bottom: 30px;
    }
    .start_vacation{
        padding: 10px 20px;
    }
    .user_head_block{
        gap: 16px;
    }
    .notif_ring_btn {
        min-width: 42px;
        width: 42px;
        height: 42px;
    }
    .contact_section {
        margin: 110px auto 0 auto;
    } 
    .link_img {
        width: 35px;
        height: 35px;
    }
    .alink_contact {
        gap: 12px;
    }
    .contact_general_block{
        gap: 16px;
    }
    .date_time_head{
        margin: 0 10px 0 14px;
        padding: 10px;
    }
    .play_listen_btn{
        margin-left: 20px;
    }
    .listen_sp {
        font-size: 11px;
    }
    .lessons_section {
        margin-top: 105px;
    }
    .play_audio_block{
        gap: 15px;
    }
    .range_audio_block{
        width: 200px;
    } 
    .lessons_general_block{
        gap: 10px;
        padding: 20px 25px;
    }
    .lesson_type_blocks{
        padding: 25px;
        height: 400px;
        border-radius: 16px;
    }
    .check_answer_blck {
        gap: 10px;
    }
    .checko_, .checko_ input, .checkbox_form {
        width: 20px;
        height: 20px;
    }
    .prev_question, .next_question {
        padding: 8px;
        max-width: 190px;
    }
    .settings_title {
        font-size: 22px;
    }
    .general_lesson_time{
        gap: 14px;
    }
    .space_block{
        border-radius: 16px;
        padding: 16px;
        gap: 16px;
    }
    .time_round img{
        max-width: 16px;
    }
    .time_round {
        min-width: 40px;
        width: 40px;
        height: 40px;
    }
    .minutes_space {
        font-size: 34px;
    }
    .cont_bottom{
        margin: 12px 0;
    }
    .schedule_lesson_window {
        gap: 18px;
        border-radius: 15px;
        padding: 16px 16px 20px 18px;
    }
    .numb_schedule {
        min-width: 26px;
    }
    .schedule_items {
        gap: 10px;
    }
    .student_blck {
        width: calc(100% / 5 - 12px);
    }
    .students_img {
        height: 230px;
    }
    .welcome_user_page{
        gap: 15px;
        border-radius: 16px;
        padding: 40px 25px 30px 30px;
    }
    .user_section{
        gap: 20px;
    }



}
@media screen and (max-width: 1024px){
    .right_side_general .description_ {
        text-align: center;
        margin-top: 14px;
    }
    .right_side_general{
        justify-content: start;
        align-items: center;
        padding: 30px 15px 80px 15px;
        background: #DFE5EA;
        min-height: 70vh;
    }
    .start_vacation{
        display: none;
    }
    .burger_svg, .close_navbar{
        display: flex;
    }
    .close_navbar{
        margin-left: auto;
    }
    .privacy_static_block{
        flex-direction: column;
        gap: 0;
    }
    .right_side_general, .right_header_blck{
        min-width: auto;
        width: auto;
    }
    .half_color{
        height: auto;
    }
    .left_side, .right_side_general {
        width: 100%;
    }
    .right_color{
        display: none;
    }
    .half_color .wrapper{
        padding: 0;
    }
    .wrapper{
        padding: 0 15px;
    }
    :root {
        --titleFont: 40px;
    }
    .right_side_general .description_{
        max-width: 90%;
    }
    .title_desrip{
        padding: 0 20px;
        width: 50%;
    }
    .aboutus_img_descrip{
        gap: 0;
    }
    .abouts_img {
        max-height: 300px;
    }
    .nav_bar{
        display: none;
        position: fixed;
        height: 100vh;
        flex-direction: column;
        justify-content: start;
        z-index: 20;
        background: #DFE5EA;
        top: 0;
        left: 0;
        padding: 30px 20px;
        margin: 0;
        max-width: 500px;
        align-items: start;
        width: 100%;
        box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
    }
    .nav_bar_active{
        display: flex;
    }
    .bottom_border{
        display: none;
    }
    .general_title{
        text-align: center;
    }
    .privacy_text_block .general_title{
        text-align: start;
    }
    .alink_contact{
        font-size: 26px;    
    }
    .contact_section{
        padding: 0 15px;
    }
    .header_block .admins_cont_sp, .listen_sp{
        display: none;
    }
    .left_side {
        padding: 0 15px 30px 15px
    }
    .aboutus_section .left_side{
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .play_listen_btn{
        margin: 0;
        padding: 0;
    }
    .play_btn_head{
        width: 36px;
        height: 36px;
    }
    .date_time_head {
        display: none;
    }
    .header_block{
        gap: 20px;
    }
    .logins_left_blck{
        justify-content: center;
        padding-bottom: 0 !important;
    } 
    .ruler_img{
        max-width: 500px;
        width: 100%;
    }
    .round_blue{
        background: rgba(16, 61, 97, 0.24);
        filter: blur(200px);
        width: 100%;
        z-index: -1;
        height: 300px;
        border-radius: 100%;
        bottom: 0;
    }
    .round_blue img{
        display: none;
    }
    .login_form{
        padding: 0 15px;
        align-items: center;
    }
    .log_out{
        font-size: 0;
        gap: 0;
    }
    .settings_svg, .users_name{
        display: none;
    }
    .privacy_text_block{
        max-height: max-content;
        overflow: inherit; 
    }
    .privacy_text_block .description_{
        max-width: none;
        width: 100%;
    }
    .gen_inf_block{
        width: 100%;
        align-items: center;
    }
    .eng_title{
        text-align: center;
    }
    .general_block {
        padding-bottom: 0 !important;
    }   
    .info_section_general{
        align-items: center;
    }
    .info_section_general{
        max-width: 500px;
    }
    .week_course_btn{
        font-size: 16px;
        text-align: center;
    }
    .slide_img {
        height: 230px !important;
    }
    .student_blck {
        width: calc(100% / 4 - 12px);
    }
    .user_progress_info_block{
        display: none;
    }
    .welcome_user_page{
        width: 100%;
    }
    .start_lesson, .welcome_user_page .description_{
        display: none;
    }
    .text_for_mobile{
        font-size: 16px;
        display: block !important;
    }


}
@media screen and (max-width: 768px){
    .aboutus_img_descrip{
        flex-direction: column;
        gap: 20px;
    }
    .title_desrip{
        width: 100%;
    }
    .reverse_column{
        flex-direction: column-reverse;
    }
    .left_side{
        gap: 20px;
    }
    .abouts_img {
        max-height: none;
        width: 100%;
    }
    :root{
        --forteen: 12px;
    }
    .contacts_links_blck{
        flex-direction: column;
    }
    .contact_general_block{
        align-items: center;
    }
    .contact_general_block .description_{
        text-align: center;
    }
    .audio_video_blck {
        font-size: 16px;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: center;
    }
    .video_svg, .audio_line {
        width: 26px;
        height: 26px;
    }
    .students_img {
        height: 175px;
    }
    .online_student, .offline_student {
        width: 20px;
        height: 20px;
    }
    .student_blck{
        min-width: 190px;
    }


}
@media screen and (max-width: 430px){
    .log_out{
        gap: 0;
        font-size: 0;
    }
    .users_head_img{
        width: 50px;
        height: 50px;
    }
    .nav_bar, .users_head_blck {
        gap: 12px;
    }
    .title_desrip{
        padding: 0 15px;
    }
    .alink_contact {
        font-size: 20px;
    }
    .contact_form{
        padding: 16px;
    }
    .inps_ {
        padding: 14px 20px;
    }
    .register_btn{
        display: none;
    }
    :root {
        --titleFont: 30px;
    }
    .slide_img {
        height: 180px !important;
    }
    .student_blck{
        min-width: 138px;
        width: calc(100% / 2 - 7px);
    }    




}