@media (max-width: 1800px){
    .news_header p.number_news span, .news_header p.number_news{
        font-size: 140px;
    }
}

@media (max-width: 1700px){
    :root{
        --size-h1: 72px;
    }
    .hero-bg video{
        width: 100%;
        height: 100%;
        mix-blend-mode: lighten;
        position: relative;
    }
    .hero-video video{
        transform: scale(1.2);
    }
    header .container .d-flex{
        gap: 26px;
    }
    header .nav li a{
        padding: 12px 16px;
    }
    .social_icons_header::before,
    .social_icons_header::after{
        margin: 0;
    }
    .news_header p.number_news span, .news_header p.number_news{
        font-size: 140px;
        line-height: 160px;
    }
    .news_header p.number_news span{
        width: auto;
    }
    .news_header_number{
        width: 62%;
    }
    .about.active .no-2,
    .about.active .no-6{
        right: 28%;
    }
    .about.active .no-1,
    .about.active .no-5{
        left: 28%;
    }
    .about.active .no-3{
        left: 15%;
    }
    .about.active .no-4{
        right: 15%;
    }
    .about .star-7{
        right: 17%;
    }
    .about .star-4{
        left: 17%;
    }
    .about .star-8{
        right: 11%;
    }
    .about .star-5{
        left: 11%;
    }
    .about .star-9{
        right: 15%;
    }
    .about .star-6{
        left: 15%;
    }
    .about .star-1{
        left: 16%;
    }
    .about .star-10{
        right: 16%;
    }
    .quick_start_div img.mouse{
        bottom: 180px;
    }
    #benefits .container{
      display: flex;
      justify-content: space-between;
    }
    #benefits .coin-1{
        right: 30%;
    }
    .quick_start_div img.bars{
        height: 280px;
    }
    #trade_across img{
        width: 120%;
    }
}
@media (max-width: 1520px){
    #news, #about, #benefits, 
    #third, #quick_start, #fifth,
    #milestones{
        padding: 120px 0px;
    }
    header .nav{
        gap: 0;
    }
    :root {
        /* fonts-size */
        --size-h1: 58px;
        --size-p1: 38px;
        --size-p2: 24px;
        --size-t1: 18px;
        --size-t2: 16px;
      
        /* line-height */
        --line-h1: 1;
        --line-p1: 1;
        --line-p2: 1.1;
        --line-t1: 1.5;
        --line-t2: 1.7;
    }
    .container{
        width: calc(100% - 120px);
    }
    .hero-text{
        max-width: 380px;
    }
    .hero_tg{
        margin-top: 48px;
    }
    header ul.nav{
        display: none;
    }
    header .container .d-flex{
        gap: 56px;
    }
    .hero-video video{
        transform: scale(1.4);
    }
    .social_hero{
        margin-top: 51px;
    }
    header{
        padding: 8px 0px;
    }
    header .logo img{
        height: 28px;
    }
    .burger{
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        gap: 6px;
    }
    .burger span{
        height: 2px;
        background: #fff;
        display: block;
        border-radius: 5px;
        width: 21px;
        transition: .3s;
    }
    .burger span:first-child{
        margin-left: 9px;
        width: 12px;
    }
    .burger span:last-child{
        width: 12px;
    }
    .burger:hover span{
        background: #969696;
    }
    .burger_active span:first-child{
        transform: translate(0, 8px) rotate(45deg);
        width: 18px;
        margin: 0;
    }
    .burger_active span:nth-child(2){
        opacity: 0;
    }
    .burger_active span:last-child{
        transform: translate(0, -8px) rotate(-45deg);
        width: 18px;
        margin: 0;
    }
    .burger_active span, .burger_active:hover span{
        background: #fff;
    }
    .secret_menu_active{
        display: flex;
    }
    .secret_menu{
      position: fixed;
      z-index: 1000;
      background: #1D1C1C;
      padding: 60px 40px 24px 40px;
      top: 74px;
      right: 0px;
      width: 50%;
      height: calc(100vh - 74px);
      box-sizing: border-box;
      flex-direction: column !important;
      justify-content: space-between;
    }
    .menu_icons_bottom{
        position: absolute;
        z-index: 10;
        right: 40px;
        bottom: 24px;
    }
    .secret_menu ul.nav{
      display: flex;
      flex-direction: column;
      align-items: start;
      justify-content: start;
      row-gap: 24px;
      padding: 0;
      margin: 0;
      width: 240px;
      position: relative;
      z-index: 10;
    }
    .table_div{
        position: relative;
        z-index: 10;   
    }
    .secret_menu ul.nav li a{
      padding: 13px 0px;
      display: block;
    }
    .social_icons_header::after, .social_icons_header::before{
        display: none;
    }
    .secret_menu_bg{
        content: "";
        position: fixed;
        z-index: -10;
        background: #000;
        width: 100%;
        height: 100vh;
        top: 0;
        left: 0;
        opacity: 0;
        transition: .1s;
    }
    .secret_menu .hero_tg_btn{
        box-shadow: 0 0 0;
    }
    .secret_menu_bg_active{
        opacity: .8;
        z-index: 900;
    }

    .news_header_number .coin-3-sprite{
        transform: rotate(200deg) scale(0.6);
        right: -100px;
    }
    .about.active .no-6,
    .about.active .no-5{
        bottom: 3%;
    }
    .benefits .w-40{
        padding-left: 10%;
    }
    .benefits .coin-1{
        left: 80%;
    }
    #third .w-50 p, #third .w-50 h2{
        max-width: 500px;
    }
    .quick_start_div{
        height: 490px;
    }
    .feature-header.active:before{
        left: -100px;
    }
    .milestones_div{
        padding: 0px 60px;
    }
    .footer_icons{
        padding: 58px 145px 81px 145px;
    }
    .hero_tg_btn{
        max-height: 42px;
    }
    .social img{
        height: 32px;
        width: 32px;
    }
    #trade_across p{
        max-width: 410px;
    }
    .brokers img{
        width: 100%;
    }
    a.logo{
        height: 60px;
    }
    .quick_start_div img.mouse{
        height: 80px;
        bottom: 8px;
    }
    .quick_start_div img.line{
        width: 100%;
        transform: rotate(0deg);
    }
    .quick_start_div img.eye{
        height: 130px;
    }
    #milestones h2 {
        margin-bottom: 48px;
    }
    .milestones_div{
        row-gap: 32px;
    }
    .news_header_number .coin-3-sprite{
        right: -50px;
    }
    .table_div{
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        row-gap: 32px;
    }
    .social_icons_header a{
        height: 55px;
        width: 55px;
    }
    .hero-bg video{
        transform: translate(-22%, 3%) scale(0.8);
    }
    .news_header p.number_news span, .news_header p.number_news{
        font-size: 120px;
        line-height: 140px;
    }
}

