@media screen and (max-width: 1512px) {
    html {
        font-size: 0.9090909091vw;
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size: 1.0204081633vw;
    }
}

@media screen and (max-width: 1024px) {
    html {
        font-size: 1.25vw;
    }

    .container {
        max-width: 72rem;
    }

    .header_container {
        max-width: 72rem;
    }

    .header_container nav {
        gap: 1.5rem;
    }

    .sn_about_content {
        padding: 3.2rem;
    }

    .sn_about_content::after {
        width: 35rem;
        -webkit-transform: translateX(6rem);
        transform: translateX(6rem);
    }

    .sn_about_content h2 {
        font-size: 4rem;
        max-width: 40rem;
    }

    .sn_lore .lore_img_b {
        right: 5rem;
    }

    .sn_tokenomics .moon {
        right: -3.5rem;
    }

    .sn_tokenomics .rocket_man {
        width: 26rem;
        height: 26rem;
        top: 8rem;
        left: -6rem;
    }

    .slider_container {
        padding: 3.2rem 3.2rem 8.8rem 3.2rem;
    }

    .custom_slider .custom_slide {
        padding: 3.2rem;
        height: 50rem;

    }

    .custom_slider .custom_slide p {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .custom_slider .custom_slide .step {
        height: 28rem;
        top: initial;
        bottom: 0;
    }

    .sn_roadmap_content {
        padding-top: 5rem;
    }

    .sn_fuq_content h2 {
        font-size: 6rem;
    }

    .sn_fuq_content .question_items {
        padding-bottom: 5rem;
    }

    .sn_fuq_content .question_items::before {
        width: 28rem;
    }

    .sn_fuq_content .question_items .question_item {
        max-width: 45rem;
    }
}

@media screen and (max-width: 767px) {
    header {
        width: 100%;
        position: sticky;
        top: 1rem;
        z-index: 100;
        padding: 0 1rem; 
    }
 
    .menu_mobile_btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header_container {
        max-width: 90rem;
        width: 100%;
        margin: auto;
        background: #ffffff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 5rem;
        padding: 0.5rem 1rem 0.5rem 1.5rem;
        border-radius: 1.4rem;
    }

    .header_container .logo img {
        height: 2.6rem;
    }

    .header_container .right_action .link_st_a {
        display: none;
    }

    .header_container nav {
        display: none;
    }

    .mobile_navigation.active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    html {
        font-size: 3.8461538462vw;
    }

    .container {
        padding: 0 1rem;
    }

    .sn_hero { 
    height:80vw;
    margin-top: 17vw; 
}

    .sn_hero_content {
        padding-top: 5rem;
        gap: 2rem;
        background-size: 24rem;
    }

    .sn_hero_content h1 {
        font-size: 4rem;
        font-weight: 400;
        line-height: 4rem;
        letter-spacing: 0;
    }

    .sn_hero_content p {
        font-size: 1.125rem;
        line-height: 1.425rem;
        max-width: 20rem;
    }

    .sn_hero_content .row_btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 1rem;
    }

    .sn_hero_content .row_btn a {
        min-width: 10rem;
    }

    .sn_hero_content .hero_char {
        max-width: 40rem;
        width: 100%;
        margin-top: -3rem;
        -webkit-animation: hero_char 1s ease;
        animation: hero_char 1s ease;
        margin: auto;
    }

    .sn_hero_content .hero_char_1 {
        display: none;
    }

    .sn_hero_content .hero_char_3 {
        display: none;
    }

    @-webkit-keyframes sn_hero_content {
        0% {
            background-size: 14rem;
        }

        100% {
            background-size: 24rem;
        }
    }

    @keyframes sn_hero_content {
        0% {
            background-size: 14rem;
        }

        100% {
            background-size: 24rem;
        }
    }

    .primary_btn_a {
        height: 3.2rem;
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
        letter-spacing: 0.0275rem;
    }

    .secondary_btn_a {
        height: 3.2rem;
        padding: 0.75rem 1.5rem;
        font-size: 1rem;
        letter-spacing: 0.0275rem;
    }

    .primary_btn_a_img {
        padding: 0.75rem 1rem;
        width: auto;
    }

    .primary_btn_a_img-item {
        max-width: 50%;
    }

    .primary_btn_a_img div {
        width: 2rem;
    }

    .moving_line_scroll {
        height: 3rem;
        padding: 2vw 0vw;
        background-size: contain;
    }

    @-webkit-keyframes moving_line_scroll {
        0% {
            background-position: 0 0;
        }

        100% {
            background-position: 7.1rem;
        }
    }

    @keyframes moving_line_scroll {
        0% {
            background-position: 0 0;
        }

        100% {
            background-position: 7.1rem;
        }
    }

    .sn_about {
        padding: 1.5rem 0 1.5rem; 
    }

    .sn_about_content {
        padding: 2rem 2rem 26rem 2rem;
        gap: 2rem;
        border-radius: 1.4rem;
    }

    .sn_about_content::after {
               height: 26rem;
        right: 24px;
        width: 100%;
        bottom: 0;
        -webkit-transform: none;
        transform: none;
    }

    .sn_about_content h2 {
        font-size: 2.2rem;
        line-height: 2.4rem;
        letter-spacing: 0rem;
    }

    .sn_about_content p {
        font-size: 1rem;
        line-height: 1.4rem;
    }

    .sn_about_content .header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 1rem;
    }

    .sn_about_content .header .avatar {
        width: 4rem;
        height: 4rem;
    }

    .sn_about_content .header .social_link_items {
        gap: 1rem;
    }

    .sn_about_content .header .social_link_items .social_link img {
        width: 2.4rem;
        height: 2.4rem;
    }

    .sn_lore .lore_img_a {

        width: 16rem;
        height: 22rem;
        position: absolute;
        z-index: 1;
        bottom: -44px;
        right: 4.5rem;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
    }

    .sn_lore .lore_img_b {
        display: none;
    }

    .sn_lore_content {
        padding: 1.5rem 0 13.5rem;
        gap: 2rem;
    }

    .sn_lore_content h2 {
        text-align: center;
        font-size: 3rem;
        line-height: 3rem;
        letter-spacing: 0rem;
    }

    .slider_container {
        padding: 2rem 1rem 4.8rem 1rem;
        border-radius: 1.4rem;
        gap: 1rem;
    }

    .slider_container .content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1.25rem;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .slider_container .content .avatar {
        width: 8rem;
        height: 8rem;
        border-radius: 100%;
    }

    .slider_container .content .slider_text {
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        font-size: 1.125rem;
        line-height: 1.425rem;
    }

    .slider_container .arrow {
        width: 1.5rem;
        height: 4rem;
    }

    .slider_container .indicators {
        gap: 0.8rem;
        bottom: 2rem;
    }

    .slider_container .indicators .dot {
        width: 0.8rem;
        height: 0.8rem;
    }

    .moving_comix_scroll .moving_comix_content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .moving_comix_scroll .moving_comix_content .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 1rem 0.5rem 1rem 0.5rem;
        gap: 1rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
    }

    .moving_comix_scroll .moving_comix_content .item img {
        border-radius:10px;
        width: 14rem;
        height: 14rem;
    }

    .sn_tokenomics {
        background-size: 50rem;
        -webkit-animation: sn_tokenomics_content 20s linear infinite;
        animation: sn_tokenomics_content 20s linear infinite;
    }

    .sn_tokenomics .moon {
        position: absolute;
        width: 7rem;
        height: 7rem;
        top: 6.5rem;
        right: -4rem;
    }

    .sn_tokenomics .rocket_man {
        position: absolute;
        width: 10rem;
        height: 10rem;
        top: 7.5rem;
        left: -4rem;
        display: none;
    }

    .sn_tokenomics_content {
        gap: 3rem;
        padding: 3rem 0;
    }

    .sn_tokenomics_content h2 {
        font-size: 3rem;
        line-height: 3rem;
        letter-spacing: 0rem;
    }

    .sn_tokenomics_content h3 {
        font-size: 2.2rem;
        line-height: 2.4rem;
        letter-spacing: 0rem;
    }

    .sn_tokenomics_content h3 span {
        font-size: 2.2rem;
        line-height: 2.4rem;
        letter-spacing: 0rem;
    }

    @-webkit-keyframes sn_tokenomics_content {
        0% {
            background-position: 0;
        }

        100% {
            background-position: 50rem;
        }
    }

    @keyframes sn_tokenomics_content {
        0% {
            background-position: 0;
        }

        100% {
            background-position: 50rem;
        }
    }

    .copy_container {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 1rem;
        justify-content: center;
    }

    .copy_container .copy_button {
        height: 3.5rem;
        width: 3.5rem;
        border-radius: 1.4rem;
    }

    .copy_container .copy_content {
        padding: 0.9375rem 1rem;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        border-radius: 1.4rem;
    }

    .copy_container .copy_content p {
        font-size: 0.8rem;
        line-height: 1.4rem;
    }

    .sn_how_to_buy {
        padding: 3rem 0 3rem;
    }

    .sn_how_to_buy_content {
        gap: 2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sn_how_to_buy_content .header {
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 1.5rem;
    }

    .sn_how_to_buy_content .header h2 {
        text-align: center;
        font-size: 3rem;
        line-height: 3rem;
        letter-spacing: 0rem;
    }

    .custom_slider {
        border-radius: 1.4rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
    }

    .custom_slider .custom_slide {
        padding: 2rem;
        gap: 1rem;
        height: 44rem;
    }

    .custom_slider .custom_slide h2 {
        font-size: 1.2rem;
        line-height: 1.2rem;
    }

    .custom_slider .custom_slide h3 {
        font-size: 3rem;
        line-height: 3rem;
        letter-spacing: 0rem;
    }

    .custom_slider .custom_slide p {
        font-size: 4vw;
        letter-spacing: 0rem;
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none;
        width: 100%;
    }

    .custom_slider .custom_slide .custom_pagination {
        gap: 0.8rem;
        bottom: 2rem;
    }

    .custom_slider .custom_slide .custom_pagination .custom_dot {
        width: 0.8rem;
        height: 0.8rem;
    }

    .custom_slider .custom_slide .step {
      height: 19rem;
        width: 25rem;
        bottom: -8vw;
        gap: 0.8rem;
        object-fit: contain;
    }

    .sn_roadmap_content {
        padding: 3rem 0 4rem 0;
        gap: 2rem;
    }

    .sn_roadmap_content h2 {
        font-size: 3rem;
        line-height: 3rem;
        letter-spacing: 0rem;
    }

    .sn_roadmap_content h2 span {
        font-size: 2rem;
        letter-spacing: 0rem;
    }

    .sn_roadmap_content .roadmap_items {
        gap: 3rem;
    }

    .sn_roadmap_content .roadmap_items .item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 2rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .sn_roadmap_content .roadmap_items .item:nth-child(1) .description {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg);
    }

    .sn_roadmap_content .roadmap_items .item:nth-child(1) .header_img .img_box {
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem);
    }

    .sn_roadmap_content .roadmap_items .item:nth-child(2) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .sn_roadmap_content .roadmap_items .item:nth-child(2) .description {
        -webkit-transform: rotate(-1deg);
        transform: rotate(-1deg);
    }

    .sn_roadmap_content .roadmap_items .item:nth-child(2) .header_img .img_box {
        -webkit-transform: translateY(3rem);
        transform: translateY(3rem);
    }

    .sn_roadmap_content .roadmap_items .item:nth-child(3) .description {
        -webkit-transform: rotate(1deg);
        transform: rotate(1deg); 
    }

    .sn_roadmap_content .roadmap_items .item:nth-child(3) .header_img .img_box {
    -webkit-transform: translateX(5rem);
    transform: translateX(5rem);
    -webkit-transform: translateY(2rem);
    transform: translateY(2rem);
}

    .sn_roadmap_content .roadmap_items .item .header_img {
        -webkit-box-flex: 6;
        -ms-flex: 6;
        flex: 6;
        z-index: 1;
        margin-bottom: -4rem;
    }

    .sn_roadmap_content .roadmap_items .item .header_img h3 {
        font-size: 3rem;
        line-height: 3rem;
        letter-spacing: 0rem;
    }

    .sn_roadmap_content .roadmap_items .item .header_img .img_box {
        margin-top: 0rem;
        width: 20rem;
    }

    .sn_roadmap_content .roadmap_items .item .description {
        padding:5rem 3rem 4rem 3rem;
        gap: 1rem;
        position: relative;
        z-index: 2;
    }

    .sn_roadmap_content .roadmap_items .item .description::before {
        content: "";
        width: 3rem;
        height: 3rem;
        background-image: url("data:image/svg+xml,%3Csvg width='63' height='63' viewBox='0 0 63 63' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='26.7024' cy='36.2474' rx='34.9152' ry='2.59423' transform='rotate(-45 26.7024 36.2474)' fill='black'/%3E%3Ccircle cx='31.7891' cy='31.1582' r='27.7183' fill='%23FC041C'/%3E%3Ccircle cx='43.2023' cy='19.7448' r='19.5658' fill='%23BC0012'/%3E%3C/svg%3E%0A");
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        position: absolute;
        top: 1rem;
    }

    .sn_roadmap_content .roadmap_items .item .description p {
        font-size: 1.2rem;
        line-height: 1.2rem;
        letter-spacing: 0rem;
    }

    .sn_roadmap_content .roadmap_items .item .description .primary_btn_a {
        position: absolute;
        bottom: -2rem;
    }

    .sn_social_content {
        height: 18rem;
    }

    .sn_social_content .content {
        padding: 0rem 0 27vw;
        gap: 1rem;
    }

    .sn_social_content .content h3 {
        font-size: 1.3rem;
        line-height: 0.5rem;
    }

    .sn_social_content .content h4 {
        font-size: 1.0rem;
        line-height: 1.3rem;
    }

    .sn_social_content .content .social_media_link {
        gap: 1rem;
    }

    .sn_social_content .content .social_media_link a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .sn_social{
        height: 48vw;
    }

    .sn_social_content .content .social_media_link a img {
        width: 3rem;
        height: 3rem;
    }

    .sn_fuq_content {
        padding-top: 3rem;
        gap: 2rem;
    }

    .sn_fuq_content h2 {
        font-size: 3rem;
        line-height: 3rem;
        letter-spacing: 0rem;
    }

    .sn_fuq_content .question_items {
        gap: 0.9rem;
        padding-bottom: 32rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .sn_fuq_content .question_items::before {
        content: "";
        width: 32rem;
        height: 30rem;
        right: initial;
    }

    .sn_fuq_content .question_items .question_item {
        border-radius: 1.4rem;
        padding: 1.2rem;
        gap: 0.2rem;
    }

    .sn_fuq_content .question_items .question_item .response {
        font-size: 1rem;
        line-height: 1.4rem;
        display: none;
    }

    .sn_fuq_content .question_items .question_item .question_btn p {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 1.4rem;
        line-height: 1.4rem;
    }

    .sn_fuq_content .question_items .question_item .question_btn .faq_btn {
        width: 2.2rem;
        height: 2.2rem;
    }

    footer .footer_bloop {
        position: absolute;
        aspect-ratio: 1/1;
        height: 12rem;
        left: -5rem;
        top: initial;
        bottom: 0;
    }

    .sn_footer_content {
        padding: 3rem 0 1rem 0;
        gap: 3rem;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
    }

    .sn_footer_content .navigation {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2rem;
    }

    .sn_footer_content .navigation a {
        font-size: 1rem;
        line-height: 1rem;
        letter-spacing: 0rem;
    }

    .sn_footer_content .social_media {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 2.125rem;
    }

    .sn_footer_content .social_media .title {
        font-size: 1rem;
        line-height: 1rem;
        letter-spacing: 0rem;
    }

    .sn_footer_content .social_media .social_media_link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 1.25rem;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .sn_footer_content .social_media .social_media_link a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .sn_footer_content .social_media .social_media_link a img {
        width: 2rem;
        height: 2rem;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .sn_footer_content .disclaimer {
        max-width: 20rem;
    }

    .sn_footer_content .disclaimer .title {
        font-size: 1rem;
        text-align: center;
        line-height: 1rem;
    }

    .sn_footer_content .disclaimer .description {
        font-size: 1rem;
        text-align: center;
        line-height: 1.4rem;
    }

    .sn_footer_content .rights {

        text-align: right;
        font-size: 0.7rem;
        margin-left: 5vw;
    }

    .email {
        flex-direction: column;
        align-items: center;
    }

    .lock_scroll {
        overflow: hidden;
    }

   

.banner_a img {
    min-width: 100%;
    min-height: 100%;
    height: 15vw; 
    object-fit: cover;
}

}