@media only screen and (min-width: 1201px) and (max-width: 1440px) {

    .hero-area .hero-banner {
        width: 50%;
    }

    .about-v2-area .about-v2-bg {
        top: 210px;
    }

    .download-area {
        padding: 10px 0 154px;
    }

    .blog-area {
        padding: 190px 0 146px;
    }

    .roadmap-slider::before {
        top: 64px;
        width: 104%;
    }

    .blog-area .blog-bg img {
        height: 126%;
    }
}




/* Medium Layout: 1367px. */

@media only screen and (min-width: 1200px) and (max-width: 1367px) {

    .hero-area .hero-banner {
        width: 34%;
    }

    .roadmap-slider::before {
        left: 0;
        top: 61px;
        width: 100%;
    }

    .about-v2-area .about-v2-bg {
        top: auto;
        bottom: -45%;
    }

    .download-area {
        padding: 20px 0 130px;
    }

    .faq-area {
        padding: 180px 0 180px;
    }

    .blog-area .blog-bg {
        height: 110%;
    }

        .blog-area .blog-bg img {
            height: 115%;
        }
}


/* Medium Layout: 1280px. */

@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .faq-area {
        padding: 200px 0 110px;
    }

    .hero-area .hero-banner {
        top: 300px;
        width: 50%;
    }

    .hero-area .hero-content .title {
        font-size: 40px;
        line-height: 52px;
    }

    .hero-area .hero-content .btns .link {
        margin-right: 0;
    }

    .roadmap-area {
        padding: 0 0 60px;
    }

    .roadmap-slider::before {
        display: none;
    }

    .roadmap-slider {
        flex-wrap: wrap;
        padding: 0 30px;
    }

        .roadmap-slider .single-roadmap {
            padding: 0 15px;
            flex: 1 1 33%;
            max-width: 33%;
        }

    .about-v2-area .about-v2-bg {
        top: 80%;
    }

    .download-area {
        padding: 130px 0 154px;
        margin: 0;
    }

        .download-area .download-bg {
            display: none;
        }

        .download-area .download-content .title {
            font-size: 44px;
            line-height: 48px;
        }

        .download-area .download-content .buttons .link {
            margin-right: 0;
        }

    .download-button-1 {
        padding: 14px 14px 8px 32px;
    }

        .download-button-1 .icon {
            font-size: 20px;
            left: 12px;
        }

        .download-button-1 .available {
            font-size: 12px;
        }

        .download-button-1 .store-name {
            font-size: 18px;
        }

    .download-button-2 {
        padding: 14px 14px 8px 32px;
    }

        .download-button-2 .icon {
            font-size: 20px;
            left: 12px;
        }

        .download-button-2 .available {
            font-size: 12px;
        }

    .team-area .team-bg {
        bottom: -98px;
    }

    .team-area {
        background: #120A39;
    }
}


/* Tablet Layout: 768px. */

