@media (min-width: 375px){
    .container, .container-sm {
        max-width: 375px;
        padding: 0px 16px;
    }
}
@media (min-width: 768px){
    .container, .container-sm {
        max-width: 744px;
        padding: 0px 20px;
    }
}
@media (min-width: 1400px){
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1374px;
    }
}

@media (max-width: 1399px){
    .main-tradepage-content{
        flex-direction: column;
        padding: 40px 0px;
        align-items: center;
        text-align: center;
    }
    .main-tradepage-content-list-hide{
        display: none;
    }
    .main-tradepage-content_left{
        margin-bottom: 0px;
    }
    .main-tradepage-content-list-show{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .header_content{
        padding-top: 16px;
        padding-bottom: 9px;
    }
    .header .header-navigation{
        display: none;
    }
    .header--burger .header-navigation{
        display: flex;
        flex-direction: column;
        height: 100%;
        align-items: center;
        justify-content: space-between;
    }
    .header-navigation_list{
        gap: 32px;
        flex-direction: column;
        padding-bottom: 40px !important;
    }
    .burger--btn{
        display: flex;
    }
    .singnin-main_wrapper{
        padding: 40px 0px;
    }
    .main-tradepage-card-quiz-form_top{
        flex-direction: column;
        align-items: center;
        gap: 20px;
    }
    .main-tradepage-card-quiz-form_bot{
        flex-direction: column-reverse;
        align-items: center;
        gap: 29px;
    }
    .main-tradepage-card-quiz{
        max-width: 574px;
    }
    .main-tradepage-card-quiz-step1{
        padding: 40px 20px 40px 60px;
    }
    .main-tradepage-card-quiz_content_left,
    .main-tradepage-card-quiz-step1-right,
    .main-tradepage-card-quiz-form_bot-left,
    .main-tradepage-card-quiz-form_bot-right{
        max-width: 100%;
    }
    .main-tradepage-content_right-top-toggler{
        max-width: 385px;
    }
    .main-tradepage-card-quiz-step1 .trade-card-row-wrapper-under-text{
        margin-top: 12px !important;
    }
    .main-tradepage-card-quiz-wrapper{
        padding-top: 40px;
    }
    .body-how-to-trade-main-wrapper-head-title{
        max-width: 400px;
    }
    .body-how-to-trade-main-card{
        padding: 40px 20px;
    }
    .body-how-to-trade-main-card-step-buttons{
        left: 20px;
        bottom: 40px;
    }
    .body-how-to-trade-main-card_left{
        max-width: 296px;
    }
    .body-how-to-trade-main-card_left-top-title{
        font-size: 22px;
    }
    .main-about-card-main{
        max-width: 100%;
        border: 1px solid #B2DDEF;
    }
    .main-about-card,
    .main-about-card-last{
        max-width: 100%;
    }
    .main-about-wrapper::before{
        display: none;
    }
    .main-partners_top{
        max-width: 100%;
        flex-direction: column;
    }
    .main-partners_top_left{
        max-width: 100%;
        padding: 40px;
    }
    .main-partners_top_right{
        max-width: 100%;
        height: 305px;
        border: 1px solid #B2DDEF;
    }
    .main-partners_top::before,
    .main-partners_top_left::before{
        display: none;
    }
    .main-partners_second{
        padding: 26px 24px;
        gap: 20px;
    }
    .main-partners_second-card-1{
        max-width: 315px;
        padding: 57px 20px;
    }
    .main-partners_second-card-2{
        max-width: 318px;
    }
    .main-partners_second-card-3{
        max-width: 302px;
    }
    .main-partners_second-card-4{
        max-width: 318px;
        padding: 20px;
    }
    .main-partners_second-card-5{
        max-width: 640px;
    }
    .main-partners_cards{
        flex-direction: column;
    }
    .main-partners_card{
        max-width: 100%;
    }
    .main-partners_accumulation-group{
        flex-direction: column;
        align-items: center;
    }
    .main-partners_accumulation-group_left{
        max-width: 100%;
        align-items: center;
    }
    .main-partners_accumulation-group_left-text{
        text-align: center;
    }
    .main-partners_accumulation-group_right{
        max-width: 100%;
    }
    .main-promotion_top{
        flex-direction: column;
        align-items: flex-end;
    }
    .main-promotion_top_left{
        max-width: 100%;
        padding: 80px;
    }
    .main-promotion_top::before{
        width: 600px;
        height: 600px;
        left: 0;
        bottom: -60px;
    }
    .main-promotion-steps{
        padding: 40px 20px;
    }
    .main-promotion-steps_group{
        flex-direction: column;
    }
    .main-promotion-steps_group_right{
        max-width: 100%;
        align-items: start;
    }
    .main-promotion-steps_card,
    .main-promotion-steps_group_left{
        max-width: 100%;
    }
    .main-contacts .container{
        padding: 0px !important;
    }
    .contacts_wrapper{
        padding: 40px 0px;
    }
    .contacts_card_bot{
        flex-direction: column;
    }
    .main-user-settings_main-wrapper{
        flex-direction: column;
        gap: 20px;
    }
    .main-user-settings-title{
        font-size: 22px;
    }
    .main-user-settings_main_wrapper{
        gap: 20px;
    }
    .main-user-settings_main_navigation{
        max-width: 100%;
        padding: 12px 16px;
        gap: 20px;
        min-height: unset;
        height: 54px;
        overflow: hidden;
        position: relative;
    }
    .main-user-settings_main_navigation--btn{
        display: flex;
        justify-content: center;
        align-items: center;
        background: url('../img/arrow_icon.webp');
        background-repeat: no-repeat;
        background-position: center;
        min-width: 20px;
        min-height: 20px;
        position: absolute;
        top: 17px;
        right: 16px;
    }
    .main-user-bonuses_main_top{
        padding: 24px 20px;
    }
    .main-user-bonuses_main_bot{
        padding: 24px 8px;
    }
    .main-user-bonuses_main_bot-form_top-label-wrapper{
        max-width: 100%;
    }
    .main-user-settings-wrapper{
        padding: 40px 0px;
    }
    .main-tradepagefinal-card_last-content{
        flex-direction: column-reverse;
        align-items: center;
    }
    .main-tradepagefinal-card_last-card-timer{
        max-width: 100%;
    }
    .main-tradepagefinal-card_last-wrapper{
        padding-top: 52px;
    }
}
@media (max-width: 1000px){
    .body-f{
        background: #00243E;
    }
    .body-f::before{
        display: none;
    }
}
@media (max-width: 767px){
    .header--burger .header_right{
        display: flex;
        flex-direction: column;
        padding-bottom: 40px;
    }
    .header .registration-login-hrader--btn{
        display: none;
    }
    .header .header_right-dropdown-wrapper{
        display: none;
    }
    .trade-card-toggler-wrap-tbw-text{
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .trade-card-toggler-wrap-tbw-text::before{
        display: none;
    }
    .trade-card-toggler-wrap-tbw{
        position: static;
    }
    .main-tradepage-content--title{
        font-size: 32px;
    }
    .main-tradepage-content-list-show{
        gap: 16px;
    }
    .body-f-main .container, .container-sm{
        padding: 0px 10px;
    }
    .main-tradepage-content_right{
        padding: 20px;
    }
    .main-tradepage-form-spaw--btn-hide{
        display: none;
    }
    .main-tradepage-form-spaw--btn-show{
        display: flex;
        margin-bottom: 12px;
        position: static;
        align-self: start;
    }
    .trade-card-toggler-wrap{
        text-align: left;
    }
    .trade-card-toggler-wrap-text{
        width: 85%;
    }
    .singnin-main_wrapper{
        padding: 20px 0px;
    }
    .singnin-main--main-step-container{
        padding: 24px;
    }
    .singnin-main--main-step-form--title{
        font-size: 22px;
    }
    .singnin-main--main-step--log-form-input-grpup{
        margin-bottom: 20px;
    }
    .singnin-main--main-step--log-form-last-group{
        flex-direction: column-reverse;
    }
    .singnin-main--main-step-reset .singnin-main--main-step-container{
        padding: 20px;
    }
    .main-tradepage-card-quiz-step1{
        padding: 40px 20px;
    }
    .main-tradepage-card-quiz-wrapper{
        padding-top: 32px;
    }
    .body-how-to-trade-main-wrapper-head{
        text-align: center;
        padding: 68px 40px 27px 40px;
        height: 175px;
    }
    .body-how-to-trade-main-wrapper-head-title{
        font-size: 32px;
    }
    .body-how-to-trade-main-card{
        padding: 20px;
        padding-bottom: 64px;
    }
    .body-how-to-trade-main-card-content{
        flex-direction: column;
        align-items: center;
    }
    .body-how-to-trade-main-card-step-buttons{
        left: 50%;
        transform: translateX(-50%);
        bottom: 20px;
    }
    .main-about-card-last{
        flex-direction: column;
        align-items: start;
    }
    .main-about-wrapper{
        padding: 32px 0px;
        gap: 20px;
    }
    .main-about-card{
        padding: 49px 20px;
    }
    .main-about-card-last{
        padding: 20px;
    }
    .main-rules_top{
        padding: 20px;
        height: 175px;
        align-items: center;
        justify-content: center;
    }
    .main-rules_top-title{
        text-align: center;
    }
    .main-rules-wrapper{
        padding: 32px 0px;
    }
    .main-rules_list-item-button{
        gap: 16px 20px;
    }
    .main-rules_list-item-button-text{
        font-size: 20px;
        font-family: 'Source Sans Pro';
        font-style: normal;
    }
    .main-partners-wrapper{
        padding: 32px 0px;
    }
    .main-partners_accumulation-group_left-card{
        width: 100%;
    }
    .main-partners_accumulation-group_left-card-title{
        flex-direction: column;
    }
    .main-partners_top_left{
        padding: 20px 24px;
    }
    .main-partners_top_left-title{
        font-size: 32px;
        line-height: 125%;
    }
    .main-partners_second-card{
        max-width: 100%;
    }
    .main-partners_second-card-1{
        padding: 20px;
    }
    .main-partners_second-card-white-ttl-text{
        font-size: 22px;
        line-height: 125%;
    }
    .main-partners_second{
        gap: 28px;
    }
    .main-partners_second-card-title,
    .main-partners_second-card-white-title{
        font-size: 22px;
    }
    .main-partners_second-card-text,
    .main-partners_second-card-white-text{
        font-size: 15px;
    }
    .main-partners_cards,
    .main-partners_card,
    .main-partners_accumulation,
    .main-partners_accumulation-group_left-card{
        padding: 20px;
    }
    .main-partners_accumulation-group_left-text{
        font-size: 15px;
    }
    .main-partners_accumulation-group_right{
        padding: 8px;
        gap: 8px;
    }
    .main-partners_accumulation-group_right-top-item,
    .main-partners_accumulation-group_right-group-line-item{
        max-width: 80px;
    }
    .main-partners_accumulation-group_right-top,
    .main-partners_accumulation-group_right-group-line{
        padding: 8px 20px;
        gap: 18px;
    }
    .main-partners_accumulation-group_right-top-item{
        font-size: 15px;
    }
    .main-partners_accumulation-group_right-group-line-item{
        font-size: 20px;
    }
    .main-promotion_top::before{
        display: none;
    }
    .main-promotion-wrapper{
        padding: 32px 0px;
    }
    .main-promotion_top_left{
        padding: 40px;
    }
    .main-promotion_top_right{
        padding: 40px 20px;
    }
    .main-promotion-steps_card{
        flex-direction: column;
        align-items: center;
        padding: 20px;
        align-items: start;
    }
    .main-promotion-steps_card-text,
    .main-promotion-steps_group_left-text{
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 140%;
        color: #FFFFFF;
    }
    .main-promotion-steps_group,
    .main-promotion-steps_group_left{
        gap: 20px;
    }
    .contacts_card{
        padding: 32px;
    }
    .contacts_card_top{
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 12px;
    }
    .contacts_card_top_left-title{
        font-size: 32px;
    }
    .contacts_card_top_left{
        gap: 12px;
        align-items: center;
        text-align: center;
    }
    .contacts_card_top_left-text{
        font-family: 'Manrope';
        font-style: normal;
        font-weight: 500;
        font-size: 15px;
        line-height: 140%;
        color: #00243E;
    }
    .contacts_card_bot{
        padding: 12px;
        gap: 12px;
    }
    .contacts_card_bot-card_group-icon{
        display: none;
    }
    .contacts_card_bot-card_group-text-g-text,
    .contacts_card_bot-card-text{
        font-size: 18px; 
    }
    .main-user-settings_main{
        padding: 24px 20px;
        gap: 20px;
    }
    .main-user-settings_main_card_top_left-top{
        flex-direction: column;
        align-items: start;
    }
    .main-user-settings-wrapper{
        padding: 32px 0px;
    }
    .main-user-orders_main_wrapper{
        gap: 10px;
    }
    .main-user-bonuses_main_top-first-group{
        gap: 8px;
    }
    .main-user-bonuses_main_bot{
        padding: 24px 20px;
    }
    .main-tradepage-card-quiz2_content_main{
        flex-direction: column;
    }
    .main-tradepage-card-quiz2_content{
        padding: 20px;
        gap: 32px;
    }
    .main-tradepage-card-quiz2_content_main-right-place-for-image{
        width: 100%;
    }
    .main-tradepage-card-quiz2_content_top .trade-card-last-submit{
        display: none;
    }
    .main-tradepage-card-quiz2_content_bot{
        display: block;
    }
    .trade-card-row-wrapper-under-text-wrapper{
        flex-direction: column;
    }
    .main-tradepagefinal-card_last-card-item_bot{
        flex-direction: column;
        padding: 0px;
    }
    .main-tradepagefinal-card_last-card{
        padding: 20px;
    }
    .main-tradepagefinal-card_last-card-title{
        text-align: center;
        font-size: 28px;
    }
    .main-tradepagefinal-card_last-wrapper{
        padding-top: 32px;
    }
    .main-tradepagefinal-card_last-content{
        gap: 20px;
    }
    .main-tradepagefinal-card_last-card-item-title{
        font-size: 18px;
    }
    .main-tradepagefinal-card_last-card-item-group-item.small{
        max-width: 100%;
    }
}