@media(max-width: 1500px){
    :root{
        --container: 1200px;
    }
    .calc_fields_row{
        flex-direction: column;
        gap: 8px;
        align-items: center;
    }
    .change_icon{
        height: 40px;
    }
    .calc_field, .calc_field_column{
        width: 100%;
    }
    .uslovia_div{
        aspect-ratio: 1.6;
    }
}

@media(max-width: 1260px){
    :root{
        --container: 1024px;
    }
    ul.nav{
        gap: 32px;
    }
    .logo h2{
        font-size: 20px;
    }
    .logo img{
        height: 44px;
    }
    .about_img{
        height: 60%;
        position: sticky;
        top: 120px;
    }
    .about_text .btn_main{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 60%;
    }
    .steps_row{
        flex-wrap: wrap;
        row-gap: 40px;
    }
    .steps_div, .uslovia_div{
        width: calc(50% - 8px);
    }
    .uslovia_div{
        aspect-ratio: 2.2;
    }
    .steps_div_icon::after{
        display: none;
    }
    .faq_row{
        width: 60%;
    }
}

@media(max-width: 1080px){
    :root{
        --container: 900px;
    }
    #main .container{
        flex-direction: column;
    }
    .main_text, .calc{
        max-width: 100%;
    }
    header ul.nav{
        display: none;
    }
    .calc_fields_row{
        flex-direction: row;
        align-items: start;
    }
    .change_icon{
        height: 56px;
    }
    .uslovia_div{
        aspect-ratio: 2;
    }
    #about .container, #faq .container{
        flex-direction: column;
    }
    #faq .container{
        gap: 0px;
    }
    .about_img{
        width: 50%;
        height: auto;
        position: static;
        top: auto;
        margin-bottom: 40px;
    }
    .about_text, .faq_row, .faq_container{
        width: 100%;
    }
    .about_text .btn_main{
        width: auto;
    }
    .burger{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 6px;
        width: 48px;
        height: 48px;
        background: var(--main);
        border-radius: 4px;
    }
    .burger span{
        width: 28px;
        height: 2px;
        background: #fff;
    }
    .burger_active span:first-child{
        transform: translateY(4px) rotate(45deg);
    }
    .burger_active span:last-child{
        transform: translateY(-4px) rotate(-45deg);
    }
    .secret_menu{
        display: flex;
        gap: 32px;
        background: #fff;
        border-radius: 8px;
        position: fixed;
        top: 0;
        left: -110%;
        width: 100%;
        height: 100%;
        z-index: 100;
        transition: .3s;
        padding: 140px 0px;
    }
    .secret_menu_active{
        left: 0;
    }
    .secret_menu ul.nav{
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 16px;
    }
}

@media(max-width: 991px){
    :root{
        --container: 700px;
    }
    footer .container{
        flex-direction: column;
    }
    .about_img{
        width: 60%;
    }
    h2{
        font-size: 32px;
    }
    .uslovia_div{
        aspect-ratio: 1.2;
    }
    .ur_page_div, .cabinet_wrap, .cabinet_panel{
        width: 100%;
    }
}

@media(max-width: 770px){
    :root{
        --container: 460px;
    }
    h1{
        font-size: 32px;
    }
    .calc_fields_row{
        flex-direction: column;
        align-items: center;
    }
    .change_icon{
        height: 40px;
    }
    section{
        padding-top: 80px;
    }
    .top_page{
        padding-top: 120px;
    }
    .about_img, .steps_div, .uslovia_div{
        width: 100%;
    }
    .title{
        margin-bottom: 36px;
    }
    h2{
        font-size: 28px;
    }
    .uslovia_div{
        aspect-ratio: 2;
    }
    .faq_header, .faq_body{
        padding: 24px;
    }
    .faq_body{
        padding-top: 0px;
    }
    footer{
        margin-top: 80px;
    }
    header .btn_main{
        display: none;
    }
    #main{
        margin-top: 80px;
    }
    .cabinet_table_wrap{
        overflow-x: auto;
        width: 100%;
    }
    td, th{
        white-space: nowrap;
    }
}

@media(max-width: 500px){
    :root{
        --container: 100%;
    }
    .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .big{
        font-size: 16px;
    }
    p, li, a, button, input, select, textarea{
        font-size: 15px;
    }
    #main{
        padding: 60px 0px;
    }
    #about{
        padding-top: 60px;
    }
    h1{
        font-size: 28px;
    }
    h2, #text_page h2{
        font-size: 24px;
    }
    #text_page h3{
        font-size: 18px;
    }
    .cripto_name img{
        height: 28px;
    }
    .calc{
        padding: 24px;
    }
    .steps_text{
        padding-right: 0;
    }
    .steps_div_icon img{
        padding: 12px;
    }
    .uslovia_div{
        aspect-ratio: 1.6;
    }
    .numb{
        font-size: 72px;
        bottom: -20px;
    }
    .ur_page_div{
        padding-bottom: 56px;
    }
    .cabinet_order h2, .cabinet_data h2, .cabinet_history h2{
        font-size: 20px;
    }
}

@media(max-width: 420px){
    .uslovia_div{
        aspect-ratio: 1.4;
    }
    .faq_header, .faq_body{
        padding: 16px;
    }
    .faq_body{
        padding-top: 8px;
    }
    .burger{
        width: 44px;
        height: 44px;
    }
    .logo h2{
        font-size: 18px;
    }
    .logo img{
        height: 40px;
    }
    .cripto_availible{
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 4px;
    }
    .about_img{
        margin-bottom: 24px;
    }
    .secret_menu{
        padding: 120px 0px;
    }
}