@media screen and (max-width: 480px) {

    p {
        font-size: 4vw;
    }

    nav {
        padding: 5vw;
    }

    nav .logo {
        width: 30vw;
    }

    .nav_links,
    .links {
        display: none;
    }

    .hamburger {
        display: flex;
    }

    .header h1 {
        font-size: 13vw;
        line-height: 13vw;
    }

    .grident_text {
        -webkit-text-stroke-width: 0.5vw;
    }

    /* slider */

    marquee {
        background-color: #000;
        padding: 5vw 0vw;
    }

    .slider img {
        width: 30vw;
    }

    .about {
        padding: 5vw;

    }

    /* about */
    .about h2 {
        font-size: 4vw;
    }

    .about h1 {
        font-size: 5vw;
    }

    .about .box {
        padding: 5vw;
    }

    .about .box img {
        width: 12vw;
    }

    .about .box .iner {
        display: flex;
        gap: 2vw;
        flex-direction: column;
    }

    .about .box .iner h1 {
        font-size: 5vw;
    }

    .about .box .iner p {
        font-size: 3vw;
    }

    .about .box .arrow {
        width: 2.5vw;
    }

    .feature {
        padding: 10vw 5vw;

    }

    .feature h1 {
        font-size: 5vw;
    }

    .feature .feature-single-box h2 {
        font-size: 5.5vw;
    }

    .feature .feature-single-box img {
        margin: auto;
        width: 20vw;
    }

    /* trading_journey */
    .trading_journey {
        padding: 10vw 0vw 10vw 5vw;
    }

    .trading_journey h1 {
        font-size: 6vw;
        line-height: 7vw;
    }

    .supply {
        padding: 3vw 8vw;


    }

    .supply h2 {
        font-size: 5vw;
    }

    .supply p {
        font-size: 2.5vw;
    }

    .roadmap h2 {
        font-size: 3.5vw;
        color: #BBF838;
        text-align: center;
    }

    .roadmap h1 {
        font-size: 6vw;
        text-align: center;
    }

    .roadmap {
        padding: 5vw 10vw;
    }

    .join {
        padding: 5vw;
        width: 90%;
    }

    .join h1 {
        font-size: 5vw;
    }

    footer {
        padding: 15vw 5vw 3vw 5vw;
    }

    footer .copy {
        margin-top: 5vw;
        gap: 5vw;
        flex-direction: column-reverse;
    }

    footer .copy .f_links {
        flex-wrap: wrap;

    }

    footer .copy .f_links a {
        font-size: 5vw;
    }
}