@media screen and (max-width: 767px) {
    :root {
        --20-font: 1.8rem;
        --22-font: 1.8rem;
        --24-font: 1.8rem;
        --26-font: 1.8rem;
        --28-font: 1.8rem;
        --30-font: 2rem;
        --32-font: 2rem;
        --35-font: 2.2rem;
        --40-font: 3rem;
        --50-font: 2.5rem;
        --70-font: 3rem;
        --100-font: 6rem;
    }

    /*! footer */
    .footer .cnt_wp {
        gap: 2rem;
    }

    .footer_link {
        order: 2;
    }

    .footer_logo {
        order: 1;
    }

    .cnt_wp,
    .reward-loot,
    .steps-top, 
    .steps-bottom,
    .concert-right {
        flex-direction: column;
    }

    .main_banner {
        background-position: center;
        height: 45rem;
    }

    .warriors_logo {
        top: 0;
        transform: translateY(0);
        left: 0;
        height: 45rem;
        position: relative;
    }

    .logo_img,
    .inscrivez_box,
    .time_event {
        position: absolute;
    }

     .logo_img {
        max-width: 14rem;
        top: 5%;
        left: 30%;
    }

    .inscrivez_box {
        width: 95%;
        left: 2%;
        bottom: 20%;
    }

    .fb_link a {
        padding: 1rem 2rem;
        font-size: 1.8rem;
        position: absolute;
        bottom: 8%;
        left: 9%;
    }

    .time_event {
        bottom: -21%;
        left: 50%;
        transform: translateX(-50%);
    }

    .date_of_event {
        right: 3%;
        max-width: 5rem;
    }

    .days_num {
        font-size: 5rem;
    }

    #player {
        width: 100%;
        height: auto;
    }
    
    .team_challenge-left,
    .team_challenge-right,
    .game_zone-left,
    .game_zone-right {
        width: 100%;
    }

    .team_challenge,
    .reward,
    .how_to_participate,
    .distribution,
    .game_zone,
    .concert,
    .product_benefits,
    .narta_products {
        margin-top: 5rem;
    }

    .team_challenge-right {
        padding: 2rem;
    }

    .challenge-txt {
        margin-top: 2rem;
        line-height: 2.5rem;
    }

    .challenge-txt ul li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .section_subTible {
        line-height: 3.5rem;
    }

    .reward .cnt_wp {
        padding: 5rem 3rem;
        flex-direction: column;
    }

    .how_to_participate-title, .distribution-title {
        margin-left: 2rem;
    }

    .steps-top,
    .steps-bottom {
        width: 90%;
        margin: 0 auto;
        gap: 4rem;
    }

    .steps-top {
        margin-top: 4rem;
    }

    .steps-repeat {
        width: 100%;
    }

    .steps-bottom {
        margin-top: 4rem;
    }

    .steps-bottom .steps-repeat:first-child {
        display: none;
    }

    .distribution .cnt_wp {
        align-items: flex-start;
        gap: 3rem;
    }

    .distribution-right {
        padding: 0 2rem;
    }

    .game_zone-title {
        line-height: 3rem;
    }

    .game_zone-right {
        padding: 0 2rem;
        margin-top: 3rem
    }

    .game-list li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .concert-left {
        padding: 5rem 2rem;
    }

    /* .concert-title {
        padding: 5rem 2rem;
    } */

    /* .concert {
        height: 20rem;
    } */

    .prophecy_img, .blakkayo_img {
        width: 100%;
    }

    .benefits {
        width: 90%;
        height: auto;
    }

    /*! form */
    .form_fill {
        margin-top: 5rem;
        padding: 0 2rem
    }

    .member-txt.leader_txt {
        top: 1rem;
    }

    .member_form-wp {
        flex-direction: column;
        gap: 4rem;
    }

    .member_form-repeat {
        width: 100%;
    }

    .form_subTitle {
        line-height: 3rem;
    }

    .validation_ticket,
    .narta_warriors {
        margin-top: 3rem;
    }

    .member_form .field.age, 
    .member_form .field.sexe, 
    .member_form .field.tel, 
    .member_form .field.mobile {
        width: 35%;
    }

    .checkBox_wp {
        gap: 4rem;
    }

    .field-error-msg {
        bottom: -2.8rem;
        font-size: 1.6rem;
    }

    .file-upload {
        margin-top: 3rem;
    }

    /*! confirmation page*/
    .onepage {
        padding-top: 10rem;
        justify-content: flex-start;
    }

    .onepage-img {
        max-width: 75%;
    }

    .count_img {
        max-width: 90%;
        margin: 0 auto;
    }

    .onepage-txt {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    /*! rule */
    .cnt_1540 {
        padding: 0 2rem;
    }

    .banner_tribecca .date_of_event {
        right: 1%;
        max-width: 6rem;
    }

    .rule_page {
        margin-top: 5rem;
    }

    .img_rule_logo {
        width: 15rem;
    }

    .rule {
        margin-top: 3rem;
        margin-bottom: 5rem;
    }

    .rule-title {
        margin-bottom: 1rem;
    }

    .rule-txt {
        line-height: 3rem;
    }

    .rule_article {
        margin-top: 3rem;
    }
 }