@media (max-width: 1360px){
    .news_header p.number_news span, 
    .news_header p.number_news{
        font-size: 120px;
        line-height: 140px;
    }
    .news_header p.number_news span{
        width: auto;
    }
    .about.active .no-2, .about.active .no-6{
        right: 26%;
    }
    .about.active .no-1, .about.active .no-5{
        left: 26%;
    }
    .about.active .no-4{
        right: 12%;
    }
    .about.active .no-3{
        left: 12%;
    }
    .about .star-7{
        right: 9%;
    }
    .about .star-4{
        left: 9%;
    }
    .about .star-8{
        right: 3%;
    }
    .about .star-5{
        left: 3%;
    }
    .about .star-9{
        right: 6%;
    }
    .about .star-6{
        left: 6%;
    }
    .about .star-1{
        left: 7%;
        top: 19%;
    }
    .about .star-10{
        right: 7%;
        bottom: 19%;
    }
    .benefits .w-40{
        padding-left: 5%;
    }
    .highlight-text:after{
        left: -205px;
    }
    .quick_start_div img.mouse{
        height: 90px;
    }
    .quick_start_div img.eye{
        height: 120px;
    }
    .benefit{
        height: 270px;
        width: 270px;
    }
    .about.active .no-2, .about.active .no-6{
        right: 29%;
    }
    .about.active .no-1, .about.active .no-5{
        left: 29%;
    }
    .about.active .no-4{
        right: 16%;
    }
    .about.active .no-3{
        left: 16%;
    }
    .quick_start_div img.mouse{
        height: 70px;
    }
    .line_circle{
        top: 480px;
    }
    .hero-bg video{
        transform: translate(-21%, 3%) scale(0.9);
    }
    .quick_start_div img.bars{
        height: 240px;
    }
    .quick_start_div img.magnifier{
        width: 220px;
    }
}

