@media screen and (max-width: 1500px){
    .author_course .tabs_for22 p{
        padding: 26px;
    }
}


@media screen and (max-width: 1400px){
    .tarif_box{
        overflow-x: scroll;
        padding-right: 30px;
    }
    .first_screen .right_img{
        width: 750px;
        height: 750px;
    }
    .dosut_sect h2 .dosut_img{
        max-width: 500px;
    }
    .doctors_sect .tabs_for .slick-track{
        align-items: stretch;
    }
    .doctors_sect .tabs_for .item{
        min-width: initial;
        text-align: center;
    }
    .doctors_sect .tabs_for .item p{
        line-height: 1.2;
    }
    .open_next_lesson_for_all .inside .left_cont .top .title{
        font-size: 30px;
    }
    .open_next_lesson_for_all .inside .left_cont .wrap .right_text{
        font-size: 18px;
    }
    .open_next_lesson_for_all .inside .left_cont{
        width: 50%;
    }
    .open_next_lesson_for_all .inside .right_img{
        max-width: 50%;
    }
    .tarif_watch_only .wrap .content .bottom_cont .left .prices .price,.tarif_watch_only .wrap .content .bottom_cont .left .prices .old_price{
        font-size: 30px;
    }
    .tarif_watch_only .wrap .content .bottom_cont .left .prices{
        max-width: 350px;
        padding: 15px 20px;   
    }
    .start_studing .back_image{
        max-width: 100%;
    }
    .author_course .wrap .right_cont{
        padding-left: 15px;
    }
    .get_system .container{
        max-width: 1250px;
    }
    .get_system .inside .icon_figure{
        left: 40px;
    }
    .get_system .inside .left_cont{
        max-width: 526px;
    }
    .author_course .tabs_for22 .item{
        min-width: initial !important;
    }
    .tabs_for22 .slick-track{
        display: flex;
        justify-content: space-between;
        align-items: stretch;
    }
    .author_course .tabs_for22 p{
        text-align: center;
        height: 100%;
        padding: 15px 20px;
        font-size: 16px;
    }
    .author_course .arows_wrap .arrow{
        width: 50px;
        height: 50px;
    }
    .tarifs_section .tarifs_wrap .tarif .title{
        font-size: 23px;
    }
    .tarifs_section .tarifs_wrap .tarif .wrap_price .yellow_btn{
        font-size: 25px;
    }
}
@media screen and (max-width: 1370px){
    .my_story .inside .wrap .left_cont {
        max-width: 48%;
      }
      .my_story .inside .wrap .right_cont {
        max-width: 46%;
      }
}
@media screen and (max-width: 1300px){
    .tarif_watch_only .wrap_content .right_cont{
        padding-left: 30px;
    }
    .work_book_sect .wrap .left{
        padding-right: 20px;
    }
    .work_book_sect .left ul li{
        font-size: 18px;
        padding-right: 30px;
    }
    .author_course .wrap .left_cont{
        width: 45%;
    }
    .author_course .wrap .right_cont{
        width: 55%;
    }
    .tarifs_section{
        padding-top: 63px;
    }
    .tarifs_section .tarifs_wrap{
        flex-direction: column;
        align-items: center;
    }
    .tarifs_section .tarifs_wrap .tarif{
        width: 100%;
        max-width: 700px;
        border-radius: 26px;
    }
    .tarifs_section .tarifs_wrap .tarif_left{
        padding-right: 38px;
        background: #fff;
        padding-bottom: 154px;
        filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));
    }
    .tarifs_section .tarifs_wrap .tarif .back{
        display: none;
    }
    .tarifs_section .tarifs_wrap .tarif_right{
        padding-left: 38px;
        padding-right: 38px;
        margin-left: 0;
        margin-top: -110px;
        background: #BCCA99;
        filter: drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.25));
    }
    .tarifs_section .tarifs_wrap .tarif .title{
        padding-left: 0;
        text-align: center;
    }
    .tarifs_section .tarifs_wrap .tarif .title::before{
        left: 50%;
        transform: translateX(-50%);
    }
}
@media screen and (max-width: 1250px){
    .start_studing .back_image{
        display: none;
    }
    .start_studing{
        filter: drop-shadow(0px 59px 77px rgba(0, 0, 0, 0.18));
        border-radius: 24px;
        background: #fff;
    }
    .what_change_after_course .bottom_cont{
        max-width: 1000px;
    }
}
@media screen and (max-width: 1200px){
    .author_sect .right_img{
        max-width: 400px;
    }
    .author_sect .left_side{
        width: calc(100% - 421px);
    }
    .open_next_lesson_for_all .inside .left_cont .top img{
        display: none;
    }
    .open_next_lesson_for_all .inside .left_cont .top .title{
        margin-left: 0;
        font-size: 25px;
    }
    .open_next_lesson_for_all .mob_img{
        display: block;
        max-width: 100%;
        margin-bottom: 20px;
    }
    .open_next_lesson_for_all .inside .left_cont{
        width: 100%;
        padding-right: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .open_next_lesson_for_all .inside{
        display: block;
    }
    .open_next_lesson_for_all .inside .right_img{
        display: none;
    }
    .open_next_lesson_for_all .inside .left_cont .text{
        font-size: 18px;
        margin-bottom: 25px;
    }
    .open_next_lesson_for_all .inside .left_cont .wrap{
        display: flex;
        background: #fff;
        border-radius: 26px;
        flex-direction: column;
        padding: 18px;
        margin-bottom: 20px;
    }
    .open_next_lesson_for_all .inside .left_cont .wrap .timer_container{
        order: 2;
        padding: 0;
    }
    .open_next_lesson_for_all .inside .left_cont .wrap .right_text{
        padding: 0;
        margin-bottom: 12px;
    }

    .open_next_lesson_for_all .inside .left_cont .register_free{
        padding: 18px 58px;
        text-align: center;
    }

    .open_next_lesson_for_all .inside .left_cont .wrap .right_text{
        width: 100%;
    }
    .open_next_lesson_for_all{
        padding-bottom: 0;
    }
    .tarif_watch_only .wrap .content ul li{
        width: 100%;
    }
    .tarif_watch_only .wrap .content .bottom_cont{
        flex-direction: column;
        align-items: center;
    }
    .tarif_watch_only .wrap .content .bottom_cont .left{
        width: 100%;
        margin-bottom: 20px;
        justify-content: center;
    }
    .tarif_watch_only .wrap .content .bottom_cont .right{
        width: 100%;
        max-width: 500px;
    }
    .tarif_watch_only .wrap .content .bottom_cont .left .prices{
        margin-right: 20px;
    }
    .tarif_watch_only .wrap_content{
        flex-direction: column;
        align-items: center;
    }
    .zal_item_upa{
        display: none;
    }
    .zal_item_upa2{
        position: absolute;
        top: -21px;
        left: 50%;
        transform: translateX(-50%) ;
        z-index: 2;
        display: block;
    }
    .tarif_watch_only .wrap_content .left_cont{
        margin-bottom: 10px;
        width: 100%;
        padding: 31px 28px 53px;
    }
    .tarif_watch_only .wrap_content .right_cont{
        width: 100%;
        position: relative;
    }
    .tarif_watch_only .wrap_content::before{
        width: calc(100% - 28px);
        top: initial;
        bottom: -15px;
        height: 40px;
        left: 50%;
        transform: translateX(-50%);
    }
    .tarif_watch_only .wrap_content .left_cont .title{
        font-size: 28px;
        text-align: center;
    }
}

@media screen and (max-width: 1199px){
    .what_change_after_course .bottom_cont{
        flex-direction: column;
        align-items: center;
        margin-top: 140px;
    }
    .what_change_after_course .bottom_cont .block{
        width: 100%;
        max-width: 500px;
        margin-bottom: 172px;
        padding: 39px 33px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .what_change_after_course .bottom_cont .block:last-child{
        margin-bottom: 0;
    }
    .what_change_after_course .bottom_cont .block img{
        left: 50%;
        transform: translateX(-50%);
        top: -220px;
    }
    .what_change_after_course .bottom_cont .block .text_dotted p{
        width: auto;
        display: inline-block;
    }
    .author_course .wrap .left_cont{
        display: none;
    }
    .author_course .wrap .right_cont{
        max-width: 100%;
        padding-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .author_course .img_mob{
        display: block;
        max-width: 500px;
    }
    .author_course .wrap .right_cont .title{
        text-align: center;
    }
    .get_system .inside .right_cont{
        position: static;
    }
    .get_system .inside{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 44px 10px 0;
        border-radius: 20px;
    }
    .get_system .inside .left_cont{
        margin-bottom: 30px;
    }
    .get_system .inside .icon_figure{
        width: 56px;
        height: 56px;
        border-radius: 50%;
        background: #FDFFF1;
        padding: 5px;
        top: -26px;
        left: -5px;
        z-index: 2;
        display: inline-flex;
        justify-content: center;
        align-items: center;
    }
    .get_system .inside .icon_figure img{
        width: 39px;
    }
    .start_studing .container{
        flex-direction: column;
        align-items: center;
    }
    .start_studing .right_cont{
        width: 100%;
        margin-top: 25px;
    }
    .work_book_sect .wrap{
        flex-direction: column;
        align-items: center;
        border-radius: 50px;
    }
    .work_book_sect .left ul li{
        width: 100%;
    }
    .work_book_sect .left ul li:nth-child(4){
        margin-top: 0;
    }
    .author_course .wrap .right_cont{
        width: 100%;
    }
    .my_story .inside .wrap {
        flex-direction: column;
        align-items: center;
      }
      .my_story .inside .wrap .left_cont {
        max-width: 500px;
      }
      .my_story .inside .wrap .right_cont {
        max-width: 100%;
        padding-left: 15px;
      }
      .my_story .inside .wrap .left_cont img {
        border-radius: 30px;
      }
    .my_story .inside .wrap .right_cont {
        padding-top: 20px;
    }
}

@media screen and (min-width: 1025px){
    .tabs_for22 .slick-track{
        transform: none !important;
    }
}


@media screen and (max-width: 1024px){
    .author_sect{
        margin-top: 40px;
    }

    .zasnov_mob{
        display: block;
        color: #fff;
        position: relative;
        margin-bottom: 51px;
        font-size: 16px;
    }
    .zasnov_mob::after{
        content: '';
        position: absolute;
        bottom: -25px;
        width: 157px;
        height: 1px;
        left: 0;
        background-color: #fff;
    }
    .author_sect .left_side ul{
        margin-bottom: 24px;
    }

    .author_sect .left_side .about_lists{
        flex-direction: column;
        gap: 0;
        margin-bottom: 0;
    }

    .author_sect .container{
        flex-direction: column;
        position: relative;
        align-items: center;
        padding: 28px 22px 29px 27px;
        gap: 25px;
    }
    .author_sect .left_side ul li::before{
        left: 0;
    }
    .author_sect .left_side{
        width: 100%;
        position: initial;
    }
    .author_sect .top_inf{
        flex-direction: column;
        gap: 61px;
        align-items: flex-start;
        margin-bottom: 22px;
    }
    .author_sect .top_inf span{
        font-size: 16px;
        min-width: max-content;
    }
    .author_sect .top_inf p{
        font-size: 18px;
    }
    .author_sect h3{
        font-size: 25px;
        margin-bottom: 0;
        position: absolute;
        left: 23px;
        top: 68px;
    }
    .author_sect .left_side ul li{
        font-size: 16px;
        padding-left: 28px;
    }
    .author_sect .right_img .soc{
        right: initial;
        left: 50%;
        bottom: 10px;
        transform: translateX(-50%);
    }
    .author_ab_mob{
        display: block;
        font-size: 18px;
        color: #fff;
        font-weight: 500;
        margin-bottom: 61px;
    }
    .author_sect .left_side ol li b{
        font-size: 16px;
    }
    .author_sect .left_side ol li{
        background-color: #E9E1D3;
        font-size: 14px;
        color: #434040;
    }
    .author_sect .right_img .title{
        display: none;
    }
    .author_sect .left_side ul li::before{
        width: 12px;
        height: 12px;    
    }
    .author_sect .left_side ul{
        margin-bottom: 31px;
    }
    .doctors_sect .tabs_for{
        display: none;
    }
    .author_sect{
        padding: 0px 20px 0px;
    }
    .doctors_sect{
        overflow: hidden;
        padding: 130px 20px 30px;
    }
    .doctors_sect .slick-list{
        padding-top: 60px;
        /* margin-bottom: 60px; */
        /* overflow: initial; */
    }
    .doctors_sect .slick-arrow{
        background-color: #F2E9DB;
        top: -100px;
    }
    .doctors_sect .container{
        background: none;
    }
    .doctors_sect .slide{
        background-repeat: no-repeat;
        background-position: left top;
        background-size: initial;
        border-radius: 20px;
        background-color: #F2E9DB;
        color: #434040;
        padding: 100px 20px 32px 20px;
    }
    .doctors_sect .slide .right_img{
        position: absolute;
        width: 160px;
        height: 160px;
        top: -80px;
        left: 25px;
        z-index: 9;
        border-radius: 50%;
    }
    .doctors_sect .slide .right_img img{
        border-radius: 50%;
        border: 20px solid #FFFAF7;
    }
    .doctors_slider .top_info span{
        background-color: #8C9774;
        color: #fff;
    }
    .doctors_slider .top_info::after{
        display: none;
    }
    .doctors_slider .left_side .main_info p{
        padding-left: 29px;
    }
    .doctors_slider .left_side .main_info p::after{
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #434040;
        bottom: initial;
        top: 3px;
        left: 0;
    }
    .doctors_slider .left_side .main_info p:last-of-type::after{
        display: block;
    }
    .doctors_slider .left_side .main_info ol li{
        background-color: #E9E1D3;
    }
    .doctors_slider .top_info{
        justify-content: space-between;
        margin-bottom: 25px;
    }
    .doctors_slider .top_info h4{
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 600;
    }
    .doctors_slider .left_side .main_info p{
        font-size: 14px;
    }
    .doctors_slider .top_info span{
        font-size: 13px;
        transform: translateY(-88px);
        max-width: 145px;
        padding: 10px 7px 10px 10px;
        border-radius: 15px;
        position: absolute;
        right: -10px;
        top: 0;
    }
    .doctors_slider .left_side .main_info ol li b{
        font-size: 14px;
    }
    .doctors_slider .left_side .main_info ol li{
        font-size: 14px;
    }
    .doctors_slider .slide:nth-child(3) .top_info{
        flex-direction: row;
    }
    .doctors_slider .left_side .main_info p{
        margin-bottom: 20px;
    }




    .to_scroll{
        display: table;
        font-size: 18px;
        border-radius: 15px;
        background: linear-gradient(90deg, rgba(245,139,51,1) 0%, rgba(249,173,1,1) 100%);
        color: #fff;
        padding: 10px 30px;
        font-weight: 500;
        text-align: center;
        line-height: 1.2;
        margin: 0 auto 147px;
        box-shadow: 0 4px 4px rgba(0,0,0,.25);
    }
    .timer_sect h2{
        margin-bottom: 46px;
    }
    .timer_box .lines span{
        width: 5px;
        height: 2px;
    }
    .timer_box .lines{
        gap: 12px;
    }
    .timer_box .item .type{
        font-size: 10px;
        bottom: -23px;
    }
    .timer_box .item p span{
        width: 25px;
        height: 35px;
        line-height: 35px;
    }
    .timer_box .item p{
        font-size: 24px;
        line-height: 35px;
        width: 52px;
    }
    .timer_sect{
        overflow: hidden;
    }
    /* .timer_box .item p{
        font-size: 32px;
        line-height: 40px;
        width: 68px;
    } */
    .timer_box{
        gap: 14px
    }
    .for_sect{
        padding-bottom: 0;
    }
    .thanks_cont .logo{
        margin-bottom: 70px;
    }
    .thanks_page .logo img{
        width: 53px;
    }
    .thanks_page{
        padding-bottom: 100px;
    }
    .thanks_cont h1 + p{
        font-size: 18px;
    }
    .emos_list{
        flex-direction: column;
        align-items: flex-start;
    }

    .thanks_cont h1{
        font-size: 56px;
        margin-bottom: 44px;
    }
    .thanks_cont h1::after{
        width: 58px;
        height: 58px;
        right: -50px;
        top: -30px;
    }
    .work_book_sect .left ul li{
        width: 100%;
        padding-right: 0;
    }
    .work_book_sect .container.dashed li:nth-child(2n-1){
        width: 100%;
    }
    .work_book_sect .container.dashed li{
        width: 100%;
    }
    .popup h3{
        font-size: 25px;
        margin-bottom: 20px;
    }
    .pop_start + p{
        font-size: 18px;
    }
    .popup form .agree{
        transform: none;
    }
    nav{
        display: none;
    }
    .logo{
        max-width: 53px;   
    }
    header{
        margin-bottom: 23px;
    }
    .start_info_box{
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .checked_prog p{
        font-size: 20px;
        max-width: 247px;
    }
    .checked_prog span{
        left: 10px;
        bottom: -60px;
        font-size: 13px;
    }
    .checked_prog span::after{
        background-image: url('../fonts/../fonts//theme/body-food/img/line_sh_mob.svg');
        width: 35px;
        height: 38px;
        top: -10px;
    }
    .checked_prog{
        margin-bottom: 82px;
    }
    h1{
        font-size: 50px;
        margin-bottom: 480px;
    }
    .first_screen .right_img{
        background-image: url('../fonts/../fonts//theme/body-food/img/main_img_mob.png');
        width: 406px;
        height: 391px;
        left: 50%;
        bottom: 370px;
        transform: translateX(-50%);
        background-size: cover;
    }
    .first_screen .right_img .soc{
        gap: 5px;
    }
    .first_screen .right_img .soc li{
        font-size: 17px;
        padding: 15px;
    }
    .first_screen .right_img .soc li img{
        width: 27px;
        height: 27px;
    }
    .first_screen .right_img .soc{
        bottom: -22px;
    }
    .galochki{
        flex-direction: column;
        max-width: 350px;
        margin: 0 auto 36px;
        align-items: flex-start;
    }
    .to_be p{
        font-size: 18px;
    }
    .to_be{
        margin: 0 auto;
    }
    h2{
        font-size: 25px;
    }
    .waiting_sect iframe{
        height: 558px;
    }
    .for_sect .for_box{
        flex-direction: column-reverse;
        align-items: center;
    }
    .for_sect .for_box ul{
        margin-left: 0;
    }
    .for_sect h2{
        margin-bottom: 49px;
    }
    .for_sect{
        padding-top: 47px;
    }
    .waiting_sect{
        padding-bottom: 22px;
        padding-top: 34px;
    }
    .waiting_sect h2{
        margin-bottom: 36px;
    }
    .first_screen{
        padding-bottom: 40px;
        margin: 0 auto;
        overflow: hidden;
    }
    .for_sect .for_box li{
        margin-left: 0!important;
    }
    .slick-prev{
        right: initial;
        left: 23px;
    }
    .slick-next{
        left: initial;
        right: 23px;
    }
    .on_course_sect .box ul li{
        width: 100%;
    }
    .on_course_sect .box ul{
        max-width: 350px;
        margin: 0 auto;
    }
    .we_not{
        padding-bottom: 0;
    }
    .we_not li:last-child{
        margin-bottom: 0;
    }
    .work_book_sect .left ul{
        max-width: 100%;
    }
    .work_book_sect .right{
        max-width: 369px;
        left: 50%;
        transform: translateX(-50%);
        bottom: -12px;
        top: initial;
    }
    .work_book_sect .container.yellow{
        padding-bottom: 300px;
    }
    .work_book_sect .left{
        max-width: 350px;
        margin: 0 auto;
    }
    .work_book_sect{
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 0;
    }
    .programm_sect{
        padding-bottom: 19px;
    }
    .work_book_sect .container.dashed{
        background-image: none;
        border: 1px solid #000;
        padding-top: 0;
    }
    .work_book_sect .container.dashed .top{
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
        margin-top: -19px;
    }
    .work_book_sect .container.yellow{
        margin-bottom: 50px;
    }
    .tarifs_sect{
        padding-top: 49px;
    }
    .tarif_box{
        overflow: initial;
        flex-direction: column;
        background-color: transparent;
    }
    .tarif_box .left_side{
        padding-top: 0;
        max-width: 333px;
        margin: 0 auto;
    }
    .tarif_box .left_side > ul{
        display: none;
    }
    .tarifs_sect h2{
        margin-bottom: 22px;
    }
    .tarifs_sect .tarif_dop{
        padding-left: 0;
        margin: 0 auto 22px;
    }
    .tarif_box .right_side{
        width: 100%;
    }
    .tarifs_sect .right_side .item .mob{
        display: block;
    }
    .slick-dots{
        position: absolute;
        left: 50%;
        top: -100px;
        transform: translateX(-50%);
        display: flex;
        gap: 16px;
    }
    .slick-dots button{
        width: 16px;
        height: 16px;
        border: 1px solid #BCCA99;
        color: transparent;
        background: none;
        border-radius: 50%;
        padding: 0;
    }
    .tarifs_sect .right_side .item ul li{
        text-align: left;
        padding: 16px 14px!important;
        font-weight: bold;
        height: auto!important;
        justify-content: flex-start;
    }
    .tarifs_sect .right_side .item .mob{
        margin-bottom: 10px;
        font-weight: 400;
    }
    .tarifs_sect .right_side .item ul li img{
        display: none;
    }
    .tarifs_sect .right_side .item .mob.dis{
        color: #D9D9D9;
    }
    .tarifs_sect .right_side .item .mob small{
        display: table;
        color: #fff;
        background: linear-gradient(90deg, rgba(245,139,51,1) 0%, rgba(249,173,1,1) 100%);
        border-radius: 8px;
        padding: 6px 8px;
        font-size: 16px;
        margin-bottom: 13px;
    }
    .tarifs_sect .right_side .item .mob.dis small{
        background: #AFAFAF;
    }
    .tarifs_sect .right_side .item ul li .old_price{
        display: inline-block;
        padding: 0 14px;
    }
    .tarifs_sect .right_side .item ul li .new_price{
        display: inline-block;
        float: right;
    }
    .tarifs_sect .right_side .item ul li:last-child a.get{
        clear: both;
    }
    .slick-dots .slick-active button{
        background-color: #BCCA99;
    }
    .tarifs_sect{
        padding-bottom: 0;
    }
    .wanna_form form{
        flex-direction: column;
    }
    .wanna_form form input{
        width: 100%;
        border-radius: 13px;
    }
    .wanna_form form button{
        width: 100%;
        max-width: 100%;
    }
    form .agree input + span + span{
        line-height: 1.3;
        width: 100%;
        max-width: 260px;
        font-size: 10px;
    }
    form .agree input + span + span a{
        font-size: 10px;
    }
    form .agree{
        left: 50%;
        transform: translateX(-50%);
        max-width: 580px;
        justify-content: center;
    }
    .on_start{
        padding-top: 0;
    }
    .on_start h2{
        padding-left: 0;
        margin-bottom: 29px;
    }
    .on_start .box .left > p{
        padding-left: 0;
        margin-bottom: 30px;
    }
    .on_start .on_start_img{
        min-width: 800px;
        left: 0;
        transform: none;
    }
    .on_start{
        overflow: hidden;
    }
    .on_start .box{
        flex-direction: column;
    }
    .on_start .box .left{
        max-width: 100%;
    }
    .on_start .box .korist p{
        font-size: 18px;
    }
    .on_start .box .right p{
        font-size: 16px;
    }
    .on_start .box .right{
        height: 467px;
    }
    .dosut_sect{
        padding-top: 0;
    }
    .dosut_sect h2{
        font-size: 25px;
        text-align: center;
        width: 100%;
        max-width: 335px;
        margin: 0 auto;
    }
    .dosut_sect h2 br{
        display: none;
    }
    .dosut_sect h2 .my{
        position: initial;
        font-size: 15px;
        text-align: left;
        display: block;
        margin-top: 31px;
        line-height: 1.4;
    }
    .dosut_sect h2 .dosut_img{
        display: none;
    }
    .dosut_sect h2 .my br{
        display: none;
    }
    .dosut_sect .choose_tar{
        padding: 30px 0;
        width: 100%;
        max-width: 335px;
        text-align: center;
        font-size: 25px;
        margin: 27px auto 0;
        display: block;
    }
    .gift_sect{
        padding-top: 0;
    }
    .gift_sect .box{
        flex-direction: column;
    }
    .gift_sect .box .left{
        width: 100%;
    }
    .gift_sect .box .left .about + p{
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 29px;
    }
    .gift_sect .box .left .about{
        margin-bottom: 47px;
    }
    .gift_sect .box .right{
        width: 100%;
        background: none;
        height: auto;
    }
    .gift_sect .box .right a{
        position: initial;
        transform: none;
        font-size: 25px;
    }
    .faqs_box{
        padding-top: 0;
    }
    .container{
        padding: 0 20px;
    }
    .first_screen{
        padding-top: 30px;
    }
    h1 br{
        display: none;
    }
    .start_info_box .item p{
        font-size: 16px;
    }
    .on_course_sect .box ul{
        padding-left: 27px;
    }
    .on_course_sect .box ul li{
        padding-left: 55px;
    }
    .on_course_sect .box{
        padding-bottom: 37px;
    }
    .on_course_sect{
        padding-bottom: 30px;
        padding-top: 47px;
    }
    .programm_sect .item small{
        margin-bottom: 9px;
    }
    .tarif_box{
        padding: 0;
    }
    .wanna_form form button{
        min-width: initial;
    }
    .on_start .box .korist span{
        display: block;
    }
    .programm_sect .container{
        padding-top: 49px;
    }
    .on_start .box .right p{
        width: 100%;
        bottom: 0;
        padding: 26px 20px 32px 25px;
    }
    .on_start .box .korist span{
        line-height: 1.3;
    }
    .on_start h2{
        font-size: 35px;
        line-height: 1.3;
    }
    .dosut_sect h2 .my::after{
        display: none;
    }
    .gift_sect .box .right{
        text-align: center;
    }
    .gift_sect .box{
        gap: 47px;
    }
    header{
        width: 100%;
        background: rgba(225, 240, 218, 0.50);
        backdrop-filter: blur(2.9000000953674316px);
        padding: 23px 0;
    }
    .logo{
        width: 47px;
    }
    .first_screen{
        padding-top: 0;
    }
    .first_screen .main_cont .left_container .title{
        font-size: 16px;
        max-width: 172px;
    }
    .first_screen .main_cont .left_container .h1{
        font-size: 50px;
        max-width: 333px;
    }
    .first_screen .main_cont .left_container .h1_p .checked_div{
        width: 185px;
        height: 39px;
        padding: 7px 6px;
        left: 173px;
        bottom: 63px;
    }
    .first_screen .main_cont .left_container .h1_p .checked_div img{
        width: 24px;
    }
    .first_screen .main_cont .left_container .h1_p .checked_div .text_cont{
        font-size: 12px;
    }
    .first_screen .main_cont .left_container .h1_p .checked_div .text_cont .check_text br{
        display: none;
    }
    .first_screen .main_cont .left_container{
        max-width: 100%;
    }
    .first_screen .main_cont .right_container{
        display: none;
    }
    .main_cont .img_mob{
        display: block;
        max-width: 600px;
    }
    .first_screen .main_cont .left_container .h1_p{
        margin-bottom: 0;
    }
    .for_sect .for_box{
        margin-bottom: 0;
    }
    .for_sect .left{
        margin-top: 40px;
    }
    .for_sect{
        padding-bottom: 43px;
    }
    .feeds_sect .slider_wrap .arrows_cont{
        position: static;
        justify-content: center;
        margin-bottom: 30px;
    }
    .feeds_sect{
        padding-bottom: 66px;
        border-radius: 50px;
    }
    .what_change_after_course h2{
        margin-bottom: 30px;
    }
    .what_change_after_course .top_list li{
        width: 100%;
    }
    .what_change_after_course .top_list li br{
        display: none;
    }
    .what_change_after_course .top_list li:last-child p{
        font-size: 20px;
    }
    .what_change_after_course .bottom_cont{
        margin-bottom: 35px;
    }
    .yellow_btn{
        font-size: 20px;
        padding: 23px;
        box-shadow: 0px 4px 25px 0px rgba(255, 195, 0, 0.71);
    }
    .what_change_after_course{
        padding-bottom: 51px;
    }
    .author_course .wrap .right_cont .title{
        font-size: 25px;
    }
    .author_course .wrap .right_cont .bottom_list{
        border-radius: 30px;
    }
    .author_course{
        padding-bottom: 49px;
    }
    .programm_sect{
        padding-top: 0;
    }
    .programm_sect h2{
        margin-bottom: 47px;
    }
    .programm_sect .module_tabs{
        border-radius: 50px;
        padding: 34px 14px 41px;
    }
    .programm_sect .item{
        padding: 13px 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .programm_sect .item small:last-of-type{
        margin-left: 0;
    }
    .programm_sect .item small:first-of-type{
        width: auto;
        padding: 11px 16px;
    }
    .programm_sect .item small{
        font-size: 12px;
    }
    .get_system{
        padding-top: 90px;
    }
    .get_system .inside .left_cont .title{
        font-size: 25px;
    }
    .get_system .inside .left_cont .title::before{
        width: 216px;
        height: 6px;
    }
    .get_system .inside .left_cont .text{
        align-items: flex-start;
    }
    .get_system .inside .left_cont .text img{
        width: 36px;
    }
    .get_system .inside .left_cont .text p{
        width: calc(100% - 36px);
        font-size: 18px;
    }
    .get_system .inside .left_cont{
        margin-bottom: 25px;
    }
    .start_studing{
        margin-top: 111px;
    }
    .start_studing .left_cont .bottom .text_p{
        font-size: 18px;
        margin-bottom: 14px;
    }
    .start_studing .left_cont .bottom .bottom_p{
        font-size: 18px;
    }
    .start_studing .left_cont .bottom{
        padding: 20px 27px;
    }
    .start_studing .right_cont{
        padding: 0;
        padding-top: 242px;
    }
    .work_book_sect{
        padding-top: 55px;
    }
    .work_book_sect .title_top .text{
        font-size: 25px;
    }
    .work_book_sect .title_top .figure{
        position: static;
        font-size: 18px;
        padding: 12px 19px;
    }
    .work_book_sect .title_top{
        margin-bottom: 69px;
    }
    .work_book_sect .wrap .left{
        width: 100%;
        max-width: 100%;
        padding-right: 0;
        padding: 0;
        margin-bottom: 9px;
    }
    .work_book_sect .wrap .left h2{
        text-align: center;
        margin-bottom: 33px;
    }
    .work_book_sect .what_inlude img{
        max-width: 215px;
    }
    .work_book_sect .wrap{
        padding: 48px 18px 39px;
    }
    .work_book_sect .right{
        position: static;
        transform: none;
    }
    .additional_materials{
        padding-top: 61px;
    }
    .additional_materials .desk{
        display: none;
    }
    .additional_materials .mob{
        display: block;
    }
    .additional_materials .container{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .additional_materials{
        padding-bottom: 0;
    }
    .faqs_box h2{
        margin-bottom: 150px;
    }
    .author_course .img_mob{
        width: 100%;
    }
    .author_course .tabs_for22 .item{
        width: 100% !important;
    }
    .author_course .tabs_for22 p{
        width: 100%;
    }
    .author_course .arows_wrap{
        position: relative;
    }
    .author_course .arows_wrap .arrow{
        position: absolute;
        top: 0;
    }
    .author_course .arows_wrap .arrow_left{
        left: 0;
    }
    .author_course .arows_wrap .arrow_right{
        right: 0;
    }
    .author_course .tabs_for22{
        margin-top: 74px;
        width: 100%;
    }
    .author_course .wrap .right_cont{
        padding-top: 0;
    }
    .questions_section .title{
        font-size: 16px;
        margin-bottom: 14px;
    }
    .questions_section h2{
        margin-bottom: 19px;
    }
    .questions_section form .wrapper_form{
        flex-direction: column;
        align-items: center;
    }
    .questions_section form input{
        width: 100%;
        margin-bottom: 10px;
    }
    .questions_section form .iti{
        width: 100% !important;
        margin-bottom: 10px !important;
        border-radius: 50px !important;
    }
    .questions_section form .btn_form{
        width: 100%;
    }
    .questions_section .inside{
        padding: 20px 18px;
    }
}

@media screen and (max-width: 768px){
    .tarif_watch_only .wrap .top{
        padding: 25px 28px;
    }
    .tarif_watch_only h2{
        margin-bottom: 50px;
    }
    .tarif_watch_only .wrap .content{
        padding: 28px 24px 54px;
    }
    .tarif_watch_only .wrap .content .bottom_cont .left{
        flex-direction: column;
        align-items: center;
    }
    .tarif_watch_only .wrap .content .bottom_cont .left .prices{
        max-width: 100%;
        margin-right: 0;
        flex-direction: column;
        align-items: center;
        margin-bottom: 34px;
    }
    .tarif_watch_only .wrap .content .bottom_cont .left .prices .price, .tarif_watch_only .wrap .content .bottom_cont .left .prices .old_price{
        font-size: 35px;
    }
    .tarif_watch_only .wrap .content .bottom_cont .left .prices .price{
        margin-bottom: 18px;
    }
    .timer_box_new{
        max-width: 109px;
        padding: 12px;
        margin-right: 21px;
    }
    .timer_box_new span{
        font-size: 25px;
    }
    .timer_box_new p{
        font-size: 8px;
    }
    .timer_box_new .dots{
        font-size: 25px;
        margin-top: -12px;
    }
    .tarif_watch_only .wrap .content .bottom_cont .right .get{
        padding: 22px 10px;
        font-size: 30px;
    }
    .tarif_watch_only .wrap .content ul li{
        align-items: flex-start;
    }
    .tarif_watch_only .wrap_content .prices{
        order: 2;
    }
    .top_keku{
        position: relative;
        justify-content: center;
        margin-bottom: 111px;
    }
    .tarif_watch_only .wrap_content .prices .old_price{
        position: absolute;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
        margin-top: 38px;
    }
    .tarif_watch_only .wrap_content .prices{
        width: auto;
        max-width: none;
    }
    .tarif_watch_only .wrap_content .right_cont{
        padding: 38px 26px 26px;
    }
    .tarif_watch_only .wrap_content .prices .old_price{
        width: 100%;
        text-align: center;
    }
    .tarif_watch_only .wrap_content .right_cont .img{
        max-width: 100%;
    }
    .tarif_watch_only .wrap_content .left_cont ul li p{
        padding-left: 17px;
        padding-top: 5px;
    }
    .tarif_watch_only .wrap_content .bottom_btns{
        flex-direction: column;
        align-items: center;
    }
    .tarif_watch_only .wrap_content .bottom_btns a{
        width: 100%;
    }
    .tarif_watch_only .wrap_content .bottom_btns .green_btn{
        width: 100%;
    }
    .tank_wg{
        margin-bottom: 14px;
    }
    .first_screen .main_cont .left_container .bottom_text ul{
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 22px;
    }
    .first_screen .main_cont .left_container .bottom_text ul li::before{
        top: 12px;
        left: 0;
    }
    .first_screen .main_cont .left_container .bottom_text ul li{
        padding-left: 31px;
        margin-bottom: 17px;
    }
    .first_screen .main_cont .left_container .bottom_text ul li:last-child{
        margin-bottom: 0;
    }
    .first_screen .main_cont .left_container .bottom_text{
        padding: 23px 19px;
    }
    .first_screen .main_cont .left_container .bottom_text{
        background: url('../img/img39.svg') top left no-repeat;
        background-size: contain;
    }
    .first_screen .main_cont .left_container .bottom_text .yellow_btn{
        max-width: 261px;
    }
    .main_cont .img_mob{
        width: 140%;
        left: 50%;
        margin-left: -60%;
        position: relative;
    }
    .for_sect .for_box ul{
        padding-left: 20px;
    }
    .for_sect{
        border-radius: 50px;
    }
    .what_change_after_course .bottom_cont .block .text{
        font-size: 20px;
    }
    .author_course h2{
        position: relative;
        margin-bottom: 56px;
    }
    .author_course h2::before{
        content: "";
        position: absolute;
        width: 301px;
        height: 55px;
        background: url('../img/img40.svg') top left no-repeat;
        background-size: contain;
        left: 0;
        bottom: -49px;
    }
    .author_course h2::after{
        display: none;
    }
    .author_course .wrap .right_cont .bottom_list{
        padding: 20px 20px 20px 30px;
    }
    .author_course{
        border-radius: 50px;
    }
    .programm_sect .item small:last-of-type{
        padding-left: 20px;
        padding-right: 20px;
        max-width: 237px;
    }
    .get_system h2{
        font-size: 18px;
    }
    .get_system .inside .left_cont .title br{
        display: none;
    }
    .get_system .inside .right_cont{
        border-radius: 30px;
    }
    .get_system form{
        padding: 20px 20px 60px;
    }
    .get_system form button{
        height: 70px;
        bottom: -32px;
    }
    .start_studing{
        margin-top: 70px;
    }
    .start_studing .left_cont{
        padding-left: 0;
    }
    .work_book_sect{
        padding-left: 0;
        padding-right: 0;
    }
    .tarifs_section .tarifs_wrap .tarif .title::before{
        width: 192px;
    }
    .my_story .inside {
        padding-left: 15px;
        padding-right: 15px;
      }
      .my_story .inside .wrap .right_cont {
        padding-left: 45px;
      }
    .tarifs_section .tarifs_wrap .tarif .title{
        font-size: 20px;
        margin-bottom: 43px;
    }
    .tarifs_section .tarifs_wrap .tarif ul li{
        font-size: 18px;
    }
    .tarifs_section .tarifs_wrap .tarif{
        padding-left: 16px !important;
        padding-right: 16px !important;
    }
    .tarifs_section .tarifs_wrap .tarif .wrap_price .price_heading{
        font-size: 16px;
        margin-bottom: 7px;
    }
    .tarifs_section .tarifs_wrap .tarif .wrap_price .text{
        font-size: 16px;
        margin-bottom: 37px;
    }
    .tarifs_section .tarifs_wrap .tarif .wrap_price .yellow_btn{
        font-size: 18px;
        text-align: center;
    }
    .tarifs_section .tarifs_wrap .tarif .wrap_price{
        padding: 18px 6px;
    }
    .tarifs_section .tarifs_wrap .tarif_right{
        padding-bottom: 17px;
    }
    .tabs_for22 .slick-track{
        align-items: center;
    }
    .programm_sect .item small:last-of-type{
        text-align: left;
    }
    .start_studing .left_cont .title{
        text-align: center;
    }
    .start_studing .left_cont .title::before{
        left: 50%;
        transform: translateX(-50%);
    }
    .start_studing .left_cont{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .start_studing .right_cont{
        display: none;
    }
    .start_studing .right_cont_ustvo_da_un{
        display: flex;
        margin-top: 0;
        margin-bottom: 25px;
    }
    .first_screen .main_cont .left_container .h1{
        font-size: 40px;
    }
    .first_screen .main_cont .left_container .h1_p .checked_div{
        left: 156px;
        bottom: 50px;
    }
    .get_system .container{
        padding-left: 10px;
        padding-right: 10px;
    }
    .get_system h2 br{
        display: none;
    }
}