@media screen and (min-width: 768px) and (max-width: 1023px) { 
    :root {
        --22-font: 2rem;
        --30-font: 2.5rem;
        --40-font: 3rem;
        --50-font: 3rem;
        --70-font: 4rem;
        --100-font: 5rem;
    }

    /*! footer */
    .footer .cnt_wp {
        gap: 2rem;
    }

    .footer_link {
        order: 2;
    }

    .footer_logo {
        order: 1;
    }

    .cnt_wp,
    .steps-top, 
    .steps-bottom {
        flex-direction: column;
    }

    .main_banner {
        background-position: center;
        height: 45rem;
    }

    .warriors_logo {
        top: 0;
        transform: translateY(0);
        left: 0;
        height: 50rem;
        position: relative;
    }

    .logo_img,
    .inscrivez_box,
    .time_event {
        position: absolute;
    }

    .logo_img {
        max-width: 18rem;
        top: 5%;
        left: 7%;
    }

    .inscrivez_box {
        width: 52%;
        /* left: 50%; */
        bottom: 20%;
        /* transform: translateX(-50%); */
    }

    .fb_link a {
        font-size: 1.8rem;
        position: absolute;
        bottom: 3%;
        left: 29%;
    }

    .time_event {
        bottom: -21%;
        left: 50%;
        transform: translateX(-50%);
        width: 40%;
    }

    .date_of_event {
        right: 5%;
        max-width: 8rem;
    }

    .days_num {
        font-size: 5rem;
    }

    #player {
        height: 40rem;
    }
    
    .team_challenge-left,
    .team_challenge-right,
    .game_zone-left,
    .game_zone-right {
        width: 100%;
    }

    .team_challenge,
    .reward,
    .how_to_participate,
    .distribution,
    .game_zone,
    .concert,
    .product_benefits,
    .narta_products {
        margin-top: 5rem;
    }

    .team_challenge-right {
        padding: 2rem;
    }

    .challenge-txt {
        margin-top: 2rem;
        line-height: 2.5rem;
    }

    .challenge-txt ul li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .section_subTible {
        line-height: 3.5rem;
    }

    .reward .cnt_wp {
        padding: 5rem 3rem;
        flex-direction: column;
    }

    .reward-repeat {
        padding: 2rem 0rem;
        width: 45%;
    }

    .reward-loot {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .how_to_participate-title, .distribution-title {
        margin-left: 2rem;
    }

    .steps-top,
    .steps-bottom {
        width: 90%;
        margin: 0 auto;
        gap: 4rem;
    }

    .steps-top {
        margin-top: 4rem;
    }

    .steps-repeat {
        width: 100%;
    }

    .steps-bottom {
        margin-top: 4rem;
    }

    .steps-bottom .steps-repeat:first-child {
        display: none;
    }

    .steps-bottom .steps-repeat:first-child .step-line {
        transform: translateY(24px);
    }

    .distribution .cnt_wp {
        align-items: flex-start;
        gap: 3rem;
    }

    .distribution-right {
        padding: 0 2rem;
    }

    .game_zone-title {
        line-height: 3rem;
    }

    .game_zone-right {
        padding: 0 2rem;
        margin-top: 3rem
    }

    .game-list li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .concert-left {
        padding: 5rem 3rem;
    }

    .concert-right {
        flex-direction: column;
    }

    /* .concert-title {
        padding: 5rem 3rem;
    } */

    /* .concert {
        height: 20rem;
    } */

    .prophecy_img, .blakkayo_img {
        width: 100%;
    }

    .benefits {
        width: 90%;
        height: auto;
    }

    .inner-narta-slider {
        padding: 0px 1rem;
    }

    /*! form */
    .form_fill {
        margin-top: 5rem;
        padding: 0 3rem
    }

    .member_form-wp {
        flex-wrap: wrap;
        row-gap: 3rem;
    }

    .member_form-repeat {
        width: 48%;
    }

    .member_form .field.age, 
    .member_form .field.sexe, 
    .member_form .field.tel, 
    .member_form .field.mobile {
        width: 35%;
    }

    .checkBox-repeat label {
        line-height: 4rem;
    }

    /*! confirmation page*/
    .onepage {
        padding-top: 10rem;
        justify-content: flex-start;
    }

    .onepage-img {
        max-width: 75%;
    }

    .count_img {
        max-width: 75%;
        margin: 0 auto;
    }

    .onepage-txt {
        font-size: 3rem;
        line-height: 3.5rem;
    }

    /*! rule */
    .cnt_1540 {
        padding: 0 2rem;
    }

    .banner_tribecca .date_of_event {
        right: 4%;
        max-width: 8rem;
    }

    .rule_page {
        margin-top: 5rem;
    }

    .img_rule_logo {
        width: 20rem;
    }

    .rule-txt {
        line-height: 4rem;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1183px) {
     :root {
        --20-font: 1.8rem;
        --22-font: 1.8rem;
        --24-font: 1.8rem;
        --26-font: 1.8rem;
        --28-font: 1.8rem;
        --30-font: 2rem;
        --32-font: 2rem;
        --35-font: 2.2rem;
        --40-font: 3rem;
        --50-font: 2.5rem;
        --70-font: 3rem;
        --100-font: 6rem;
    }

    .footer .cnt_wp {
        padding: 3.5rem 2rem;
    }

    .main_banner {
        background-position: center;
        height: 60rem;
    }

    .warriors_logo {
        left: -3%;
    }

    .logo_img {
        max-width: 20rem;
    }

    .inscrivez_box {
        max-width: 68%;
    }

    .fb_link a {
        font-size: 1.6rem;
    }

    .time_event {
        width: 60%;
        margin: 2rem;
    }

    .date_of_event {
        max-width: 10rem;
    }

    .time_event_wp {
        gap: 2rem;
    }

    .days_num {
        font-size: 5rem;
    }

    #player {
        height: 50rem;
    }

    .team_challenge,
    .reward,
    .how_to_participate,
    .distribution,
    .game_zone,
    .concert,
    .product_benefits,
    .narta_products {
        margin-top: 5rem;
    }

    .challenge-txt {
        margin-top: 2rem;
        line-height: 2.5rem;
    }

    .challenge-txt ul li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .section_subTible {
        line-height: 3.5rem;
    }

    .reward .cnt_wp {
        padding: 5rem 3rem;
        flex-direction: column;
    }

    .reward-repeat {
        padding: 2rem 0rem;
        width: 45%;
    }

    .how_to_participate-title, .distribution-title {
        margin-left: 2rem;
    }

    .steps-top,
    .steps-bottom {
        width: 90%;
        margin: 0 auto;
        gap: 4rem;
    }

    .steps-top {
        margin-top: 4rem;
    }

    .steps-repeat {
        width: 30%;
    }

    .steps-bottom {
        margin-top: 4rem;
    }

    .steps-bottom .steps-repeat:first-child {
        display: none;
    }

    .distribution .cnt_wp {
        align-items: center;
        gap: 3rem;
    }

    .distribution-txt {
        max-width: 65rem;
    }

    .game_zone-title {
        line-height: 3rem;
    }

    .game-list li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .concert-left {
        padding: 4rem 7rem;
    }

    /* .concert-title {
        padding: 5rem 3rem;
    }

    .concert {
        height: 20rem;
    } */

    .product_benefits .cnt_wp {
        flex-wrap: wrap;
        justify-content: flex-start;
        padding: 0 2rem;
    }

    .benefits {
        width: 45%;
        height: auto;
    }

    /*! form */
    .form_fill {
        margin-top: 5rem;
        padding: 0 3rem
    }

    .member-txt.leader_txt {
        top: 3rem;
        left: 42%;
    }
    
    .member-txt {
        top: 5rem;
        left: 41%;
    }

    .member_form-wp {
        flex-wrap: wrap;
    }

    .member_form-repeat {
        width: 48%;
        border-radius: 52px;
    }

    .validation_ticket,
    .narta_warriors {
        margin-top: 5rem;
    }

    .checkBox_wp {
        margin-top: 3rem;
        gap: 2rem;
    }

    /*! confirmation page*/
    .onepage-img {
        max-width: 75%;
    }

    .count_img {
        max-width: 75%;
        margin: 0 auto;
    }

    .onepage-txt {
        font-size: 3rem;
        line-height: 3.5rem;
    }

    /*! rule */
     .cnt_1540 {
        padding: 0 2rem;
     }

     .banner_tribecca .date_of_event {
        right: 2%;
        max-width: 8rem;
    }

     .rule_page {
        margin-top: 7rem;
    }

    .img_rule_logo {
        width: 20rem;
    }

    .rule {
        margin-top: 3rem;
        margin-bottom: 5rem;
    }

    .rule-title {
        margin-bottom: 1rem;
    }

    .rule-txt {
        line-height: 3rem;
    }

    .rule_article {
        margin-top: 3rem;
    }
 }