@media (max-width: 1240px){
    .hero-mouse{
        display: none;
    }
    .about.active .no-1,
    .about.active .no-5 {
      left: 26%;
    }
    .about.active .no-2,
    .about.active .no-6 {
      right: 26%;
    }
    .about.active .no-3 {
      left: 12%;
    }
    .about.active .no-4 {
      right: 12%;
    }
    .hero-video video{
        transform: scale(1.2);
    }
    .news_header p.number_news span, 
    .news_header p.number_news{
        font-size: 100px;
        line-height: 110px;
    }
    .news_header p.number_news span{
        width: auto;
    }
    .news_header_number .coin-3-sprite{
        right: 0;
        transform: rotate(200deg) scale(0.5);
    }
    .news_header_number .coin-3-sprite{
        bottom: -80px;
    }
    .news_row{
        flex-direction: column;
    }
    .first-half, .benefits-half{
        width: 100%;
    }
    .news_div{
        min-height: 280px;
    }
    .about.active .no-6,
    .about.active .no-5{
        bottom: 2%;
    }
    .benefits video{
        transform: translate(-10%, 0) scale(0.8);
    }
    .benefits .w-40{
        width: 50%;
    }
    .benefits .coin-1{
        left: 60%;
    }
    #trade_across{
        height: 880px;
    }
    .milestones_div{
        padding: 0px 40px;
    }
    .footer_icons{
        padding: 58px 85px 81px 85px;
    }
    .about .container{
        height: 700px;
    }
    #bulls .w-60{
        margin-right: -160px;
    }
    .hero-bg{
        display: none;
    }
}

@media (max-width: 1140px){
    .hero-video video {
        transform: translate(10%,0) scale(1);
    }
    .hero-bg{
        display: none;
    }
    .news_header p.number_news span, .news_header p.number_news{
        font-size: 81px;
        line-height: 96px;
    }
    .news_header p.number_news span{
        width: auto;
    }
    .news_header_number .coin-3-sprite {
        bottom: -120px;
    }
    .about.active .no-4,
    .about.active .no-3{
        top: 30%;
    }
    .about.active .no-4{
        right: 10%;
    }
    .about.active .no-3{
        left: 10%;
    }
    .about.active .no-2, .about.active .no-6{
        right: 24%;
    }
    .about.active .no-1, .about.active .no-5{
        left: 24%;
    }
    .about.active .no-6,
    .about.active .no-5{
        bottom: 0%;
    }
    /* .benefits .w-40{
        padding: 0;
    } */
    #trade_across {
        height: 780px;
    }
    .quick_start_div{
        width: 28%;
    }
    .line_circle{
        top: 400px;
    }
    .quick_start_div img.rocket{
        width: 76%;
    }
    .quick_start_div img.money{
        width: 84%;
    }
}

