@media screen and (max-width: 1800px) {

    .header .container, .hero_banner .container {max-width: 76%; }
    .hero_banner_main::after { left: 0; bottom: -55px;}
}

@media screen and (max-width: 1700px) {

}

@media screen and (max-width: 1600px) {

    h1, .title_h1 {font-size: 72px; line-height: 105px;}
    .header .container, .hero_banner .container { max-width: 73%;}

}

@media screen and (max-width: 1440px) {

    h2, .title_h2 { font-size: 62px;}
    .title_h1_big { font-size: 88px;}

    .hero_banner::after { right: -50px;}
    .hero_banner::before { left: -20px;}
    .challenging_content {width: 51.265%;}

    .improve_helath_main { gap: 60px;}
    .health_img { width: 30.779%; }
    .testimonial {padding: 80px 0 120px;}

}

@media screen and (max-width: 1300px) {

    h1, .title_h1 {font-size: 58px;line-height: 90px;}
    h3, .title_h3 {font-size: 34px;line-height: 48px;}

    .hero_banner::before {background-size: 95%;}
    .hero_banner::after {background-size: 95%;}
    .challenging_life_main {padding: 80px 0 40px;}
    .challenging_box {gap: 30px;}
    .challenging_content {width: 52%; gap: 16px;}
    .cmn_title_des h3 {padding-bottom: 16px;}
    .cmn_title_des p {padding-bottom: 10px; line-height: 28px;}
    .health_img {width: 35%;}

    .improve_health { padding: 175px 0 177px;}
    .improve_health:after { height: 115px;}
    .improve_health::before { height: 127px;}
    .testimonial_main {padding-top: 60px !important;}
    
    


}

@media screen and (max-width: 1200px) {

    h1, .title_h1 {font-size: 52px; line-height: 80px;}
    .title_h1_big {font-size: 68px;}
    h2, .title_h2 { font-size: 50px;}
    h3, .title_h3 {font-size: 28px; line-height: 38px;letter-spacing: 0.28px;}


    .ring_patch_img {left: 38.4%;};
    
    
    .header_logo a { width: 75%; display: flex;}
    /* .header .container, .hero_banner .container { max-width: 65%;} */

    .header .container, .hero_banner .container {max-width: 73%;}

    
    .hero_banner { padding: 289px 0 253px 0;}
    .hero_banner_main::after {background-size: 80%; left: -50px;}
    .hero_banner_main::before{background-size: 80%;}
    .challenging_life::after {top: -59px;}
    .feature_box_otr .feature_box {min-width: calc((100% - 2* 30px) / 2);}
    .testimonial_box {gap: 25px; padding: 20px;}

    .footer_top { max-width: 70%;}
  

}

@media screen and (max-width: 1024px) {

    

    .challenging_box { flex-direction: column;}
    .challenging_life_main .challenging_box:nth-child(even) { flex-direction: column;}
    .challenging_content { width: 100%;}

    .improve_health { padding: 125px 0 140px;}
    .improve_health:after { height: 75px;}
    .improve_health::before {height: 109px;}

    .footer:after {background-size: 100% 70%;}

}

@media screen and (max-width: 900px) {


    .container{ padding:0px 30px;}
    h1, .title_h1 {font-size: 42px;line-height: 68px;}


    .hero_banner { background: white;}

    .hero_banner::before {background-size: cover; left: -50px; width: 336px;}
    
    .hero_banner::after {background-size: cover; right: 0; width: 398px;}
    .hero_banner_main::before {background-size: 70%;right: -50px;}
    .hero_banner_main::after { background-size: 80%; left: -70px;}
    .ring_patch_img {left: 34.5%; bottom: -40px;}
      
    .challenging_life::after {background-size: cover;}
    .challenging_life_main {gap: 60px;}
    .our_feature {padding: 40px 0 80px;}
    .footer:after {background-size: 100% 50%;}

     /* .hero_banner::before {background-size: cover; left: -40px; width: 415px;} 
        .hero_banner::after {background-size: cover; right: 0; width: 430px;} 
         .ring_patch_img { left: 31.4%; bottom: -40px;}  */
}

@media screen and (max-width: 767px) {

    .title_h4,h4{ font-size:22px }
    .title_h1_big{ font-size:46px }
    .hero_banner::after{ background-size:contain;right:-111px;width:590px }
    .challenging_expression img{ max-width:80px }
    .improve_helath_main{ flex-direction:column;align-items:flex-start;gap:30px }
    .health_img img{ max-width:165px }
    .our_feature{ padding:30px 0 60px }
    .feature_box_otr{ gap:30px }
    .feature_box_otr .feature_box{ min-width:calc((100% - 2* 30px)/ 1);padding:16px;gap:16px }
    .testimonial{ padding:70px 0 100px }
    .footer:after{ background-size:100% 30% }
    .footer_link ul{ padding:0 }
    .footer_top{ padding-bottom:40px;max-width:80%;gap:30px }
    .footer_logo a{ width:100%;display:flex;max-width:200px }
    .footer_btm{ flex-direction:column;align-items:center;gap:8px }
    .hero_banner::before{ background-size:cover;left:-130px;width:366px }
    .hero_banner::after{ background-size:cover;right:-111px;width:490px }
    .header_logo a{ display:flex;width:100%;max-width:160px }
    .hero_banner_main::before{ background-size:65% }
    .hero_banner_main::after{ background-size:69% }

}