@media screen and (min-width: 1184px) and (max-width: 1399px) {
    :root {
        --20-font: 1.8rem;
        --22-font: 1.8rem;
        --24-font: 1.8rem;
        --26-font: 1.8rem;
        --28-font: 1.8rem;
        --30-font: 2rem;
        --32-font: 2rem;
        --35-font: 2.2rem;
        --40-font: 2.8rem;
        --50-font: 3rem;
        --70-font: 5rem;
        --100-font: 6rem;
    }

    .footer .cnt_wp {
        padding: 3.5rem 3rem;
    }

    .main_banner {
        height: 60rem;
    }

    .logo_img {
        max-width: 27rem;
        margin-left: 3rem;
    }

    .inscrivez_box {
        max-width: 68%;
    }

    .fb_link a {
        font-size: 1.6rem;
    }

    .time_event {
        width: 60%;
        margin: 2rem;
    }

    .date_of_event {
        max-width: 10rem;
    }

    .time_event_wp {
        gap: 2rem;
    }

    .days_num {
        font-size: 5rem;
    }

    #player {
        height: 60rem;
    }

    .challenge-txt {
        margin-top: 2rem;
        line-height: 2.5rem;
    }

    .challenge-txt ul li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .reward .cnt_wp {
        padding: 5rem 3rem;
        flex-direction: column;
    }

    .reward-repeat {
        padding: 2rem 0rem;
        width: 45%;
    }


    .distribution .cnt_wp {
        align-items: center;
        gap: 3rem;
    }

    .distribution-txt {
        max-width: 70rem;
    }


    .game_zone-title {
        line-height: 3rem;
    }

    .game-list li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .product_benefits .cnt_wp {
        padding: 0 2rem;
    }

    .benefits {
        padding: 2rem 4rem;
        height: 12rem;
    }

    /*! form */
    .form_fill {
        margin-top: 5rem;
        padding: 0 3rem
    }

    .member-txt.leader_txt {
        top: 1.2rem;
    }
    
    .member-txt {
        top: 3rem;
    }

    .member-txt.leader_txt span {
        font-size: 1.4rem;
        max-width: 15rem;
        margin-top: 0;
    }

    .member_form .field.age {
        width: 100%;
    }

    .member_form-repeat {
        border-radius: 36px;
    }

    .form_subTitle {
        line-height: 3rem;
    }

    .validation_ticket,
    .narta_warriors {
        margin-top: 5rem;
    }

    .checkBox_wp {
        margin-top: 3rem;
        gap: 3rem;
    }

    .concert-left {
        padding: 6rem 7rem;
    }

    /*! confirmation page*/
    .onepage-img {
        max-width: 75%;
    }

    .count_img {
        max-width: 75%;
        margin: 0 auto;
    }

    .onepage-txt {
        font-size: 3rem;
        line-height: 3.5rem;
    }

    /*! rule */
     .cnt_1540 {
        padding: 0 3rem;
     }

     .banner_tribecca .date_of_event {
        right: 2%;
        max-width: 11rem;
    }

     .rule_page {
        margin-top: 7rem;
    }

    .img_rule_logo {
        width: 20rem;
    }

    .rule {
        margin-top: 3rem;
        margin-bottom: 5rem;
    }

    .rule-title {
        margin-bottom: 1rem;
    }

    .rule-txt {
        line-height: 3rem;
    }

    .rule_article {
        margin-top: 3rem;
    }
 } 