@media (max-width: 991px) {
    .news_header_number.mobile{
        display: flex;
    }
    .icon-electra.mobile{
        display: block;
    }
    .news_header_number.pc,
    .icon-electra.pc{
        display: none;
    }
    .hero .container{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 68px;
    }
    .container {
        width: calc(100% - 80px);
    }
    .w-50{
        width: 100% !important;
    }
    .hero .w-50m, .hero_tg{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .h1, .hero-text p, .hero-text{
        text-align: center;
        width: 100%;
        max-width: 100%;
    }
    .hero_tg{
        row-gap: 16px;
    }
    .hero-video video{
        transform: translate(0,0) scale(1);
    }
    .hero-dots-left{
        display: none;
    }
    .social_hero{
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .news_header{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 68px;
    }
    .news_header_number{
        row-gap: 4px;
        align-items: center;
        justify-content: center;
    }
    .news_header_number .coin-3-sprite {
        bottom: 20px;
        right: -24%;
        left: auto;
        transform: rotate(110deg) scale(0.3);
    }
    .animate.active .animate-scale-from-big{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .news_header_text p.t1, .news_header_text h2{
        max-width: 540px;
        text-align: center;
        margin-top: -16px;
    }
    .news_body{
        padding-top: 120px;
    }
    .news_body h4.news_body_subtitle{
        display: none;
    }
    .news_div{
        width: 100%;
        min-height: 220px;
    }
    .social_news{
        width: 100%;
        justify-content: end;
    }
    .news_div{
        border-radius: 4px 16px 4px 16px;
    }
    .benefits-half .news_div h3{
        font-size: 24px;
    }
    .news_div:nth-child(2) img.icon-electra{
        opacity: 1;
        top: 0;
        right: 0;
        left: auto;
    }
    .news_div p{
        max-width: 472px;
    }
    .social_news{
        position: absolute;
        top: 24px;
        right: 24px;
    }
    #about .container{
        display: flex;
        align-items: start;
        justify-content: start;
        flex-wrap: wrap;
    }
    .benefit{
        position: relative;
        width: 30%;
        flex-grow: 1;
        height: auto;
        aspect-ratio: 1 / 1;
    }
    .about.active .no-1, .about.active .no-5{
        left: auto;
        top: auto;
    }
    .about.active .no-2, .about.active .no-6{
        right: auto;
        top: auto;
    }
    .about.active .no-3,
    .about.active .no-4{
        top: auto;
        left: auto;
        right: auto;
    }
    .star-1,.star-2,.star-3,.star-4,.star-5,.star-6,.star-7,
    .star-8,.star-9,.star-10,.star-11,.star-12,.star-13,.star-14{
        display: none !important;
    }
    .no-3, .no-4, .no-5, .no-6{
        background: linear-gradient(rgb(5, 5, 5) 0 0) padding-box,
        linear-gradient(to bottom, #C1FF00 -100%, rgba(193, 255, 0, 0)) border-box;
    }
    .about .container{
        height: auto;
    }
    .benefit-center{
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        margin-bottom: 48px;
        width: 100%;
    }
    .benefit-center .t2{
        max-width: 410px;
    }
    .text-box{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .no-1, .no-2, .no-3, .no-4, .no-5, .no-6{
        position: relative;
        left: auto;
        right: auto;
        top: auto;
    }
    header .modal_triger,
    header a.btn_menu{
        display: none;
    }
    .secret_menu{
        width: 100%;
        top: 76px;
        left: 0;
        right: auto;
        height: calc(100vh - 74px);
        box-sizing: border-box;
        flex-direction: column;
        justify-content: space-between;
    }
    .table_div{
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        row-gap: 32px;
    }
    .social_icons_header::before, 
    .social_icons_header::after{
        display: none;
    }
    #news{
        padding-top: 240px;
    }
    .modal{
        padding: 40px;
        box-sizing: border-box;
    }
    .modal h2{
        max-width: 447px;
        text-align: left;
    }
    .modal p{
        max-width: 330px;
    }
    #benefits .w-50{
        display: none;
    }
    #benefits .w-40{
        width: 100% !important;
        justify-content: center;
        align-items: center;
        row-gap: 32px;
    }
    .benefits h2, .benefits p{
        text-align: center;
        max-width: 510px;
    }
    .highlight-text:after{
        left: -50%;
        width: 200%;
    }
    .highlight-text.t1{
        margin-left: 0;
    }
    #benefits .btn_tg{
        justify-content: center;
    }
    #trade_across .animate-scale-from-big{
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: row;
    }
    #trade_across .animate-scale-from-big img{
        height: 160px;
    }
    #trade_across{
        height: 580px;
    }
    #third .container{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        row-gap: 68px;
    }
    #third .w-50{
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #third .w-50 h2{
        text-align: center;
    }
    #third .w-50 h2 br{
        display: block;
    }
    #third .w-50 p{
        max-width: 640px;
        text-align: center;
    }
    .brokers video{
        max-width: 100%;
    }
    .quick_start_div img.mouse{
        left: 20px;
        bottom: 140px;
        height: 80px;
        transform: rotate(90deg);
    }
    .quick_start_div{
        height: 490px;
    }
    #fifth .container{
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        justify-content: center;
        row-gap: 68px;
    }
    .feature-header.active:before{
        display: none;
    }
    #fifth .w-50, #fifth .w-40{
        width: 100% !important;
    }
    .features h3{
        max-width: 100%;
    }
    .features p{
        max-width: 590px;
    }
    #fifth p.t1{
        margin-top: 16px;
        margin-bottom: 68px;
    }
    #fifth .w-40{
        row-gap: 16px;
    }
    #fifth .w-50{
        display: flex;
        align-items: center;
        justify-content: center;
        height: 540px;
    }
    #fifth .w-50 img{
        box-sizing: border-box;
        width: calc(100% - 136px);
        transform: scale(1);
        left: auto;
        height: auto;
    }
    .milestones_div{
        width: 100%;
        box-sizing: border-box;
        width: 100%;
        padding: 0;
        height: auto;
        margin-bottom: 60px;
    }
    .milestones_row{
        flex-direction: column;
        row-gap: 0px;
    }
    .milestones_div:first-child::before, 
    .milestones_div:last-child:before,
    .milestones_div:first-child:after, 
    .milestones_div:last-child:after{
        display: none;
    }
    .footer_icons{
        padding: 58px 0px 81px 0px;
    }
    .news_header_number{
        width: 100%;
    }
    .news_header_text {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .quick_start_div img{
        width: 100%;
    }
    .quick_start_div img.mouse,
    .quick_start_div img.eye{
        width: auto;
    }
    .milestones_div{
        row-gap: 60px;
    }
    header .hero_tg_btn{
        display: none;
    }
    #benefits .w-40{
        padding: 0;
    }
    .news_div{
        transform: scale(1);
    }
    .news_header{
        /* padding: 40px 0px; */
        position: relative;
    }
    .mouse_mobile{
        display: block;
        margin-top: -40px;
        margin-left: -60px;
    }
    .reveal-light{
        display: none;
    }
    #error .container a.logo img,
    a.logo{
        height: 28px;
    }

    #bulls .w-40,
    #bulls .w-60{
        width: 100%;
    }
    #bulls .w-60 img{
        transform: rotate(-15deg);
        margin: 0;
    }
    #bulls .container{
        align-items: center;
        justify-content: center;
    }
    #bulls .w-40, .bulls_text{
        align-items: center;
        justify-content: center;
    }
    #bulls .w-40 p{
        text-align: center;
    }
    #bulls .w-60{
        margin-right: -70%;
    }
    #bulls .line_circle{
        top: 50%;
        transform: translate(-200px, 0) rotate(-30deg) scale(0.7);
    }
    .bulls_bot p{
        text-align: center;
    }
    .bulls_bot{
        row-gap: 48px;
    }
    .bulls_text h2, .bulls_text h3{
        text-align: left;
    }
    #trade_across img{
        width: 160%;
    }
}