@media only screen and (min-width: 768px) and (max-width: 991px) {

    .logo a {
        font-size: 22px;
    }

    .main-menu {
        position: relative;
        top: -54px;
        margin-bottom: -54px;
        text-align: right;
    }

        .main-menu .stellarnav ul li,
        .main-menu .stellarnav ul li a {
            display: block;
            text-align: left;
            color: #000;
        }

    .hero-area .hero-content .title {
        font-size: 34px;
        line-height: 38px;
    }

    .hero-area .hero-content .text {
        font-size: 18px;
    }

    .btn-style-3 {
        font-size: 14px;
        padding: 4px 16px;
    }

    .btn-style-4 {
        font-size: 14px;
        padding: 4px 16px;
    }

    .hero-area .hero-banner {
        top: 200px;
        width: 40%;
    }

    .top-brands-area .all-brands .single {
        flex: 1 1 20%;
        max-width: 20%;
    }

    .counter-area .cs-recived {
        margin-top: 60px;
    }

    .counter-area {
        padding: 0 0 60px;
    }

    .about-v1-area .about-v1-content .title {
        font-size: 38px;
        line-height: 42px;
    }

    .about-v2-area .about-v2-content .title {
        font-size: 38px;
        line-height: 42px;
    }

    .section-title .title {
        font-size: 42px;
        line-height: 42px;
    }

    .about-v2-area .about-v2-bg {
        display: none;
    }

    .roadmap-area {
        padding: 0 0 60px;
    }

    .roadmap-slider::before {
        display: none;
    }

    .roadmap-slider {
        flex-wrap: wrap;
        padding: 0 30px;
    }

        .roadmap-slider .single-roadmap {
            padding: 0 15px;
            flex: 1 1 33%;
            max-width: 33%;
        }

    .download-area {
        padding: 50px 0 154px;
        margin: 0;
    }

        .download-area .download-bg {
            top: -80px;
        }

        .download-area .download-content .title {
            font-size: 42px;
            line-height: 44px;
        }

    .download-button-1 {
        padding: 14px 14px 8px 32px;
    }

        .download-button-1 .icon {
            font-size: 20px;
            left: 12px;
        }

        .download-button-1 .available {
            font-size: 12px;
        }

        .download-button-1 .store-name {
            font-size: 18px;
        }

    .download-button-2 {
        padding: 14px 14px 8px 32px;
    }

        .download-button-2 .icon {
            font-size: 20px;
            left: 12px;
        }

        .download-button-2 .available {
            font-size: 12px;
        }

        .download-button-2 .store-name {
            font-size: 18px;
        }

    .download-area .download-content .buttons .link {
        margin-right: 0;
    }

    .why-area .why-left-content .title {
        font-size: 38px;
        line-height: 40px;
    }

    .why-left-content {
        margin-bottom: 60px;
    }

    .token-area .token-info-all {
        text-align: center;
    }

        .token-area .token-info-all .single {
            min-width: 158px;
            max-width: 158px;
            margin: 0 5px 30px;
            display: inline-block;
            float: none;
        }

            .token-area .token-info-all .single:nth-child(2n+1) {
                float: none;
            }

        .token-area .token-info-all.style-2 .single:nth-child(2n) {
            float: none;
        }

    .token-area .token-banner-main .tb-bg {
        display: none;
    }

    .token-area .token-banner-main .link {
        display: block;
        max-width: 180px;
        margin: 60px auto;
    }

    .token-area .token-down-banner {
        margin-top: 70px;
    }

    .team-area .team-bg {
        display: none;
    }

    .blog-area {
        padding: 70px 0 100px;
    }

        .blog-area .blog-bg {
            display: none;
        }

    .faq-area {
        padding: 130px 0;
    }

        .faq-area .faq-content .title {
            font-size: 38px;
            line-height: 40px;
        }

    .contact-area .contact-info-single .info a {
        font-size: 14px;
    }

    .about-v1-area {
        padding: 50px 0 156px;
    }

    .download-area .download-bg img {
        height: 120%;
    }
}


/* Mobile Layout: 320px. */

@media only screen and (max-width: 767px) {
    .card-body {
        /*height: 540px;*/
        overflow: auto;
        height: auto;
    }

    .walletadd {
        font-size: 13px !important;
    }

    .segmentedControl .segmentedControl--group input + label {
        border-radius: 0.25em;
        flex: 1 1 100%;
        font-size: 11px;
        font-weight: normal;
        font-family: var(--font-barlow);
        line-height: 20px;
        margin: 0;
        padding: 0.5em 0;
        position: relative;
        text-align: center;
        -webkit-tap-highlight-color: transparent;
        z-index: 1;
    }

    .bx {
        width: 100%;
        /*border: 1px solid #0c1056;*/
        padding: 6px 12px 6px;
        margin-bottom: 10px;
        background: #00000042;
        border-radius: 4px;
    }

    .form-container {
        /*background-color: #0718a1e0;*/
        font-size: 0;
        border-radius: 12px;
        padding: 30px 20px;
        box-shadow: 0 0 10px rgb(0 0 0 / 5%) inset, 0 0 30px rgb(0 0 0 / 10%);
        position: relative;
    }

    .mob_pos {
        position: fixed;
        z-index: 99;
        width: 100%;
        left: 0;
        bottom: 0;
        background-color: #3b330d !important;
    }
}