@media screen and (min-width: 1400px) and (max-width: 1600px) {
    :root {
        --20-font: 1.8rem;
        --22-font: 1.8rem;
        --24-font: 1.8rem;
        --26-font: 1.8rem;
        --28-font: 1.8rem;
        --30-font: 2.5rem;
        --32-font: 2.5rem;
        --35-font: 3.2rem;
        --50-font: 4rem;
        --70-font: 6rem;
        --100-font: 7rem;
    }

    .footer .cnt_wp {
        padding: 3.5rem 4rem;
    }

    .main_banner {
        height: 80rem;
    }

    .logo_img {
        max-width: 35rem;
    }

    .inscrivez_box {
        max-width: 90%;
    }

    .time_event {
       width: 70%;
       margin: 2rem 4.5rem;
    }

    .date_of_event {
        max-width: 14rem;
    }

    .time_event_wp {
        gap: 2rem;
    }

    #player {
        height: 70rem;
    }

    .challenge-txt {
        margin-top: 2rem;
        line-height: 2.5rem;
    }

    .challenge-txt ul li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .challenge-txt ul {
        margin-top: 3rem;
    }

    .reward .cnt_wp {
        padding: 5rem 3rem;
    }

    .distribution .cnt_wp {
        align-items: center;
        gap: 5rem;
    }

    .distribution-txt {
        max-width: 70rem;
    }

    .game-list li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .concert-left {
        padding: 10rem 7rem 9rem 14rem;
    }

    /* .concert {
        height: 50rem;
    } */

    .product_benefits .cnt_wp {
        padding: 0 2rem;
    }

    .benefits {
        padding: 2rem 4rem;
    }

    /*! confirmation page*/
    .onepage-img {
        max-width: 80%;
    }

    .count_img {
        max-width: 80%;
        margin: 0 auto;
    }

    .onepage-txt {
        font-size: 3rem;
        line-height: 3.5rem;
    }

     /*! form */
    .form_fill {
        margin-top: 5rem;
        padding: 0 5rem
    }

    .team_challenge.team_challenge_formPage.animation {
        padding: 3%;
    }

    .member-txt.leader_txt {
        top: 1.2rem;
    }
    
    .member-txt {
        top: 3rem;
    }

    .member-txt.leader_txt span {
        font-size: 1.4rem;
        max-width: 15rem;
        margin-top: 0;
    }

    .member_form .field.age {
        width: 100%;
    }

    .form_subTitle {
        line-height: 3.5rem;
    }

    .validation_ticket,
    .narta_warriors {
        margin-top: 5rem;
    }

    .checkBox_wp {
        margin-top: 3rem;
        gap: 3rem;
    }

    .file-name {
        padding: 2rem 0 2.1rem 3rem;
    }

    /*! rule */
     .cnt_1540 {
        padding: 0 3rem;
     }

     .banner_tribecca .date_of_event {
        right: 2%;
        max-width: 11rem;
    }

     .rule_page {
        margin-top: 7rem;
    }

    .img_rule_logo {
        width: 20rem;
    }

    .rule {
        margin-top: 3rem;
        margin-bottom: 5rem;
    }

    .rule-title {
        margin-bottom: 1rem;
    }

    .rule-txt {
        line-height: 3rem;
    }

    .rule_article {
        margin-top: 3rem;
    }
 }