@media(max-width: 800px){
    #bulls .w-60 img{
        width: 100%;
    }
    .quick_start_div img.magnifier{
        bottom: -40px;
    }
}

@media(max-width:700px){
    #bulls .w-40, .bulls_text{
        align-items: start;
        justify-content: start;
    }
    #bulls .w-40 p,
    .bulls_bot p{
        text-align: left;
        max-width: 440px;
    }
    #bulls .w-100{
        margin-top: 300px;
    }
    .bulls_bot{
        padding: 24px;
        row-gap: 32px;
    }
    #bulls .bulls_bit{
        height: 40px;
        width: 40px;
        left: auto;
        right: -20px;
        top: -20px;
    }
    .bulls_tg{
        right: auto;
        left: -40px;
        height: 60px;
        width: 60px;
        bottom: -20px;
    }
}

@media(max-width:600px){
    :root {
        /* fonts-size */
        --size-running-line: 12px;
        --size-h1: 42px;
        --size-p1: 30px;
        --size-p2: 24px;
        --size-t1: 14px;
        --size-t2: 12px;
        --size-btn: 14px;
    }
    header .logo img{
        width: 96px;
        height: auto;
    }
    .social_icons_header{
        gap: 16px;
    }
    header .container .d-flex{
        gap: 24px;
    }
    h1.h1{
        margin-bottom: 16px;
    }
    .hero_tg{
        margin-top: 32px;
    }
    .hero_tg_btn{
        max-height: 36px;
        padding: 11px 20px 11px 17px;
        gap: 12px;
    }
    .hero_tg_btn img{
        height: 24px;
        width: 24px;
    }
    .hero .container{
        row-gap: 32px;
    }
    .hero-video video{
        transform: translate(0, 20%) scale(1.2);
    }
    .items, .items-wrap{
        gap: 16px;
    }
    .items img {
        height: 26px;
        width: 26px;
    }
    .items-wrap{
        padding: 0;
        border-top: 1px solid var(--color-black);
        border-bottom: 1px solid var(--color-black);
    }
    .banner{
        padding: 4px 0px;
    }
    #news{
        padding-top: 120px;
    }
    .news_header p.number_news{
        font-size: 64px;
    }
    .modal p, .modal h2{
        max-width: 280px;
    }
    .modal{
        padding: 52px 32px;
    }
    .container {
        width: calc(100% - 32px);
    }
    .news_header_number .coin-3-sprite{
        right: -10%;
    }
    .news_div{
        padding: 20px;
    }
    .social_news{
        position: relative;
        top: auto;
        right: auto;
        justify-content: start;
        margin-top: -10px;
    }
    .news_div{
        overflow: hidden;
    }
    .news_div:nth-child(2) p{
        margin-top: -10px;
    }
    .news_div:nth-child(2) img.icon-electra{
        height: 100%;
    }
    .benefit-center h2{
        margin-bottom: 0;
    }
    .benefit-center .t2{
        max-width: 280px;
    }
    .mobile_overflow{
        display: flex;
        align-items: start;
        justify-content: start;
        width: 100%;
        flex-wrap: wrap;
    }
    .benefit-center{
        display: none;
    }
    .benefit{
        width: 45%;
        display: none;
    }
    .benefit{
        margin-left: -30px;
    }
    .mobile_overflow .benefit,
    .mobile_overflow .benefit-center{
        display: flex;
    }
    .benefit:first-child,
    .benefit:nth-child(2n + 1){
        margin: 0;
    }
    .benefit-center{
        margin-bottom: 20px;
    }
    .benefit h4{
        font-size: 18px;
    }
    .benefit img {
        max-height: 36px;
    }
    #news, #about, #benefits, #third, #quick_start, #fifth, #milestones{
        padding: 80px 0px;
    }
    #news, #error{
        padding-top: 120px;
    }
    .news_header_number .coin-3-sprite{
        right: 0%;
        transform: translate(30%, 15%) rotate(110deg) scale(0.3);
    }
    #trade_across .animate-scale-from-big img{
        height: 95px;
    }
    #quick_start h2{
        text-align: center;
    }
    .quick_start_div{
        height: 390px;
    }
    .quick_start_div img.line{
        width: 100%;
    }
    #fifth .w-50 img{
        width: 100%;
    }
    #fifth .w-50{
        height: 350px;
    }
    .copyright{
        gap: 8px;
        margin-bottom: 30px;
        display: flex;
        flex-direction: column;
    }
    .copyright p{
        display: none;
    }
    .footer_icons{
        margin-bottom: 32px;
    }
    .footer_icons{
        padding: 48px 0px;
    }
    .footer-logo a{
        font-size: 30px;
    }
    .footer-logo a{
        height: 40px;
        width: 60px;
    }
    .footer-logo{
        height: 40px;
    }
    .secret_menu{
        padding: 32px 168px 138px 16px;
    }
    .quick_start_div img.mouse{
        height: 60px;
    }
    .quick_start_div img.eye{
        height: 100px;
    }
    .quick_start_div{
        width: 100%;
    }
    .quick_start_div:first-child:hover, 
    .quick_start_div:last-child:hover,
    .quick_start_div:nth-child(3):hover, 
    .quick_start_div:nth-child(4):hover,
    .quick_start_div:nth-child(2):hover,
    .quick_start_div:nth-child(5):hover{
        transform: rotate(0);
    }
    .social_hero{
        margin-top: 31px;
    }

    .burger span:first-child,
    .burger span:last-child{
        width: 10px;
    }
    .burger span:first-child{
        margin-left: 8px;
    }
    .burger span{
        width: 18px;
    }
    .burger{
        gap: 4px;
    }
    .social_icons_header::after,
    .social_icons_header::before{
        content: "";
        display: block;
        width: 1px;
        height: 44px;
        background-image: url('/images/border-social-header.svg');
    }
    .burger_active span:first-child{
        margin: 0;
    }
    .burger_active span:first-child,
    .burger_active span:last-child{
        width: 16px;
    }
    .burger_active span:first-child{
        transform: translate(0, 6px) rotate(45deg);
    }
    .burger_active span:last-child{
        transform: translate(0, -6px) rotate(-45deg);
    }
    a.logo{
        height: 27px;
    }
    header{
        padding: 11px 0px;
    }
    .secret_menu{
        top: 49px;
        padding: 32px;

        height: calc(100vh - 49px);
    }
    .menu_icons_bottom{
        right: 26px;
        bottom: 138px;
    }
    .btn_tg img{
        height: 24px;
    }
    .btn_tg{
        gap: 5px;
    }
    .social_icons_header::after{
        margin-left: 8px;
    }
    .social_icons_header::before{
        margin-right: 8px;
    }
    .menu_icons_bottom{
        display: none;
    }
    .social_icons_header::after, .social_icons_header::before{
        display: none;
    }
    #error .container p.t1{
        max-width: 240px;
    }
    #error{
        padding-top: 100px;
    }
    #error .container{
        height: calc(100vh - 100px);
    }
    #error .container{
        row-gap: 20px;
    }

    #bulls .bulls_bit{
        right: -4px;
        top: -30px;
    }
    .bulls_tg{
        left: -10px;
        bottom: -40px;
    }
    #bulls .w-60 img{
        transform: scale(1.3) rotate(-15deg);
        margin-top: 20%;
    }
    #bulls .w-100{
        margin-top: 200px;
    }
    #bulls .line_circle{
        transform: translate(-240px, 0) rotate(-30deg) scale(0.5);
    }
    .hero_tg_btn{
        width: auto;
    }
    .t1_bulls_bot_last{
        margin-top: -20px;
    }
    /* .hero{
        height: auto;
        min-height: 80vh;
    } */
    #news{
        padding-top: 0px;
    }
    .news_body{
        padding-top: 40px;
    }
    #trade_across .container{
        row-gap: 24px;
    }
    #trade_across{
        height: auto;
        padding: 80px 0px;
    }
    #bulls{
        padding: 80px 0px;
    }
    .bulls_text h3{
        font-size: 24px;
    }
    .bulls_bg{
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 300px;
    }
    .quick_start_div img.magnifier{
        bottom: -50px;
    }
    .quick_start_div img,
    .quick_start_div img.bars{
        left: 0;
    }
    .quick_start_div img.money{
        bottom: -28px;
    }
    .quick_start_div img.megafon{
        left: auto;
    }
    .quick_start_btn{
        margin-top: 50px;
    }
    .copyright{
        padding-bottom: 30px;
    }
    .hero_tg_btn img{
        display: none;
    }
    .btn_benefits_row{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
      }
}

@media(max-width: 430px) {
    :root{
        --size-h1: 32px;
        --line-h1: 1.2;
    }
    .menu_icons_bottom{
        position: relative;
        bottom: 0;
        right: 0;
    }
    .table_div{
        row-gap: 16px;
    }
    .news_header p.number_news{
        font-size: 56px;
    }
    #bulls .w-100{
        margin-top: 140px;
    }
}

@media(max-width: 400px){
    #news{
        padding-top: 100px;
    }
}