@media only screen and (max-width: 420px) {
    .mob_pos {
        position: fixed;
        z-index: 99;
        width: 100%;
        left: 0;
        top: auto;
        bottom: 0;
        background-color: #3b330d !important;
    }
    .btnText {
    font-size: 11px !important;
    line-height: 20px;
    font-weight: 600;
}
    .news_box {
        margin-bottom:15px;
    }
    .shiny-cta {
        padding:1rem 0.5rem
    }
}
/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 481px) and (max-width: 767px) {

    .logo a {
        font-size: 22px;
    }

    .main-menu {
        position: relative;
        top: -54px;
        margin-bottom: -54px;
        text-align: right;
    }

        .main-menu .stellarnav ul li,
        .main-menu .stellarnav ul li a {
            display: block;
            text-align: left;
            color: #000;
        }

    .mob_pos {
        position: fixed;
        z-index: 99;
        width: 100%;
        left: 0;
        top: auto;
        right: auto;
        bottom: 0;
        background-color: #040b25 !important;
    }

    .hero-area .hero-banner {
        display: none;
    }

    .hero-area .hero-content .title {
        font-size: 34px;
        line-height: 38px;
    }

    .hero-area .hero-content .text {
        font-size: 18px;
    }

    .top-brands-area .all-brands .single {
        text-align: center;
        flex: 1 1 50%;
        max-width: 50%;
        margin-bottom: 18px;
    }

        .top-brands-area .all-brands .single:last-child {
            text-align: right;
        }

    .counter-area .ca-starts-in {
        margin-bottom: 30px;
    }

    .counter-area {
        padding: 0 0 90px;
    }

    .about-v1-area .about-v1-content .title {
        font-size: 32px;
        line-height: 36px;
    }

    .about-v1-banner {
        margin-bottom: 60px;
    }

    .about-v1-banner {
        margin-bottom: 60px;
    }

    .about-v2-area .about-v2-content .title {
        font-size: 36px;
        line-height: 40px;
    }

    .about-v2-area .about-v2-bg {
        display: none;
    }

    .section-title .title {
        font-size: 36px;
        line-height: 40px;
    }

    .roadmap-slider::before {
        display: none;
    }

    .roadmap-slider {
        padding: 0 30px;
        flex-wrap: wrap;
    }

        .roadmap-slider .single-roadmap {
            flex: 1 1 50%;
            max-width: 50%;
            padding: 0 5px 0;
        }

    .download-area .download-content .title {
        font-size: 36px;
        line-height: 40px;
    }

    .about-v1-area {
        padding: 0 0 110px;
    }

    .download-area .download-bg {
        display: none;
    }

    .roadmap-area {
        padding: 0 0 60px;
    }

    .download-banner {
        margin-bottom: 60px;
    }

    .why-left-content {
        margin-bottom: 60px;
    }

    .token-area .token-info-all .single {
        min-width: 158px;
        max-width: 158px;
        margin: 0 5px 30px;
        display: inline-block;
    }

    .token-area .token-banner-main {
        margin-bottom: 60px;
    }

    .token-area .token-down-banner {
        margin-top: 70px;
    }

    .why-area {
        padding: 60px 0 100px;
    }

    .blog-area .blog-bg {
        display: none;
    }

    .blog-area {
        padding: 50px 0 146px;
    }

    .team-area .team-bg {
        height: auto;
    }

    .faq-area .faq-content .title {
        font-size: 38px;
        line-height: 40px;
    }

    .faq-area {
        padding: 100px 0 100px;
    }

    footer .footer-bottom-area .copyright {
        text-align: center;
    }

    footer .footer-bottom-area .footer-links {
        text-align: center;
    }
}