@media screen and (min-width: 1530px) and (max-width: 1719px) {
     .footer .cnt_wp {
        padding: 3.5rem 5rem;
    }

    /* form */
    .form_fill {
        padding: 0 5rem
    }

    /*! rule */
     .cnt_1540 {
        padding: 0 5rem;
     }

     .rule-txt {
        line-height: 3rem;
    }
 }

@media screen and (min-width: 1601px) and (max-width: 1719px) {
    :root {
        --30-font: 2.5rem;
        --32-font: 2.5rem;
        --35-font: 3.2rem;
        --50-font: 4rem;
        --70-font: 6rem;
        --100-font: 7rem;
    }

    .footer .cnt_wp {
        padding: 3.5rem 4rem;
    }

    .warriors_logo {
        top: 50%;
    }

    .main_banner {
        height: 80rem;
    }

    .logo_img {
        max-width: 35rem;
    }

    .inscrivez_box {
        max-width: 90%;
    }

    .time_event {
       width: 70%;
       margin: 2rem 4.5rem;
    }

    .date_of_event {
        max-width: 14rem;
    }

    .time_event_wp {
        gap: 2rem;
    }

    .challenge-txt {
        margin-top: 2rem;
        line-height: 2.5rem;
    }

    .challenge-txt ul li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .challenge-txt ul {
        margin-top: 3rem;
    }

    .reward .cnt_wp {
        padding: 5rem 3rem;
    }

    .distribution .cnt_wp {
        align-items: center;
        gap: 5rem;
    }

    .distribution-txt {
        max-width: 85rem;
    }

    .game-list li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .product_benefits .cnt_wp {
        padding: 0 2rem;
    }

    .benefits {
        padding: 2rem 4rem;
    }

    /*! rule */
    .rule-txt {
        line-height: 4rem;
    }
}

@media screen and (min-width: 1720px) and (max-width: 1900px) {

    :root {
        --35-font: 3rem;
        --50-font: 4rem;
    }
    
    .footer .cnt_wp {
        padding: 3.5rem 2rem;
    }

    .main_banner {
        height: 90rem;
    }

    .logo_img {
        max-width: 40rem;
    }

    .date_of_event {
        max-width: 18rem;
    }

    .challenge-txt ul li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .challenge-txt ul {
        margin-top: 3rem;
    }

    .reward .cnt_wp {
        padding: 5rem 3rem;
    }

    .distribution .cnt_wp {
        align-items: center;
        gap: 5rem;
    }

    .distribution-txt {
        max-width: 85rem;
    }

    .game-list li:not(:last-child) {
        margin-bottom: 2rem;
    }

    .product_benefits .cnt_wp {
        padding: 0 2rem;
    }

    .benefits {
        padding: 2rem 4rem;
    }

    /*! rule */
    .rule-txt {
        line-height: 4rem;
    }
}