@media only screen and (min-width: 280px) and (max-width: 912px)   {


    .whatsup_recomends {
        display: flex;
        flex-direction: column;
        background-color: #3F4957;
        padding-top: 237px;
        margin-top: -85px;
        padding-bottom: 128px;
        justify-content: space-around;
        width: 100%;
    }

    .whatsup_r {
        width: 90%;
    
        margin: 0 auto;
        margin-bottom: 50px;
    }

    .whatsup_r_1{
       
        margin-top: 0px;
    }
    
    .whatsup_r_3{
      
        margin-top: 0dvh;
    }


	.phone_text_sub_mobile{
	    font-family: 'Aduma';
		font-style: normal;
		font-weight: 400;
		font-size: 33px;
		line-height: 94px;
		text-align: right;
		background: linear-gradient(90deg, #CE2FF2 -9.59%, #CA31F2 11.27%, #C139F2 27.5%, #B047F2 42.57%, #985BF3 57.63%, #7A75F3 70.38%, #5594F4 83.13%, #2AB8F5 95.88%, #00DCF6 106.31%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		background-clip: text;
		text-fill-color: transparent;
		direction: rtl;
		display: block;
		top: 468px;
		position: absolute;
		text-align: center;
		z-index: 50;
		/* height: 82px; */
		width: 100%;
	}

    .mobile_menu_line_img_li{
        width: 39px;
        border-radius: 17px;
        margin-top: -5px;
        margin-right: -3px;
    }
    
    .top_area,.about_maraton, .design,.qanda,.price_div,.about_me,.join_us,.t_corulesa,.info_about_me,.copy_cont, .form_div {
        /* width: 1275px; */
        width:100%;
    }

    .join_us_logo{
        display:none;
    }
     .copy_cont{
        position: relative;
        top: 280px;
        width: 90%;
    } 
    .join_us_left_btn{
        left: 7px;
        position: relative;
        top: 10px;
    }
    .join_us{
        background-size: cover;
        background-position: -744px 115px;
        top: 320px;
    }
    .join_us_right{
        position: relative;
        width: 100%;
        right:0;
        font-size: 61px;
        line-height: 64px;
    }

    .join_us_right_title{
        position: relative;
        right: 0;
    }

    .join_us_right_text{
        position: relative;
        right: 0px;
        top: 18px;
        text-align: center;
        font-size: 16px;
        line-height: 20px;
    }

    .join_us_left textarea{
        width: 90%;
    }

    .join_us_left{
        width: 90%;
        margin-left: 4%;
    }
 

    .price_div, .about_me{
        top: -30px;  
    }

   .about_me {
     height: 1414px;
   }
    .price_div{
        height: 519px;
    }

    .price_title{
        line-height: 76px;
        padding-top: 25px;
        font-size: 60px;
    }

    .price_text{
        font-size: 30px;
        line-height: 33px;
        margin-top: 0px;
    }
    .dots_cont{
        top: 310px;
    }

    
    .final_price_text{
        font-size: 39px;
        line-height: 40px;
    }
    .testimonials_title{
        margin-top: 50px; 
        font-size: 60px;
        line-height: 36px;
        margin-bottom: 0px;
    }
    .t_corulesa_class_icon{
        height: 45px;
    }

    .testimonials{
        z-index: 2;
        position: relative;
    }
    

    .top_area{
        height: 518px;
    }

    .form_div{
        padding:0;
        z-index: 1;
    }

    .irena_top,.design_img, .inner_form_div ,.about_maraton_cont,.qanda_maraton_cont,.question{
        width:100%;
    }
    .inner_form_div{
            padding-top: 19px;
    }


    .design_img{
        width: 92%;
        height: auto;
        position: relative;
        top: 73px;
    }

    .join_us_left_input{
        width: 90%;
    }
 
    .question {
        width: 90%;
        padding: 0;
        background-position: 11px 10px;
        top: 148px;
        background-size: 25px;
    
    }
    .qanda_title{
        top:145px;
        font-size: 60px;
    }
    .irena_top{
        top: 27px;
        border-bottom: 5px solid #00000038;
        right: -39px;
        width: 207px;
        margin-top: 20px;
    }


    .video_exp {
        position: relative;
        margin: 0 auto;
        display: block;
        width: 90%;
        z-index: 5555;
        top: -395px;
    }
    
    .qanda{
        min-height:  1210px;
        top: -28px;
        background-size: cover;
        border-image: none;
        height:1520px;
        border-top: 2px solid;
        border-image: linear-gradient(to right,#00DCF6,#C933F3) 1 0 0 0;
    }

    .question_span {
        margin-right: 7px;
        font-size: 29px;
        line-height: 30px;
        width: 72%;
        position: relative;
        display: block;
    }

    .ans{
        font-size: 16px;
        line-height: 23px;
        padding: 10px;
    }
    .design{
        height: 205px;
        position: relative;
        top: -25px;
        border-top: 1px solid;
        border-image: linear-gradient(to right,#00DCF6,#C933F3) 1 0 0 0;

    }

    .about_maraton{
        height: 741px;
        position: relative;
        top: -17px;
        background-size: cover;
    }

    .about_maraton_right{
        width: 90%;
        margin-bottom: -72px;
        margin-right: 5%;
        height: 318px;
        top: 66px;
    }

    .about_maraton_left{
        width: 90%;
        margin-bottom: 45px;
        margin-right: 5%;
        height: 335px;
    }

    .maraton_exp_title {
        direction: rtl;
        font-family: 'Aduma';
        font-style: normal;
        font-weight: 500;
        font-size: 30px;
        line-height: 30px;
        text-align: right;
        color: #FFFFFF;
        position: absolute;
        top: 53px;
        right: 28px;
    }

    .qanda_maraton_right {
        width: 90%;
        margin-bottom: 30px;
        margin-right: 5%;
        height: 286px;
    }

    .qanda_maraton_left{
        width: 90%;
        margin-bottom: 60px;
        margin-right: 5%;
        height: 215px;
    }
    .left_r,.left_t{
        display:none;

    }
    .right_arrow {
        position: absolute;
        top: 154px;
        z-index: 1;
        right:2px;
        cursor: pointer;
        width: 70px;
    }


    .t_corulesa_class_title {
        font-family: 'Open Sans Hebrew';
        color: #FFFFFF;
        position: absolute;
        right: 15px;
        top: 80px;
    }

    .t_corulesa_class_person {
        position: absolute;
        right: 10px;
        top: 11px;
    }
    .t_corulesa_class_text {
        right: -10px;
        top: 74px;
        position: relative;
        line-height: 20px;
        width: 90%;
        font-size: 16px;
    }
    .left_arrow {
        position: absolute;
        top: 154px;
        z-index: 1;
        left: 4px;
        cursor: pointer;
        width: 70px;
    }

    .left_m {
        margin: 0 auto;
        display: block;
        width: 70%;
        left: 0;
        margin-left: 15%;
        top: 40px;
        height: 242px;
    }

    .about_me_text {
        position: relative;
        top: 65px;
        right: -7px;
        width: 89%;
        font-size: 16px;
        line-height: 22px;
    }

    .about_me_title_text {
        position: relative;
        font-size: 30px;
        top: 23px;
        right: 42px;
    }

    .info_about_me{
        background-size: 100%;
        /* top: 481px; */
        background-position: 0px 0px;
        top: 95px;
        height: 200px;
    }

    .maraton_exp_text {
        margin-top: -55px;
        line-height: 19px;
        width: 93%;
    }

    .maraton_exp_icon{
        position: absolute;
        top: 20px;
        right: 28px;
        height: 32px;
    }
    .maraton_exp_text_qanda {
        font-family: 'Open Sans Hebrew';
        font-style: normal;
        font-weight: 400;
        font-size: 15px;
        line-height: 21px;
        text-align: right;
        color: #FFFFFF;
        position: absolute;
        top: 100px;
        width: 92%;
        direction: rtl;
    }

    .tec_leng{
        position: relative;
       
        margin-bottom: 5px;
    
    }

    .tec_leng span{
        width: 78%;
        position: absolute;
        top: 23px;
        line-height: 21px;
       font-size:15px;
    }

    .input_form {
        background-color: black;
        border: 0;
        border-bottom: 1px solid white;
        color: white;
        margin: 0px 0 13px 0;
        width: 80%;
        margin-right: 10%;
        padding-right: 14px;
    }

    .title_form {
        color: white;
        font-size: 31px;
        margin-right: 98px;
        margin-bottom: 30px;
    }

    .form_btn {
        margin: 0 auto;
        display: block;
        height: 37px;
    }


    .logo {
        position: relative;
        top: 22px;
        margin: 0 auto;
        display: block;
        left:0;
    }
    .logo_area{
        display:none;
    }

    .irena_top_text{
        position: relative;
        top: 30px;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
        width: 90%;
        margin-left: 5%;
    }

    .design_text {
        position: relative;
        top: 41px;
        right: 19px;
        font-size: 38px;
        font-size: 22px;
        line-height: 31px;
    }

    .show_err {
        display: block;
        color: red;
        top: 10px;
        margin-top: -8px;
        margin-right: 135px;
        padding-bottom: 11px;
        font-family: 'Aduma';
    }
    .show_err_sec{
        font-family: 'Aduma';
        margin-top: -47px;
        margin-right: 1px;  
    }

    .maraton_start{
        font-size: 54px;
        line-height: 54px;
    }

    .maraton_start_sec{
       font-size: 25px;
        line-height: 29px;
        top: 24px;
    }

    .phone_text{
        display:none;
    }
  
    .phone_text_sub{
        display:none;
    }

    .join_us2_img {
        position: absolute;
        bottom: 0px;
        right: 19px;
        z-index: 1;
        width: 88%;
        top: auto;
    }

    .bg_footer{
        width: 100%;
        position: relative;
        top: 179px;
    }

    .rm_bg_video{
        top: 113px;
        left: 61px;
        width: 72px;
        margin-top: 0;
    }

    
    .gradient_top_area{
        display: none;
    }

    .top_menue{
        display:none;
    }

    .dropdown {
        display: none;
    }

    .hamb_menu{
        display: block;
        position: fixed;
        right: 8px;
        width: 25px;
        top: 8px;
        z-index: 30;
    }

    .mobile_menu{
        /* display: block; */
        background-color: #171F2C;
        color: white;
        height: 100%;
        position: absolute;
        z-index: 30;
        width: 100%;
        text-align: center;
        position: fixed;
        top: 0;
        overflow: hidden;
        overscroll-behavior: contain;
    }

    .mobile_menu_sub_title{
        text-align: center;
        top: 50px;
        position: relative;
        font-size: 25px;
        text-decoration: none;
      
        color: #BECCE2;
    }

    .mobile_menu_sub_title{
        color:white;
        margin-top: 23px;
        display: inline-block;
    }
    .close_icon{
        position: absolute;
        right: 0;
        height: 16px;
        padding: 5px;
        z-index:5;
    }

    .form_btn_fixed{
        display:none;
        position: fixed;
        right: -13px;
        bottom: 25px;
        z-index: 20;
        width: 50%;
    }

    .logo_mobile_menu{
        left: -72px;
        top: 18px;
    }
    
    .bg_right_menu{
        position: absolute;
      
        right: -47px;
        opacity: 0.5;
        bottom:0px
    }

    .mobile_menu_line{
        position: relative;
        width: 100%;
        height: 50px;
        z-index: 2;
        top:24px;
    }

    .mobile_menu_line_img{
        position: absolute;
        right: 23px;
        top: 20px;
        min-width:32px;
    }

    .mobile_menu_line_text{
        position: absolute;
        top: 20px;
        right: 72px;
        color: white;
        font-size: 25px;
        text-decoration: none;
    }

    .mobile_menu_line_text_selected{
        background: -webkit-linear-gradient(#00DCF6, #C933F3);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .mobile_menu_line_text_title{
        right: 22px;
    }

}



@media only screen and (min-width: 481px) and (max-width:912px) {
    .logo_mobile_menu{
        left: -200px;
    }

    .video_exp {
        position: relative;
        margin: 0 auto;
        display: block;
        width: 90%;
        z-index: 5555;
        top: -345px;
    }


    .mobile_menu_line{
        /* float: right; */
        position: relative;
        /* width: 50%; */
        height: 45px;
        z-index: 2;
        top: 6px;
    }

    .seperate{
        display:none;
    }

    .div_menu_right,.div_menu_left{
        float:right;
        width: 50%;
    }

    .mobile_menu a {
        top: 23px;
    }
    
    .form_btn_fixed{
        bottom: 26px;
        width:30%;
    }

    .mobile_menu_sub_title{
        top: 0px;
    }

    .mobile_menu_sub_title{
        margin-top: 12px;

    }

    .rm_bg_video{
        top: 188px;
        right: 33px;
        width: 90px;
        margin-top: 0;
        left: auto;
    }
    
    .design_text {
        position: relative;
        top: 41px;
        right: 19px;
        font-size: 38px;
        font-size: 38px;
        line-height: 43px;
    }

    .design {
        height: 385px;
    }

    .price_div {
        height: 479px;
    }

    .about_me_title_text {
        right: 140px;
        top: 89px;
        font-size: 45px;
    }

    .info_about_me {
        height: 345px;
    }

    .about_me_text {
        top: 206px;
    }

    .join_us {
        top: 182px;
        overflow: hidden;;
    }


    .join_us2_img {
        position: absolute;
        bottom: -135px;
        right: 19px;
        z-index: 1;
        width: 88%;
        top: auto;
    }
    
    .copy_cont {
        top: 145px;
    }
   
    .bg_footer {
        top: 108px;
    }

    .show_err{
        width: 97px;
        margin: 0 auto;
    }
	
	
    
    .show_err_sec{
        margin-top: -43px;
        margin-right: 1px
    }

}



@media only screen and (min-width: 320px)  and (max-width: 370px){

    .join_us_right_title {
        top: 40px!important;
     }

    .maraton_start_sec {
        font-size: 21px;
        line-height: 21px;
        top: 24px;
    }

    .maraton_start {
        font-size: 41px;
        line-height: 49px;
    }
    .irena_top_text {
        line-height: 17px;
    }

    .title_form {
        margin-right: 60px;
    }

    .maraton_exp_text {
        font-size: 14px;
        line-height: 17px;
  
    }

    .maraton_exp_title {
        font-size: 25px;
        line-height: 18px;
    }

    .qanda {
        top: -80px;
        height: 1623px;
        min-height: 1623px;
    }    

    .tec_leng span {
        width: 75%;
    }
    .price_div, .about_me {
        top: -84px;
    }
    .final_price_text {
        font-size: 34px;
        line-height: 33px;
    }
    .price_div {
        height: 582px;
    }

    .t_corulesa_class_title{
        font-size: 18px
    }

    .about_me_title_text {
        position: relative;
        font-size: 23px;
        top: 10px;
        right: 33px;
    }

    .about_me_text {
        font-size: 15px;
        line-height: 19px;
    }

    .join_us_right_title {
        font-size: 65px;
        line-height: 90px;
    }

    .left_m {
        width: 64%;
        margin-left: 18%;
    }

    .form_btn_fixed {
        right: -4px;
    }

    .top_area{
        height: 520px;
    }

}




@media only screen and (min-width: 370px)  and (max-width: 400px){
    .about_me_title_text {
        font-size: 25px;
    }

    .irena_top {
        top: 7px;
        border-bottom: 5px solid #00000038;
        right: -39px;
        width: 186px;
        margin-top: 20px;
    }

}



@media only screen and (min-width: 400px)  and (max-width: 480px){
    .top_area {
        height: 550px;
    }
}


@media only screen and (min-width: 480px)  and (max-width: 540px){
    .top_area {
        height: 575px;
    }
    .design {
        height: 287px;
    }
    .about_me_title_text {
        right: 43px;
        top: 40px;
        font-size: 37px;
    }
    .about_me_text {
        top: 106px;
    }
}

@media only screen and (min-width: 540px)  and (max-width: 600px){
    .top_area {
        height: 610px;
    }

    .video_exp {
        position: relative;
        margin: 0 auto;
        display: block;
        width: 90%;
        z-index: 5555;
        top: -305px;
    }


    .qanda {
        top: -68px;
    }
    .price_div {
        top: -69px;
    }
    .about_me_title_text {
        right: 51px;
        top: 50px;
        font-size: 45px;
    }
    .about_me_text {
        top: 125px;
    }
}

@media only screen and (min-width: 600px)  and (max-width: 780px){
    /* .irena_top_text {
        top: -100px;
    } */

    .irena_top {
        top: 9px;
        border-bottom: 5px solid #00000038;
        right: -39px;
        width: 184px;
        margin-top: 20px;
    }

    
    .video_exp {
        position: relative;
        margin: 0 auto;
        display: block;
        width: 90%;
        z-index: 5555;
        top: -265px;
    }

    .about_me_title_text {
        right: 65px;
        top: 61px;
        font-size: 45px;
    }

    .about_me_text {
        top: 148px;
    }
}


@media only screen and (min-width: 720px)  and (max-width: 800px){
    /* .irena_top_text {
        top: -145px;
    } */

     
    .video_exp {
        position: relative;
        margin: 0 auto;
        display: block;
        width: 90%;
        z-index: 5555;
        top: -245px;
    }

}

@media only screen and (min-width: 800px)  and (max-width: 850px){
    /* .irena_top_text {
        top: -162px;
    } */

         
    .video_exp {
        position: relative;
        margin: 0 auto;
        display: block;
        width: 90%;
        z-index: 5555;
        top: -245px;
    }

}

@media only screen and (min-width: 850px)  and (max-width: 912px){
    /* .irena_top_text {
        top: -184px;
    } */

           
    .video_exp {
        position: relative;
        margin: 0 auto;
        display: block;
        width: 90%;
        z-index: 5555;
        top: -245px;
    }
    

}