@media screen and (max-width:1240px) {
    .logo { left: 20px }
    .launch-app { right: 20px }
    .faq-outer .logo { left: 0px }
    .faq-outer .launch-app { right: 0px }
    .menu { padding-right: 340px }
    .language-dropdown { right: 180px }
    .shape-roadmap { display: none !important }
    .header-wrapper { height: auto }
    .header, .crosschain-inner, .crosschain-stats, .introduction-inner, .rewards, .rewards-dapp-outer, .audit-inner, .roadmap, .footer, .referral, .error-404, .faq, .about-header, .about .headline-contents, .ecosystem, .timeline, .team-wrapper, .partners-wrapper, .news, .connect-wrapper, .api, .api-header, .docs { width: 100% }
    .dapp-preview { width: 90%; height: 500px }
    .rewards-dapp-outer { width: 80% }
    .introduction, .rewards-inner, .roadmap, .footer, .referral-list, .note-referral { padding-left: 50px; padding-right: 50px }
    .referral-button-wrapper { padding-left: 50px }
    .referral .headline { padding-left: 50px; padding-right: 50px }
    .referral .backup-headline { left: 50px }
    .ecosystem, .docs, .timeline, .team-wrapper, .partners-wrapper, .connect-wrapper { width: 90% }
    .ecosystem { margin-top: 450px }
    .news { padding: 180px 5% 260px; }
    .faq { width: 95%;}
    .ecosystem .shape-large.ecosytem { height: 500px; width: 800px; top: 1500px }
    .docs .shape-large.ecosytem { height: 500px; width: 800px; top: 1500px }
}

@media screen and (max-width:1320px) {
    .shape-roadmap, .shape-referral { display: none }
}

@media screen and (min-width:1260px) {
    .shape-roadmap, .shape-referral { display: none }
}

@media only screen and (max-width:1000px) {
    .dapp-preview { margin-top: 120px }
    .shape-roadmap, .shape-referral { display: none }
    .dapp-preview { width: 400px }
    .dapp-preview .dapp-desktop { display: none }
    .dapp-preview .dapp-mobile { display: block }
    .dapp-preview .dapp-shape-2 { margin-left: -250px; top: -30px; }
    .dapp-preview .dapp-shape-1 { z-index: 1 }
    .dapp-devices { display: none }
}

@media screen and (min-width:1600px) {
    .shape-roadmap { left: -360px; display: block }
    .shape-referral { left: -500px !important; display: block }
}

@media screen and (min-width:1900px) {
    .shape-roadmap { left: -250px; display: block; }
    .shape-referral { left: -380px !important; display: block }
}

@media only screen and (max-width:1100px) and (min-width:950px) {
    .tab-view-show { display: block }
    .tab-view-hidden { display: none }
}

@media only screen and (max-width:950px) {
    .menu { display: none }
    .mobile-menu-button { display: block }
    .buy-rvf { display: none }
    .launch-app { display: none }
    .faq-outer .logo { left: 20px }
}