@media screen and (max-width: 600px) {
    .container { padding:0 24px }
    .title_h1,h1 { font-size:26px;line-height:42px }
    .title_h2,h2 { font-size:32px }
    .title_h4,h4 { font-size:20px }
    .title_h1_big { font-size:40px }
    p { font-size:16px;line-height:28px }
    .eighteen_p p { font-size:14px;line-height:20px }
    .btn { font-size:16px;padding:10px 30px }
    .cmn_title_des p { padding-bottom:8px;line-height:24px;font-size:16px }
    .header_logo a.desktop_logo { width:100%;display:flex;max-width:150px }
    .header .container,.hero_banner .container { max-width:85% }
    .hero_banner { padding:149px 0 223px }
    .desktop_patch::before { background-image:url(/wp-content/themes/one-feelings/bg_images/mobile_left_patch.png);width:113px;height:479px;left:0;right:auto;top:85px }
    /* .desktop_patch::after { background-image:url(/wp-content/themes/one-feelings/bg_images/mobile_right_patch.png);width:229px;height:488px;right:0;left:auto;top:150px } */
    .desktop_patch::after {
        background-image: url(/wp-content/themes/one-feelings/bg_images/mobile_right_patch.png);
        width: 229px;
        height: 488px;
        right: 0;
        left: auto;
        top: 14%;
    }
    .hero_banner_main::before { width:57px;height:49px;background-size:100% 100%;background-image:url(/wp-content/themes/one-feelings/bg_images/mobile_Smart.png);right:20px;top:-40px }
    .hero_banner_main::after { width:57px;height:60px;background-size:100% 100%;background-image:url(/wp-content/themes/one-feelings/bg_images/mobile_Devil.png);left:20px;bottom:-40px }
    .desktop_patch .ring_patch_img img { display:none }
    .desktop_patch .ring_patch_img:after { content:'';bottom:20px;position:absolute;background-image:url(/wp-content/themes/one-feelings/bg_images/mobile_ring.png);background-repeat:no-repeat;width:60px;height:60px }
    .hero_banner { background-image:url(/wp-content/themes/one-feelings/bg_images/mobile_banner_pactch.png);background-size:100% 100% }
    .hero_banner_title_btn { gap:16px }
    .hero_banner_title_btn a.btn { font-size:16px;padding:14px 40px }
    .desktop_patch .ring_patch_img:after { bottom:30px }
    /* .challenging_life::after { background-image:url(/wp-content/themes/one-feelings/bg_images/mobile_challenging_patch.png);background-size:100% 100%;top:-62px } */
    .challenging_life::after { background-image:url(/wp-content/themes/one-feelings/bg_images/mobile_wave_patch.svg);background-size:cover;top:-52px }
    .challenging_life_main { gap:50px;padding:80px 0 60px }
    .challenging_expression img { max-width:60px }
    .improve_helath_main { gap:20px }
    .improve_health { padding:130px 0 128px }
    .health_img { max-width:150px;width:100% }
    .improve_health:after { background-image:url(/wp-content/themes/one-feelings/bg_images/feel_batter_mobile_patch.png);height:100px }
    .improve_health:before { background-image:url(/wp-content/themes/one-feelings/bg_images/feel_batter_mobile_patch_btm.png);height:100px }
    .health_btn a.btn { padding:14px 40px;width:100% }
    .our_feature { padding:8px 0 60px }
    .feature_box_otr { padding-top:30px }
    .feature_box img { width:100%;max-width:60px }
    .feature_box_content { gap:8px }
    .testimonial { padding:50px 0 100px }
    .testimonial_main { padding:30px 25px 0 25px!important }
    .testimonial_otr { display:flex!important;align-items:end!important;padding-left:0!important }
    .testimonial_box { padding:20px;gap:16px }
    .footer { padding-top:35px }
    .footer_top { max-width:100%;gap:20px;padding-bottom:22px }
    .footer:after { background-size:100% 25% }
    .footer_logo a { max-width:169px }
    .footer_top_content a.btn { padding:13.5px 40px;margin:0 }
    .footer_copyright p,.footer_link ul a { font-size:14px;line-height:22px }
    .desktop_patch .ring_patch_img:after { bottom:0px }
    .ring_patch_img {
        left: 30%;
        bottom: 10px;
    }
}


@media screen and (max-width: 479px) {

    .hero_banner { padding:149px 0 159px }
    .hero_banner_main::after { left:0;bottom:-50px }
    .hero_banner_main::before { right:0;top:-60px }
    .desktop_patch::before { top:15% }
    /* .desktop_patch::after { left:auto;top:25%;right:-20px } */
    .desktop_patch::after {
        left: auto;
        top: 10%;
        right: 0px;
    }
    
    .challenging_life::after { background-size:contain;top:-30px }
    .hero_banner_main { max-width:76.7% }
    .header_logo a.desktop_logo { max-width:118px }
    .header .container,.hero_banner .container { max-width:100% }
    .ring_patch_img {
        bottom: -10px;
    }

}


@media screen and (max-width: 374px) {


}