/* Small Mobile Layout: 480px. */

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

    /* header.navbar-fixed-top {
    position: absolute;
    padding: 34px 0;
    animation: none;
} */
    .logo a {
        font-size: 22px;
    }

    .main-menu {
        position: relative;
        top: -54px;
        margin-bottom: -54px;
        text-align: right;
    }

        .main-menu .stellarnav ul li,
        .main-menu .stellarnav ul li a {
            display: block;
            text-align: left;
            color: #000;
        }

    .hero-area .hero-banner {
        display: none;
    }

    .hero-area .hero-content .title {
        font-size: 22px;
        line-height: 34px;
    }


    .hero-area .hero-content .text {
        font-size: 12px;
        line-height: 20px;
        margin: 0;
    }

    .btn-style-3 {
        font-size: 14px;
        padding: 4px 16px;
    }

    .btn-style-4 {
        font-size: 14px;
        padding: 4px 16px;
    }

    .hero-area .hero-content .btns .link {
        margin-right: 6px;
    }

    .top-brands-area .all-brands .single {
        flex: 1 1 50%;
        margin-bottom: 18px;
        text-align: center;
    }

        .top-brands-area .all-brands .single:last-child {
            text-align: center;
        }

    .counter-area .ca-starts-in {
        padding: 50px 30px;
        margin-bottom: 30px;
    }

    .counter-area .cs-recived {
        padding: 50px 30px;
    }

    .about-v1-area .about-v1-content .title {
        font-size: 15px;
        line-height: 20px;
    }

    .token-area .token-info-all .single {
        background: #251b53;
        min-height: 100px;
        max-height: 100%;
        min-width: 100%;
        max-width: 100%;
        min-height: 120px;
        text-align: center;
        overflow: hidden;
        position: relative;
        z-index: 1;
        border-radius: 3px;
        padding: 30px 5px 30px;
        margin: 0 0 30px;
    }

        .token-area .token-info-all .single .title {
            font-size: 12px;
            line-height: 8px;
            font-weight: 400;
        }

    .home2 .token-area .token-info-all .single .text {
        color: #000000;
        font-size: 12px;
        line-height: 24px;
        font-weight: 700;
        margin: 10px 0 0;
    }

    .globSt {
        margin-bottom: 0;
        display: inline-block;
        padding: 1px 8px !important;
        font-size: 11px !important;
        border-radius: 50px;
        color: white;
        border: 1px solid #c91fb3;
        background: #c91fb3;
    }

    .about-v2-area .about-v2-content .title {
        font-size: 28px;
        line-height: 32px;
    }

    .section-title .title {
        font-size: 30px;
        line-height: 34px;
    }

    .about-v1-banner {
        margin-bottom: 60px;
    }

    .roadmap-slider {
        padding: 0 30px;
        flex-wrap: wrap;
    }

        .roadmap-slider::before {
            display: none;
        }

        .roadmap-slider .single-roadmap {
            flex: 1 1 100%;
            max-width: 100%;
            margin-bottom: 30px;
            padding: 0;
        }

            .roadmap-slider .single-roadmap.v2 {
                padding: 0;
            }

    .hero-area {
        /*padding: 85px 0 40px;*/
        padding: 20px 0 40px;
    }

    header {
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        max-height: 145px;
        z-index: 99;
        padding: 15px 0;
    }

    .home2 .logo a {
        color: #ffffff;
        text-align: center;
    }

    .ht-buy-token {
        text-align: center;
        padding: 12px 0;
    }

    .home2 .token-area {
        background: transparent;
        padding: 40px 0 50px;
    }

    .about-v2-area {
        padding: 0 0 80px;
    }

    .download-area .download-content .title {
        font-size: 30px;
        line-height: 34px;
    }

    .download-button-1 {
        padding: 14px 20px 8px 38px;
    }

        .download-button-1 .icon {
            font-size: 20px;
            left: 12px;
        }

        .download-button-1 .available {
            font-size: 12px;
        }

        .download-button-1 .store-name {
            font-size: 18px;
        }

    .download-button-2 {
        padding: 14px 20px 8px 38px;
    }

        .download-button-2 .icon {
            font-size: 20px;
            left: 12px;
        }

        .download-button-2 .available {
            font-size: 12px;
        }

        .download-button-2 .store-name {
            font-size: 18px;
        }

    .download-area .download-content .buttons .link {
        margin-right: 0;
    }

    .download-banner {
        margin-bottom: 60px;
    }

    .why-area .why-left-content .title {
        font-size: 28px;
    }

    .why-left-content {
        margin-bottom: 30px;
    }

    .download-area .download-bg {
        display: none;
    }

    .download-area {
        margin: 0;
    }

    .token-area .token-banner-main {
        margin-bottom: 60px;
    }

    .token-area .token-down-banner {
        margin-top: 70px;
    }

    .team-area .team-bg {
        height: auto;
    }

    .blog-area .blog-bg {
        display: none;
    }

    .blog-area {
        padding: 150px 0 146px;
    }

    .faq-area .faq-content .title {
        font-size: 32px;
        line-height: 36px;
    }

    footer .footer-bottom-area .copyright {
        text-align: center;
    }

    footer .footer-bottom-area .footer-links {
        text-align: center;
    }

    .token-area .token-banner-main .tb-bg {
        display: none;
    }
}


/*big from small mobile, small from wide mobile*/
@media only screen and (min-width: 380px) and (max-width: 480px) {
    .card-body {
        overflow: auto;
        height: auto;
    }
}