@media only screen and (max-width:860px) {
   
    .crosschain-blur-contents { width: 300px; height: 300px; margin-left: -150px; top: -100px; }
    .crosschain-blur-overlay { background-color: transparent; -webkit-backdrop-filter: blur(90px); backdrop-filter: blur(90px) }
    .introduction-blur-contents { width: 300px; height: 300px; margin-left: -150px; top: -100px }
    .introduction-blur-overlay { background-color: transparent; -webkit-backdrop-filter: blur(90px); backdrop-filter: blur(90px) }
    .rewards-blur-contents { width: 300px; height: 300px; margin-left: -150px; top: -100px; }
    .rewards-blur-overlay { background-color: transparent; -webkit-backdrop-filter: blur(90px); backdrop-filter: blur(90px) }
    .audit-blur-contents { width: 300px; height: 300px; margin-left: -150px; top: -100px }
    .audit-blur-overlay { background-color: transparent; -webkit-backdrop-filter: blur(90px); backdrop-filter: blur(90px) }
    .header-headline-contents { padding-top: 0px }
    .header-headline-contents h1 { font-size: 34px; padding: 0 40px; line-height: 52px }
    .header-headline-contents p, .crosschain-inner p, .audit p { padding-left: 40px; padding-right: 40px; font-size: 18px; line-height: 32px }
    .header-headline-contents p span { display: block; padding-top: 30px }
    .dapp-preview { width: 80%; max-width: 400px }
    .dapp-preview .dapp-shape-1 { z-index: 3 }
    .dapp-preview .dapp-shape-2 { margin-left: -50px }
    .dapp-preview .dapp-shape-3 { z-index: 1 }
    .crosschain-stats li { width: 100%; clear: both }
    .crosschain { padding-top: 150px }
    .shape-crosschain { width: 120px; height: 110px; }
    .crosschain { padding-bottom: 100px }
    .crosschain .main-headline { font-size: 54px }
    .crosschain .backup-headline { font-size: 72px; top: -50px }
    .crosschain p { padding-top: 0 }
    .crosschain p span { display: none }
    .crosschain-lines { transform: rotate(0deg) }
    .crosschain-line { border-left: 1px dashed rgba(0, 0, 0, .08); }
    .crosschain-stats { padding-top: 100px }
    .crosschain-stats-icon { width: 70px; padding-bottom: 20px; }
    .crosschain-stats li h4 { font-size: 42px }
    .crosschain-stats li h6 { font-size: 18px; padding-bottom: 100px; }
    .crosschain-information-list { padding-left: 40px; padding-right: 40px; margin-top: 50px }
    .crosschain-stats-button { padding: 12px 20px; font-size: 13px; width: 100px; margin: auto; margin-bottom: 50px }
    .crosschain-network { clear: both !important; display: inline-block; float: none }
    .introduction-wrapper, .referral-section { background-size: 2000px; background-position: bottom right; background-repeat: no-repeat; background-color: #010116; }
    .introduction { padding-top: 0; padding-left: 0; padding-right: 0; }
    .introduction-inner { padding-top: 400px }
    .shape-large { right: -550px; top: -10px; width: 800px }
    .introduction .headline { padding: 0 40px; text-align: center }
    .introduction .main-headline { font-size: 42px; text-align: center }
    .introduction .backup-headline { font-size: 42px; line-height: 100px; left: 0; top: -10px; display: inline-block; width: 100%; }
    .introduction-sections { display: flex; flex-wrap: wrap; }
    .introduction-sections li { width: 50%; height: 150px; padding: 0px 10px; text-align: center; margin: 0px; display: flex; flex-direction: column; align-items: center;}
    .intro-section-icon { left: auto; position: relative; display: inline-block; height: 60px; }
    .introduction-sections h3 { font-size: 14px;}
    .introduction-sections p { display: none; }
    .introduction-right { padding-top: 0 }
    .star-3d { position: relative; left: auto; transform: translateY(0px) scale(0.65); }
    .feature-button { padding: 14px 20px; margin-top: 20px }
    .cex-dex-logos { margin-top: 30px; height: auto; display: flex; flex-wrap: wrap; }
    .partners-wrapper .cex-dex-logos li { width: 50%; position: relative; clear: both; margin-bottom: 5px; }
    .cex-dex-logos li { width: 50%; position: relative; clear: both; margin-bottom: 5px; }
    .cex-dex-logos li img { max-width: 140px; max-height: 20px; }

    .why-rocketx {
        padding-bottom: 30px;
    }

    /* individual logos */
    .okx-logo img { transform: translateY(5px); max-width: 50px!important;}
    .huobi-logo img { transform: translateY(0px); max-width: 65px!important; }
    .kucoin-logo img { transform: translateY(5px); }
    .bybit-logo img { transform: translateY(-3px); max-width: 48px!important; max-height: none!important; }
    .uniswap-logo img { transform: translateY(-6px); max-width: 100px!important; max-height: none!important; }
    
    .oneinch-logo img { transform: translateY(-2px); max-width: 131px!important; }
    .paraswap-logo img { transform: translateY(0px); max-width: 115px!important; }
    .openocen-logo img { transform: translateY(-1px); max-width: 110px!important; max-height: none!important; }
    .rango-logo img { transform: translateY(0px); max-width: 82px!important; }
    .osmosis-logo img { transform: translateY(0px); max-width: 80px!important; }
    
    .sushiswap-logo img { transform: translateY(-2px); max-width: 78px!important; }
    .pancakeswap-logo img {  transform: translateY(-3px); max-width: 175px!important; }  
    .polygon-logo img { transform: translateY(-7px); max-height: 38px!important;  }
    .fetch-logo img { transform: translateY(-4px); max-height: 32px!important; }
    .xdc-logo img { transform: translateY(0px); max-width: 130px!important; max-height: 26px!important; }
    .bitcoinTrading-logo img{transform: translateY(-4px); max-height: 25px !important; max-width: 140px !important

    }
    .mexc-logo img{ transform: translateY(0); max-width: 120px !important}
    .fixed-bg { background-size: 1600px !important; background-attachment: local !important; background-position: bottom center; }
    .metis-logo img { transform: translateY(0px); max-width: 120px!important; }
    .telos-logo img { transform: translateY(-4px); max-width: 144px!important; max-height: 25px!important; }
    .thorchain-logo img { transform: translateY(0px); max-width: 157px!important; max-height: 23px!important; }
    .injective-logo img { transform: translateY(0px); max-width: 130px!important; max-height: 22px!important; }
    .near-logo img { transform: translateY(0px); max-width: 108px!important; max-height: 24px!important; }

    .rewards { padding-top: 120px; padding-left: 40px; padding-right: 40px; text-align: center; padding-bottom: 50px; }
    .rewards-inner { padding-left: 0; padding-right: 0 }
    .rewards .main-headline { font-size: 64px; text-align: center; line-height: 50px; }
    .rewards .backup-headline { font-size: 64px; top: -85px; display: inline-block; width: 100%; text-align: center; }
    .rewards-right { width: 100%; position: relative }
    .shape-rewards { position: relative; left: auto; top: 0; margin-left: 0; margin: auto; width: 150px; height: 150px; margin-bottom: 30px }
    .rewards p { text-align: center; padding-bottom: 10px; width: 100%; }
    .rewards .check-out-benefits { margin: 0 0 40px 0; }
    .rewards-rvf-button { padding: 12px 22px }
    .rewards-ref-button { padding: 12px 22px }
    .rewards-stats li { width: 100%; clear: both; padding-left: 0 }
    .rewards-stats-icon { position: relative; left: auto; top: auto; display: block; margin: auto; padding-bottom: 20px; width: 70px }
    .rewards-stats li h6 { padding-bottom: 100px }
    .reward-distribution, .reward-pending { width: 280px; display: none }
    .reward-distribution { left: 80px; top: -130px }
    .reward-pending { display: none; }
    .reward-distribution li { width: 100% }
    .reward-distribution li:last-child { display: none }
    .rewards-dapp-outer { height: 450px; margin-top: 0; width: 100% }
    .rewards-dapp-inner { background-size: 700px; border-radius: 8px 8px 0 0; background-position: 0 0; margin-left: 60px }
    .audit-wrapper { background-size: 2000px; background-position: bottom right; background-repeat: no-repeat; background-color: #010116 }
    .audit { padding-bottom: 60px }
    .audit p { padding-top: 30px }
    .laser { top: -251px }
    .audit-inner { padding-top: 100px }
    .audit-orb-wrapper { transform: scale(.7); transform-origin: top }
    .audit .headline { margin-top: -100px }
    .audit .main-headline { font-size: 72px }
    .audit-logos li { width: 100%; clear: both; padding: 0; text-align: center; padding-bottom: 70px }
    .audit-logos li:first-child:after { display: none }
    .roadmap-outer { padding-top: 200px; padding-bottom: 20px; height: 1880px; }
    .roadmap { padding-left: 0; padding-right: 0 }
    .roadmap-tabs { display: block }
    .roadmap .main-headline { font-size: 64px; text-align: center; }
    .roadmap .backup-headline { font-size: 64px; top: -50px; display: inline-block; width: 100%; text-align: left }
    #new.hideLeft { transform: translate(-500%) }
    #new.hideRight { transform: translate(500%) }
    #old.hide { transform: translate(500%) }
    #new1.hide{transform: translate(-500%)}

    .roadmap .headline .navigator { font-size: 40px; right: 0; top: -10px}
    .roadmap .headline .navigator2 { font-size: 40px; right: 0; top: -10px }
    .old-container .roadmap .headline .backup-headline { left: calc(50% + 40px) }
    .old-container .roadmap .headline .navigator { left: calc(50% - 65px) }
    .old-container .roadmap .headline .navigator2 { left: calc(50% - 180px) }

    .new1-container .roadmap .headline .navigator { left: 180px }
    .new1-container .roadmap .headline .navigator2 { left: 285px }
    .new1-container .roadmap .headline .backup-headline { left: 20px }

    .new-container .roadmap .headline .navigator { left: calc(50% + 85px) }
    .new-container .roadmap .headline .navigator2 { left: calc(50% - 180px)}
    .new-container .roadmap .headline .backup-headline { left: calc(50% - 75px) }
    .roadmap p { padding: 50px; text-align: center; font-size: 20px; padding-top: 30px; }
    .roadmap-line { top: 0; margin-top: -180px; left: 93px }
    .roadmap-shape-2 { left: 60px }
    .roadmap-shape-3 { left: 200px }
    .roadmap-list { padding-top: 100px; width: 400% }
    .roadmap-list li { width: 25%; padding: 0 50px }
    .roadmap-list li.w-50 { width: 25% }
    .roadmap-list li h4 { padding-left: 0; text-align: center; width: 100%; font-size: 42px }
    .roadmap-list .roadmap-item { font-size: 22px; padding: 15px 0; line-height: 38px; padding-left: 0; background-position: left 24px; display: inline-block; margin: auto; text-align: center; width: 100%; background-image: none; ; }
    .footer-outer { padding-top: 10px }
    .footer { padding-top: 120px; padding-left: 0; padding-right: 0 }
    .footer-menu li { width: 100%; clear: both; text-align: center }
    .footer-menu li.sm { width: 100%; }
    .footer-menu li.lg { width: 100%; }
    .footer-menu li.lg .externals { display: block }
    .footer-menu li.lg .externals .column { width: 100% }
    .footer-menu li .footer-logo { width: 200px }
    .copyright { font-size: 15px; padding-bottom: 20px }
    .footer-menu li h4 { font-size: 16px; padding: 15px 0 15px 20px; border-top: #80808054 solid 1px; display: flex; position: relative; text-align: left; font-weight: 100 !important }
    .footer-menu li .footer-menu-item { font-size: 18px; padding: 18px 0 }
    .footer-menu .footer-links-container { display: none; padding: 20px 0 30px 30px; text-align: initial }
    .footer-menu .footer-rocketx-logo { margin: 0 0 40px 0 }
    .footer-menu li h4 .cross-button { display: block; position: absolute; top: 7px; right: 16px; font-size: 30px; font-weight: 100; transition-duration: .8s; transition-property: transform; transform: rotate(45deg); -webkit-transform: rotate(45deg) }
    .footer-menu li h4.active .cross-button { transform: rotate(90deg); -webkit-transform: rotate(90deg) }
    .referral .headline { margin-top: 200px }
    .referral .main-headline { font-size: 64px; text-align: center; }
    .referral .backup-headline { font-size: 64px; top: -50px; display: inline-block; width: 100%; text-align: center; left: 0 !important; }
    .referral .headline p { text-align: center; font-size: 20px; padding-top: 30px; width: 100% }
    .referral-list li { width: 100%; clear: both; padding-bottom: 60px; }
    .referral-list li h4 { padding-bottom: 10px }
    .referral-button-wrapper { padding: 0 50px; }
    .referral-button { margin-top: 0; display: block; width: 100%; }
    .note-referral { padding-top: 70px; padding-bottom: 30px }
    .referral-line { top: 0; margin-top: -120px; left: 93px }
    .mobile-beacon { display: block }
    .testimonials-cover .headline { margin: 0 0 }
    .flickity-prev-next-button.previous { left: -10px!important; }
    .flickity-prev-next-button.next { right: -10px!important; }
    .testimonials-cover .headline .backup-headline { font-size: 42px; text-align: center; letter-spacing: normal }
    .testimonials-cover { width: 100% }
    .testimonials-cover .gallery-cell { width: 100% }
    .testimonials-cover .gallery-cell .testimony { width: 215px; left: calc(50% - 125px) }
    .testimonials-cover .gallery-cell.is-selected .testimony { transform: translate3D(0, 2px, 0) scale(1.075) }
    .testimony .description { font-size: 13px }
    .faq-section.fixed-bg { background-attachment: fixed !important; background-position: center center; background-size: 100% 100% !important }
    .faq .headline { padding: 0 25px }
    .faq .faq-container { padding: 0 25px }
    .faq .faq-container { flex-direction: column }
    .faq-container .categories-container { width: 100% }
    .faq-container .categories-container { width: 100% }
    .footer .category .header { cursor: pointer; font-size: 16px; padding: 15px 0 15px 20px; font-weight: 100 }
    .other-links { border-bottom: #80808054 solid 1px }
    .category { margin: 0 }
    .category .header .cross-button { display: block; right: 36px }
    .footer .category { border-top: #80808054 solid 1px }
    .category .list .item { font-size: 18px; width: 50%;}
    .category .list {  display: none;}
    .category .list-container { grid-gap: 36px 0; margin: 36px 20px 36px 30px ; }
    .about .headline-contents { padding: 0 20px; margin-top: 30px }
    .about .headline-contents .big-header { font-size: 42px; line-height: 55px }
    .about .headline-contents .medium-header { font-size: 32px; line-height: 38px; font-weight: 100 }
    .about .headline-contents .description { margin: 30px 30px; font-size: 16px; width: auto }
    .top-section-wrapper.fixed-bg { background-size: cover !important; background-attachment: fixed !important; background-position: center center }
    .mid-section-wrapper { background-position: bottom right }
    .big-header .main-headline { font-size: 42px; line-height: 55px }
    .big-header .backup-headline { font-size: 42px; line-height: 55px; top: -30px }
    .ecosystem { padding-top: 50px }
    .ecosystem .ecosystem-header { text-align: center }
    .ecosystem .ecosystem-header .backup-headline { font-size: 42px; line-height: 55px; top: -30px }
    .ecosystem .ecosystem-header .main-headline { font-size: 42px; line-height: 55px; margin-top: 0 }
    .ecosystem .ecosystem-contents .feature-wrapper .feature{ padding: 20px; }
    .ecosystem .ecosystem-contents .feature-wrapper .feature-header { flex-direction: column; grid-gap: 15px; text-align: center }
    .ecosystem .ecosystem-contents .feature-wrapper .feature-icon { width: 38px; height: 38px; }
    .ecosystem .ecosystem-contents .feature-wrapper .feature-content { display: none; }
    .feature-name { font-size: 14px; font-weight: 100; }
    .about-line { display: none;}
    .timeline {padding: 70px 0;}
    .timeline .timeline-header { font-size: 64px; line-height: 55px; text-align: center }
    .timeline .timeline-header .backup-headline { font-size: 42px; line-height: 55px; margin-top: 0 }
    .timeline .timeline-container { display: flex; width: 90% }
    .timeline .timeline-years { flex-direction: column; font-size: 20px; padding: 10px 0 0 }
    .timeline .timeline-years { margin: 30px 30px 0 0; justify-content: flex-start }
    .timeline .timeline-years .year { font-size: 20px }
    .timeline .timeline-years .year.active { font-size: 24px }
    .timeline .timeline-details { min-height: 550px }
    .timeline-years .line { border-left: 2px solid #D0D0D0; height: 30px; width: 2px; border-top: none }
    .team-wrapper { padding-top: 50px }
    .team-wrapper .team-header .backup-headline { font-size: 42px; line-height: 55px; text-align: center; top: -30px }
    .team-wrapper .team-header.second .backup-headline { top: -75px }
    .team-wrapper .team-header .main-headline { font-size: 42px; line-height: 55px; text-align: center }
    .team-wrapper .team-list{ align-items: center; grid-gap: 20px 0px; margin: 30px 0 0 0; flex-wrap: wrap; justify-content: center; }
    .team-wrapper .team-list .member{ width: 50%; }
    .team-wrapper .team-list .member-image{ width: 44px; }
    .member-socials img { height: 16px; width: 16px; }
    .team-header.second { margin: 100px 0; }
    .team-wrapper .team-list .member-name { font-size: 16px; text-align: center }
    .team-wrapper .team-list .member-title { font-size: 13px }
    .partners-wrapper { padding:0; }
    .partners-wrapper .partners-header .backup-headline { font-size: 42px; line-height: 55px; text-align: center; top: -30px }
    .partners-wrapper .partners-header .main-headline { font-size: 42px; line-height: 55px; text-align: center }
    .news-wrapper .news { padding: 50px 0 }
    .news-wrapper .news .backup-headline { font-size: 42px; text-align: center; letter-spacing: -.05em }
    .news .news-details { flex-direction: column; display: flex; align-items: center }
    .news-card { max-width: none;}
    .connect-wrapper { width: 80% }
    .connect-wrapper .main-headline { font-size: 42px; text-align: center }
    .connect-wrapper .connect-details { grid-gap: 40px; text-align: center }
    .connect-wrapper .connect-details .info { flex-direction: column; display: flex; align-items: center; grid-gap: 15px }
    .mobile-only { display: block }
    .desktop-only { display: none }

    /* APIs */
    /* .api .headline-contents { padding: 0 20px; } */
    .api .headline-contents .big-header { font-size: 42px; line-height: 55px }
    .api .headline-contents .medium-header { font-size: 32px; line-height: 38px; font-weight: 100 }
    .api .headline-contents .description { font-size: 18px; width: auto; padding-top: 16px; }
    .docs .headline-contents h1 {margin-top: 0px;}
    .api-line { display: none;}
    .docs { padding-top: 50px; }
    .docs .description-paragraph {
        /* display: none; */
    }
    .who-can-integrate .container {
        margin-right: auto;
        justify-content: center;
    }
    .who-can-integrate {
        margin-top: 0;
    }
    .docs .docs-header { text-align: center }
    .docs .docs-header .backup-headline { font-size: 42px; line-height: 55px; top: -30px }
    .docs .docs-header .main-headline { font-size: 42px; line-height: 55px; margin-top: 0 }
    .docs .docs-contents .feature-wrapper .feature{ padding: 20px; }
    .docs .docs-contents .feature-wrapper .feature-header { flex-direction: column; grid-gap: 15px; text-align: center }
    .docs .docs-contents .feature-wrapper .feature-icon { width: 38px; height: 38px; }
    .docs .docs-contents .feature-wrapper .feature-content { display: none; }

    .why-rocketx { padding-top: 50px; width: auto;}
    .why-rocketx .why-rocketx-header { text-align: center }
    .why-rocketx .why-rocketx-header .backup-headline { font-size: 42px; line-height: 55px; top: -30px }
    .why-rocketx .why-rocketx-header .main-headline { font-size: 42px; line-height: 55px; margin-top: 0 }
    .why-rocketx .why-rocketx-contents .feature-wrapper .feature{ padding: 20px; }
    .why-rocketx .why-rocketx-contents .feature-wrapper .feature-header { flex-direction: column; grid-gap: 15px; text-align: center }
    .why-rocketx .why-rocketx-contents .feature-wrapper .feature-icon { width: 38px; height: 38px; }
    .why-rocketx .why-rocketx-contents .feature-wrapper .feature-content { display: none; }

    .api-stats-blur-contents { width: 300px; height: 300px; margin-left: -150px; top: -100px; }
    .api-stats-blur-overlay { background-color: transparent; -webkit-backdrop-filter: blur(90px); backdrop-filter: blur(90px) }
    .header-headline-contents p, .api-stats-inner p, .audit p { padding-left: 40px; padding-right: 40px; font-size: 18px; line-height: 32px }
    .api-stats-stats li { width: 100%; clear: both }
    .api-stats { padding-top: 50px }
    .shape-api-stats { width: 120px; height: 110px; }
    .api-stats { padding-bottom: 50px }
    .api-stats .main-headline { font-size: 42px; line-height: 55px; }
    .api-stats .backup-headline { font-size: 72px; top: -50px }
    .api-stats p { padding-top: 0 }
    .api-stats p span { display: none }
    .api-stats-lines { transform: rotate(0deg) }
    .api-stats-line { border-left: 1px dashed rgba(0, 0, 0, .08); }
    .api-stats-stats { padding-top: 100px; width: auto; }
    .api-stats-inner { width: auto;}
    .api-stats-stats-icon { width: 70px; padding-bottom: 20px; }
    .api-stats-stats li h4 { font-size: 42px }
    .api-stats-stats li h6 { font-size: 18px; padding-bottom: 100px; }
    .api-stats-information-list { padding-left: 40px; padding-right: 40px; margin-top: 50px }
    .api-stats-stats-button { padding: 12px 20px; font-size: 13px; width: 100px; margin: auto; margin-bottom: 50px }
    .api-stats-network { clear: both !important; display: inline-block; float: none }


}

@media only screen and (max-width:380px) {
    .roadmap-list .roadmap-item { font-size: 20px }
}

@media only screen and (max-width:365px) {
    .roadmap-list .roadmap-item { font-size: 18px }
}

.mobile-navigation { width: 100%; height: 100%; background-color: rgba(0, 0, 0, .9); position: fixed; right: 0; top: 0; z-index: 101; display: none; transform: translateX(100%) }

.mobile-navigation.active { transform: translateX(0%) }

.mobile-navigation-inner {  width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-backdrop-filter: blur(70px); backdrop-filter: blur(70px); background-color: rgba(0, 0, 0, .75); padding: 30px 50px; color: #FFF; text-transform: uppercase; }

.close-mobile-menu-button {  width: 100px; height: 100px; background-image: url(https://cdn.rocketx.exchange/pd135zq/website/ui/close-menu.webp); background-size: 24px; background-repeat: no-repeat; position: absolute; right: 6px; top: 0px; background-position: center; z-index: 20; cursor: pointer;
 }

.mobile-navigation-list { list-style-type: none; position: relative; text-align: left;     margin: 50px 0 0 0; }

.mobile-navigation-list li { position: relative; padding: 17px 0; font-size: 13px }

.mobile-navigation-list li a { text-decoration: none; color: #FFF; cursor: pointer }


.sub-menu-header .plus{ float: right; font-size: 24px; font-weight: 100; margin: -8px 0 0 0; transition-duration: .8s; transition-property: transform; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
.sub-menu-header.active .plus{ transform: rotate(45deg); -webkit-transform: rotate(45deg); }

.mobile-navigation-list .sub-menu {  margin: 20px 10px; display: none; }
.sub-menu-contents{ font-size: 13px; font-weight: 100; display: flex; flex-direction: column; grid-gap: 20px; }