@media only screen and (min-width: 1921px) {

    .roadmap-cricle {

        right: inherit;

        top: -35%;

        left: 63%;

    }



    .roadmap-cricle-img img {

        max-width: inherit;

    }

}



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

    .btx-token-right::before {

        right: -18%;

    }



    .roadmap-cricle {

        right: -53%;

    }

}



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

    .roadmap-cricle {

        right: -60%;

    }

}



@media only screen and (min-width: 1025px) {

    .btn:hover {

        background-color: rgba(234, 33, 40, 0.30);

        color: #fff;
        --corners-gap: -12px;

    }



}



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

    .aboutus-inner-img {

        width: 460px;

        margin-left: 50px;

    }



    .marquee-top-wrap {

        padding-top: 100px;

    }



    .marquee-bottom-wrap::before {

        right: 60px;

        bottom: 170px;

    }

    .btx-token-right .sec-head .title-one {
        font-size: 25px;
    }

}



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

    .aboutus-inner-img {

        width: 400px;

        margin-left: 50px;

    }



    .marquee-img-wrap .img-box.marquee-car .marquee-img-bg::before {

        right: 120px;

        bottom: 130px;

    }



    .btx-token-sec {

        padding-top: 135px;

    }



    .btx-token-right::before {

        right: -6%;

        top: -50%;

    }



    .btn-token-img {

        min-width: 818px;

        margin-left: -43%;

        margin-top: -24%;

    }



    .roadmap-cricle {

        max-width: 90%;

        right: -49%;

        top: -20%;

    }



    .roadmap-cricle-text {

        left: 18.5%;

        max-width: 20%;

    }



    .roadmap-question {

        min-width: 1100px;

        min-height: 1037px;

    }



    .roadmap-cross {

        max-width: 90%;

    }


    .marquee-top-con {
        left: 9%;
    }



}



@media only screen and (max-width: 1440px) {
    .btx-token-right .sec-head .title-one {
        font-size: 24px;
    }


    .marquee-top-con {
        left: 6%;
    }

    .marquee-top-con .sec-head .title-one {
        font-size: 30px;
    }

    .sec-title {
        font-size: 43px;
    }
}



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

    .container {

        max-width: 90%;

        padding: 0 15px;

    }



    .sec-title {

        font-size: 48px;

    }



    .hero-banner-sec {

        padding: 14px 0 120px;

    }



    .startup-sec {

        padding-bottom: 120px;

    }



    .startup-box {

        padding: 50px 25px;

    }



    .aboutus-inner-img {

        width: 380px;

        margin-left: 40px;

    }



    .aboutus-inner-box::after,

    .aboutus-inner-box:hover::before {

        width: 355px;

    }



    .marquee-top-con {

        left: 7%;

    }



    .marquee-top-wrap {

        min-height: 920px;

        padding-top: 120px;

    }



    .roadmap-question {

        min-width: 1140px;

        min-height: 977px;

    }



    .roadmap-cricle {

        top: -15%;

    }



    .roadmap-wrap .roadmap-con-box {

        margin-bottom: 50px;

    }



    .tocken-banner {

        margin-top: 0;

        max-width: 92%;

    }



    .tocken-sec {

        margin-top: 100px;

        margin-bottom: 100px;

    }



    .Join-sec {

        margin-bottom: 130px;

    }



    .roadmap-sec {

        margin: 100px 0;

    }





}



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

    .hero-banner-cricle {

        max-width: 700px;

    }



    .hero-banner-img {

        min-width: 770px;

    }



    .startup-box {

        padding: 40px 15px;

    }



    .aboutus-inner-box {

        height: calc(100% - 34px);

        margin-bottom: 34px;

    }



    .btn-token-img {

        margin-left: -50%;

    }



    .tocken-banner {

        min-width: 600px;

    }



    .roadmap-wrap .roadmap-con-box {

        margin-bottom: 40px;

    }



    .roadmap-question {

        min-width: 1080px;

        min-height: 927px;

    }



    .roadmap-active,

    .roadmap-question .question-box,

    .roadmap-question1 .question-box {

        font-size: 20px;

    }



    .roadmap-wrap .sec-head .title-one br {

        display: none;

    }

    .startup-featured-wrap {
        max-width: 90%;
    }

    .startup-featured-item-label {
        font-size: 14px;
        margin-bottom: 8px;
    }

    .startup-featured-item-value {
        font-size: 28px;
    }

    .startup-box .sec-head .title-one {
        font-size: 18px;
        margin-bottom: 28px;
    }

    .title-one {
        font-size: 22px;
    }
}



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

    .container {

        max-width: 95%;

        padding: 0 15px;

    }

    .hero-banner-img {

        min-width: 670px;

    }



    .hero-banner-cricle {

        max-width: 600px;

    }

    .banner-desc .banner-desc-title {
        font-size: 17px;
        margin-bottom: 10px;
    }


    .sec-title {

        font-size: 40px;

    }



    .title-one {

        font-size: 22px;

    }



    .hero-banner-sec {

        padding: 14px 0 70px;

    }

    .header-nav ul li a {
        font-size: 14px;
    }

    .header-nav ul li {
        margin-left: 10px;
        margin-right: 10px;
    }



    .hero-banner-main::after {

        width: 160px;

    }



    .hero-banner-con::before {

        bottom: -70px;

    }



    .startup-sec {

        padding-bottom: 50px;

    }



    .startup-box {

        height: calc(100% - 20px);

        margin-bottom: 20px;

        padding: 25px 20px;

    }



    .startup-box .sec-head .title-one,

    .startup-box .startup-desc {

        margin-bottom: 25px;

    }



    .startup-box .sec-head .title-one br {

        display: none;

    }


    .startup-featured-items {
        column-gap: 18px;
    }

    .startup-featured-item-value {
        font-size: 28px;
    }

    .aboutus-inner-box::after,

    .aboutus-inner-box:hover::before {

        width: 445px;

    }



    .aboutus-top {

        margin-bottom: 50px;

    }



    .aboutus-inner-img {

        width: 450px;

        margin-left: 0;

        margin: 0 auto 50px;

    }



    .about-icon {

        max-width: 40px;

        min-height: 40px;

    }



    .about-innerbox-top {

        margin-bottom: 20px;

    }


    .marquee-sec {
        padding-top: 50px;
    }



    .marquee-bottom-wrap .marquee-con .marquee-title {

        font-size: 32px;

    }


    .marquee-img-main {
        position: absolute;
        top: 0;
    }

    .marquee-top-con {
        position: relative;
        left: 0;
        padding-left: 35px;
        padding-right: 35px;
    }


    .marquee-top-main .marquee-top-text {

        font-size: 32px;

    }

    .marquee-img-bg img {
        margin-left: 15%;
        opacity: 0.3;
    }

    .marquee-top-head-con {
        margin-left: unset;
    }


    .btn-token-img {

        margin-left: -55%;

        min-width: 748px;

        margin-top: -31%;

    }

    .btx-token-right .sec-head .title-one {

        font-size: 21px;

    }



    .btx-token-right .sec-head .title-one br {

        display: none;

    }



    .btx-token-right::before {

        top: -70%;

    }



    .features-con .features-con-title {

        font-size: 32px;

    }



    .features-con .cms-con p {

        text-align: start;

        max-width: 95%;

    }



    .roadmap-wrap .roadmap-con-box {

        margin-bottom: 30px;

    }



    .roadmap-con {

        padding-right: 60px;

    }



    .roadmap-cricle {

        max-width: 100%;

        top: -10%;

        right: -54%;

    }



    .roadmap-question .question-box {

        font-size: 20px;

    }



    .roadmap-question {

        min-width: 900px;

        min-height: 807px;

    }



    .tocken-left-box .sec-head {

        position: absolute;

        top: 0;

        left: 0;

    }



    .Join-sec .Join-con .Join-con-inner {

        padding: 65px 20px 14px 20px;

    }



    .unlock-wrap {

        max-width: 100%;

    }



    .Join-sec {

        margin-bottom: 0;

    }



    .news-box-con {

        padding: 15px;

    }



    .roadmap-wrap .sec-head .year {

        font-size: 22px;

    }



    .news-desc::before {

        top: -13px;

        left: -13px;

    }



    .Join-sec .Join-con::before,

    .Join-sec .Join-con::after {

        left: 0;

    }



    .tocken-sec {

        margin-top: 80px;

    }



    .roadmap-active {

        left: 7.4%;

    }



    .startup-main .col-xl-4:first-child,

    .startup-main .col-xl-4:last-child {

        transform: none !important;

        opacity: 1 !important;

        transition: all 1s;

    }


    .startup-featured-wrap .row {
        --bs-gutter-y: 50px;
    }


    .tocken-banner {

        min-width: 60%;

    }

    .success-stories-box-title {
        font-size: 20px;
    }

    .blog-details-sec .sec-head .sec-title {
        font-size: 28px;
    }


    .news-box-img {
        min-width: 120px;
        max-width: 120px;
    }
}







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



    .header-nav {

        position: fixed;

        width: 50%;

        min-height: 100vh;

        top: 0;

        bottom: 0;

        left: -50%;

        background: #000;

        transition: all .6s ease-in-out;

        margin: 0;

        z-index: 9999;

        overflow-y: auto;

        height: 100vh;

        box-shadow: rgb(126 126 126 / 5%) 0px 8px 24px;

    }



    .header-nav.slideMenu {

        left: 0;

    }



    .header {

        padding-top: 20px;

        padding-bottom: 15px;

    }



    .header-logo {

        max-width: 150px;

        margin-left: 20px;

    }



    .btn {

        padding: 12px 20px;

    }



    .bodyFixed .sidebar-overlay {

        opacity: 0.6;

        visibility: visible;

        left: 0;

        transition: all 0.6s ease-in-out;

    }



    .header-nav .m-menulogo {

        display: block;

    }

    .m-menulogo a {
        display: table;
    }


    .close-menu {

        position: absolute;

        right: 25px;

        top: 34px;

        width: 25px;

        height: 25px;

        padding: 6px;

    }



    .close-menu:before {

        content: '';

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        height: 2px;

        background: #fff;

        -webkit-transform: rotate(45deg);

        transform: rotate(45deg);

        margin: auto;

        bottom: 0;

    }



    .close-menu::after {

        content: '';

        width: 100%;

        position: absolute;

        top: 0;

        left: 0;

        right: 0;

        height: 2px;

        background: #fff;

        -webkit-transform: rotate(-45deg);

        transform: rotate(-45deg);

        margin: auto;

        bottom: 0;

    }



    .m-menulogo {

        padding: 20px 15px 30px;

    }



    .header-nav ul li {

        display: block;

        margin-left: 0;

        margin-right: 0;

        border-bottom: 1px solid rgb(92 92 92 / 40%);

    }



    .header-nav ul li a {

        width: 100%;

        display: block;

        padding: 15px 15px;

        font-size: 18px;

    }



    .header-btn {

        margin-left: 0;

        margin-right: 10px;

    }



    .hero-banner-main::after {

        width: 100px;

        top: 26%;

    }



    .hero-banner-cricle {

        max-width: 540px;

    }



    .hero-banner-img {

        min-width: 600px;

    }



    .sec-title {

        font-size: 30px;

    }

    .typeAnimation {

        min-width: 200px;

    }

    .banner-desc {

        max-width: 350px;

    }


    .hero-banner-sec {

        padding: 14px 0 30%;

    }



    .title-one {

        font-size: 20px;

    }


    .cms-con p {

        font-size: 14px;

    }



    .startup-box .sec-head .title-one::before {

        bottom: -10%;

    }



    .about-us-square {

        max-width: 75px;

    }



    .aboutus-inner-box::after,

    .aboutus-inner-box:hover::before {

        width: 100%;

    }



    .cms-con span {

        font-size: 16px;

    }



    .cms-con span br {

        display: none;

    }



    .aboutus-inner-con {

        padding-bottom: 20px;

    }



    .aboutus-inner-box {

        height: calc(100% - 25px);

        margin-bottom: 25px;

    }



    .about-icon {

        max-width: 35px;

        min-height: 35px;

    }

    .marquee-bottom-wrap .marquee-con .marquee-title {

        font-size: 28px;

    }

    .btn-token-img {

        margin-left: -47%;

        min-width: unset;

        margin-top: -22%;

        width: 170%;

    }



    .btx-token-right::before {

        top: -40%;

        right: -40%;

    }



    .features-sec {

        margin-top: 50px;

    }



    .btx-token-right .cms-con span {

        margin-bottom: 10px;

    }



    .features-con .features-con-title {

        font-size: 24px;

        margin-bottom: 20px;

    }



    .features-con ul li {

        margin-bottom: 30px;

    }



    .marquee-img-wrap .img-box .marquee-img-bg::before {

        right: 90px;

        bottom: 70px;

    }



    .features-sec .sec-head {

        margin-bottom: 25px;

    }



    .features-con .cms-con p {

        max-width: 100%;

    }



    .roadmap-wrap .sec-head .year,

    .roadmap-wrap .sec-head .sec-title {

        font-size: 18px;

    }



    .roadmap-wrap .sec-head {

        text-align: right;

        margin-bottom: 10px;

    }



    .roadmap-cricle-text {

        left: 18.5%;

        max-width: 25%;

    }



    .roadmap-question {

        min-width: 680px;

        min-height: 597px;

    }



    .roadmap-question .question-box,

    .roadmap-active {

        font-size: 14px;

    }



    .roadmap-active {

        left: 8.4%;

    }



    .roadmap-cricle {

        max-width: 100%;

        top: -6%;

        right: -51%;

    }



    .roadmap-sec {

        margin: 80px 0;

    }



    .btx-token-right .sec-head {

        margin-bottom: 10px;

    }



    .unlock-wrap .sec-head {

        margin-bottom: 15px;

    }



    .unlock-wrap .sec-head .sub-title {

        margin-bottom: 8px;

    }



    .unlock-box .cms-con span {

        margin-bottom: 8px;

    }



    .unlock-wrap .top-icon::before,

    .unlock-wrap .bottom-icon::before {

        top: -233px;

    }



    .unlock-btn a {

        margin-right: 10px;

    }



    .unlock-btn .top-icon::before,

    .unlock-btn .bottom-icon::before {

        top: -40px;

    }



    .mobile-img {

        position: absolute;

        right: -20px;

        max-width: 320px;

    }



    .tocken-banner {

        min-width: auto;

        max-width: 65%;

        margin: auto;

    }



    .Join-con .cms-con {

        max-width: 56%;

    }



    .commonsec {

        padding: 50px 0;

    }



    .Join-sec {

        margin-bottom: 50px;

    }




    .news-box-con .cms-con {

        margin-bottom: 15px;

    }



    .news-box-con a {

        margin-bottom: 0;

        display: block;

    }



    .news-box-con {

        padding: 20px;

    }



    .news-desc::before {

        top: -18px;

        left: -18px;

    }



    .news-box {

        flex: 0 0 100%;

        max-width: 100%;

    }



    .marquee-bottom-wrap::before {

        right: 40px;

        bottom: 130px;

    }



    .tocken-banner video {

        margin-bottom: 30px;

    }



    .header-btn .btn {

        display: none;

    }



    .header-btn .mobile-btn {

        display: flex;

        align-items: center;

    }



    .header-btn .mobile-btn .btn {

        display: block;

    }



    .header-btn .mobile-btn .btn {

        width: 190px;

        height: 48px;

        padding: 10px;

        display: flex;

        align-items: center;

        justify-content: center;

        font-size: 15px;

    }



    .header-btn .mobile-btn .btn img {

        margin-right: 5px;

        max-width: 16px;

    }



    .mobile-btn .btn {
        margin-left: 20px;
    }

    .mobile-btn .btn .top-icon::before,

    .mobile-btn .btn .bottom-icon::before {

        top: -34px;

    }



    .mobile-btn .btn .top-icon::before {

        left: -10.6px;

    }



    .mobile-btn .btn .bottom-icon::before {

        right: -10.6px;

    }



    .mobile-btn .btn .top-icon::after,

    .mobile-btn .btn .bottom-icon::after {

        bottom: -33.2px;

    }



    .mobile-btn .btn .top-icon::after {

        left: -10.6px;

    }



    .mobile-btn .btn .bottom-icon::after {

        right: -11.6px;

    }



    .news-box-con-inner i {

        display: none;

    }





    .banner-desc {

        max-width: 100%;

        text-align: center;

        padding-top: 35%;

    }

    .banner-desc .banner-desc-title,

    .banner-desc p {
        text-align: center;
    }

    .marquee-top-con .sec-head {
        margin-bottom: 30px;
    }

    .btx-token-right .sec-head .title-one {
        font-size: 18px;
    }

    .marquee-img-main {
        right: 0;
    }

    .marquee-img-wrap .img-box .marquee-img-bg {
        height: 410px;
    }

    .header .col-auto {
        width: 100%
    }

    .header-left {
        justify-content: space-between;
    }

    .marquee-top-head {
        position: static;
    }

    .marquee-top-wrap {
        padding-top: 0;
    }

    .marquee-img-main {
        position: static;
    }

    .marquee-img-wrap .img-box {
        transform: none;
    }

    .marquee-top-desc {
        transform: none;
    }

    .marquee-img-wrap .img-box .marquee-img-bg {
        margin-top: 0;
    }

    .marquee-img-bg img.style-2,
    .marquee-img-bg img {
        margin: 0;
        max-width: 100%;
        opacity: 0.75;
        object-fit: initial;
    }

    .blog-details-img {
        max-width: 80%;
        margin: 0 auto 30px;
    }


    .featured-blog-con {
        padding-top: 40px;
        padding-left: 0;
    }

    .featured-blog-con .sec-head .sec-title {
        font-size: 28px;
    }

    .calculator-box {
        padding: 40px 22px;
    }

    .calculator-box.style-2 {
        margin-top: 40px;
        padding: 22px;
    }

    .calculator-form-row+.calculator-form-row {
        margin-top: 40px;
    }

    .calculator-form-row+.btn {
        margin-top: 55px;
    }

    .calculator-count-row {
        padding-top: 22px;
        padding-bottom: 22px;
    }
}







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

    .container {

        max-width: 100%;

        padding: 0 15px;

    }



    .header.has_sticky {

        padding: 12px 0;

    }



    .btn-token-img {

        margin-left: -43%;

        min-width: unset;

        margin-top: -18%;

        width: 160%;

    }



    .btx-token-sec {

        padding-top: 50px;

    }



    .btx-token-right::before {

        display: none;

    }



    .roadmap-cricle {

        display: none;

    }



    .roadmap-con {

        padding-right: 0;

    }



    .unlock-wrap {

        max-width: 93%;

        padding: 25px 20px;

    }



    .unlock-btn a {

        max-width: 100%;

        margin: auto;

    }







    .mobile-img {

        position: absolute;

        right: -30px;

        max-width: 330px;

    }



    .unlock-wrap .top-icon,

    .unlock-wrap .bottom-icon,

    .Join-con .top-icon,

    .Join-con .bottom-icon {

        display: none;

    }



    .unlock-btn .top-icon,

    .unlock-btn .bottom-icon {

        display: block;

    }



    .Join-con .top-icon::before {

        top: -250px;

    }



    .Join-con .top-icon::before,

    .Join-con .top-icon::after {

        left: -13.6px;

    }



    .news-box {

        flex: 0 0 100%;

        max-width: 100%;

        padding: 10px 10px;

    }



    .mobile-img {

        display: none;

    }



    .m-backtotop {

        width: 40px;

        height: 40px;

    }


    .m-backtotop .arrow img {

        width: 15px;

        height: 15px;

    }



    .m-backtotop>div.text {

        font-size: 7px;

        line-height: 1.2;

    }


    .marquee-bottom-wrap::before {

        content: unset;

    }



    .roadmap-active {

        display: none;

    }



    .roadmap-con-box {

        display: flex;

        align-items: start;

    }



    .mobile-question {

        display: block;

        color: #707070;

        font-family: 'Michroma';

        font-size: 18px;

        font-weight: 400;

        letter-spacing: 1.25px;

        line-height: 1.4;

        text-transform: uppercase;

    }



    .tocken-box p {

        font-size: 14px;

    }



    .roadmap-con-wrap {

        padding-left: 15px;

    }



    .roadmap-wrap .sec-head,

    .roadmap-wrap .cms-con p {

        text-align: left;

    }



    .roadmap-con {

        transform: translateY(0);

    }



    .aboutus-inner-img {

        width: 350px;

    }



    .roadmap-mob-title {

        display: block;

        margin-bottom: 30px;

    }



    .header-btn .mobile-btn .btn {

        width: 100px;

        height: 38px;

        font-size: 10px;

        padding: 10px 5px;

        white-space: nowrap;

    }



    .header-btn .mobile-btn .btn img {

        margin-right: 5px;

    }



    .mobile-btn .btn .top-icon::before,

    .mobile-btn .btn .bottom-icon::before {

        top: -28px;

    }



    .mobile-btn .btn .top-icon::after,

    .mobile-btn .btn .bottom-icon::after {

        bottom: -28.2px;

    }



    .unlock-wrap .sec-head,

    .unlock-wrap .cms-con p {

        text-align: center;

    }



    .header-btn .mobile-btn .btn.teligram-mob {

        display: none
    }

    .Join-sec {
        margin-bottom: 110px;
    }

    .hero-banner-sec {

        padding-bottom: 33%;

    }

    .startup-box .startup-desc {
        font-size: 14px;
    }

    .startup-featured-item-label {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .startup-featured-item-value {
        font-size: 24px;
    }

    .startup-featured-wrap .row {
        --bs-gutter-y: 40px;
    }

    .startup-box-img img {
        max-width: 100px;
        max-height: 100px;
    }

    .aboutus-top .sec-head {
        margin-bottom: 15px;
    }

    .title-one {
        font-size: 17px;
    }

    .unlock-wrap .sec-head {
        margin-bottom: 25px;
        max-width: 100%;
    }

    .unlock-wrap .sec-head .title-one {
        font-size: 16px;
    }

    .roadmap-head-con {
        margin-bottom: 50px;
    }

    .roadmap-wrap .roadmap-con-box {
        margin-top: 30px;
    }


    .telegram-icon {
        width: 50px;
        height: 50px;
    }



    .news-box-img {
        min-width: 100px;
        max-width: 100px;
    }

    .news-box-img img {
        border-radius: 8px;
    }

    .blog-details-img img,
    .featured-blog-img img {
        max-height: 200px;
    }

    .blog-details-con.common-sec,
    .blog-listing-sec.common-sec {
        padding-top: 0;
    }

    .featured-blog-sec .container>.sec-head {
        margin-bottom: 40px;
    }

    .related-blog-sec .sec-head {
        margin-bottom: 30px;
    }


    .common-sec {
        padding: 30px 0;
        position: relative;
    }

    .featured-blog-sec.common-sec {
        padding-bottom: 30px;
    }

    .featured-blog-con .sec-head .sec-sub-title {
        font-size: 14px;
    }

    .featured-blog-con .sec-head .sec-title {
        font-size: 24px;
    }

    .calculator-currency-items {
        margin-bottom: 30px;
    }
}



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

    .header-logo {

        max-width: 130px;

        margin-left: 0px;

    }



    .btn {

        padding: 10px 15px;

        font-size: 14px;

        --corners-gap: -11px;

    }


    .header-nav {

        width: 80%;

    }



    .header-nav {

        left: -100%;

    }



    .hero-banner-main::before,

    .hero-banner-main::after,

    .hero-banner-con::before {

        display: none;

    }



    .hero-banner-cricle {

        max-width: 350px;

    }



    .hero-banner-img {

        min-width: 380px;

    }



    .sec-title {

        font-size: 24px;

    }



    .hero-banner-con .sec-head {

        margin-bottom: 170px;

    }



    .hero-banner-con .sec-head .sec-title {

        background-color: #111;

        font-size: 17px;

        padding: 6px 0;

    }

    .typeAnimation {

        min-width: 90px;

    }

    .box-con-left {

        max-width: 75%;

        flex: 0 0 75%;

        padding-right: 10px;

    }



    .box-con-right {

        max-width: 25%;

        flex: 0 0 25%;

    }



    .Join-sec .Join-con::before,

    .Join-sec .Join-con::after {

        display: none;

    }



    .roadmap-wrap .sec-head .year,

    .roadmap-wrap .sec-head .title-one {

        font-size: 16px;

    }



    .tocken-box {

        padding: 8px 10px;

    }



    .banner-desc .banner-desc-title {

        font-size: 16px;

        margin-bottom: 10px;

        text-align: center;

    }



    .banner-desc p {

        text-align: center;

        font-size: 13px;

    }



    .startup-box {

        padding: 20px 15px;

    }



    .startup-box .startup-desc {

        font-size: 16px;

    }



    .startup-box .sec-head .title-one,

    .startup-box .startup-desc {

        margin-bottom: 18px;

    }



    .about-us-square {

        max-width: 60px;

        position: absolute;

        top: -40px;

    }



    .aboutus-top .sec-head {

        margin-bottom: 18px;

    }


    .cms-con span {

        font-size: 14px;
        margin-bottom: 7px;

    }



    .aboutus-inner-img {

        width: 100%;

        margin: 0 auto 30px;

    }



    .aboutus-inner-box::after,

    .aboutus-inner-box:hover::before {

        width: 100%;

    }



    .about-innerbox-top {

        margin-bottom: 15px;

    }



    .news-box-con .cms-con {

        margin-bottom: 20px;

    }

    .marquee-sec {
        padding-top: 0;
    }

    .marquee-top-head {
        position: relative;
        margin-bottom: 30px;
    }

    .marquee-img-wrap .img-box .marquee-img-bg {

        height: 300px;

        margin-top: -30px;

    }



    .marquee-top-main .marquee-top-text {

        font-size: 24px;

    }



    .marquee-bottom-wrap .marquee-con .marquee-title {

        font-size: 18px;

    }

    .marquee-top-con .sec-head {
        margin-bottom: 20px;
    }

    .marquee-bottom-wrap .marquee-con span {

        font-size: 12px;

    }



    .marquee-bottom {

        padding: 15px 0;

    }



    .marquee-bottom-wrap .marquee-con {

        padding: 0 10px;

    }



    .marquee-top-con {

        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px;

    }



    .marquee-top-con .sec-head .title-one {
        font-size: 18px;
    }

    .marquee-top-con .sec-head .title-two {
        font-size: 14px;
    }



    .btx-token-right .sec-head .title-one {

        margin-bottom: 18px;

        font-size: 18px;

    }



    .btx-token-right .sec-head .title-one br {

        display: none;

    }



    .btx-token-sec {

        padding-top: 50px;
        padding-bottom: 50px;

    }



    .btn-token-img {

        margin-left: -36%;

        min-width: unset;

        margin-top: -16%;

        width: 130%;

    }



    .btx-token-right::before {

        display: none;

    }



    .features-con .features-con-title {

        font-size: 18px;

        margin-bottom: 10px;

        line-height: 1.3;

    }



    .features-con ul li {

        margin-bottom: 20px;

    }



    .features-sec .sec-head {

        margin-bottom: 30px;

    }



    .commonsec {

        padding: 40px 0;

    }



    .aboutus-top .sec-head,

    .aboutus-top .cms-con,

    .aboutus-top .cms-con p {

        text-align: center;

    }



    .copy-right-con span {

        margin-bottom: 15px;

        margin-top: 15px;

    }


    .hero-banner-sec {
        padding: 14px 0 300px;
    }



    .roadmap-sec {

        margin: 60px 0 70px;

    }



    .mobile-img {

        position: relative;

    }



    .tocken-banner {

        max-width: 100%;

    }



    .tocken-left-box .sec-head {

        position: relative;

    }



    .tocken-sec {

        margin-top: 50px;

        margin-bottom: 70px;

    }



    .join-shap {

        display: none;

    }



    .Join-sec .Join-con::before {

        display: none;

    }



    .Join-con .cms-con {

        max-width: 100%;

    }



    .Join-sec .Join-con .Join-con-inner {

        padding: 20px 15px;

    }



    .Join-sec {

        margin-bottom: 0;

    }



    .news-sec .sec-head {

        margin-top: 0;

    }



    .news-sec .read-more a i {

        font-size: 12px;

        display: inline-block;

    }



    .unlock-wrap {

        max-width: 100%;

    }



    .btn-token-img {

        display: none;

    }



    .btx-token-right {

        text-align: start;

        max-width: 100%;

        margin-top: 20px;

    }



    .btx-token-right .sec-head .title-one br {

        display: none;

    }



    .btx-token-right .cms-con p {

        text-align: center;

    }



    .tocken-left-box .sec-head .sub-title {

        text-align: center;

    }



    .Join-con-inner .sec-head .sub-title {

        text-align: center;
        margin-bottom: 10px;
    }



    .Join-con .cms-con,

    .Join-con .cms-con p,

    .Join-con .title-one {

        text-align: center;

    }



    .news-box-con .title-one {

        font-size: 16px;

    }



    .f-con {

        text-align: center;

        margin-top: 10px;

    }



    .footer-links,

    .footer-copy-right .cms-con p {

        text-align: center;

    }


    .news-box .box-title {

        font-size: 14px;

    }



    .aboutus-inner-con .cms-con p {

        display: none;

    }



    .about-icon {

        max-width: 30px;

        min-height: 30px;

    }



    .feature-btn {

        text-align: center;

        margin-top: 40px;

        display: block;

    }



    .news-desc::before {

        display: none;

    }



    .roadmap-mob-title {

        margin-bottom: 40px;

    }



    .banner-desc {

        max-width: 100%;

        padding-top: 0%;

    }



    .unlock-btn .top-icon::before,

    .unlock-btn .bottom-icon::before {

        top: -38px;

    }



    .features-sec {

        margin-top: 90px;

    }


    .marquee-top-con .cms-con p {

        display: none;

    }

    .Join-sec {
        margin-top: 30px;
    }

    .join-innner-main .title-one {
        max-width: 100%;
    }

    .join-now-btn {
        text-align: center;
        padding-bottom: 0;
        margin-top: 20px;
    }

    .join-now-btn .btn {
        margin-right: 0;
    }


    .startup-featured-items {
        flex-direction: column;
        row-gap: 25px;
    }

    .marquee-top-wrap {
        padding-top: 20px;
        min-height: unset;
    }

    .marquee-top-con .cms-con h5 {
        margin-top: 16px;
    }


    .featured-text-label {
        max-width: 110px;
        font-size: 12px;
        line-height: 1.2;
        margin-right: 0;
    }

    .cms-con h5 {
        font-size: 16px;
    }

    .cms-con ul.with-style:not(.is-two) li+li {
        margin-top: 20px;
    }

    .cms-con ul.with-style li {
        padding-left: 20px;
        background-size: 16px;
    }

    .cms-con ul.with-style.is-two li {
        min-width: 100%;
        width: 100%;
        padding-left: 22px;
        background-size: 16px;
    }

    .cms-con ul.with-style.is-two {
        row-gap: 25px;
        margin-top: 25px;
    }

    .featured-text-box-label {
        font-size: 12px;
        margin-bottom: 6px;
    }

    .featured-text-box-value,
    .featured-text-label-2 {
        font-size: 18px;
    }

    .featured-text-label-2,
    .featured-text-boxes {
        padding: 12px;
        margin-bottom: 38px;
    }

    .cms-con ul.with-style.right-aligned li {
        padding-right: unset;
        background-position: top left;
        padding-left: 20px;
    }

    .btx-token-btns .btn+.btn {
        margin-left: 25px;
    }

    .roadmap-head-con .sec-head {
        margin-bottom: 20px;
    }




    .header-nav ul li a {
        font-size: 16px;
    }

    .blog-details-img {
        max-width: 100%;
    }

    .blog-details-sec .sec-head .sec-title {
        font-size: 24px;
    }

    .featured-blog-con .sec-head .sec-title {
        font-size: 22px;
    }

    .featured-blog-inr {
        padding: 15px;
        border-radius: 8px;
    }

    .calculator-currency-items {
        column-gap: 20px;
        row-gap: 20px;
        flex-wrap: wrap;
    }

    .calculator-currency-item {
        flex: 1;
        min-width: calc(50% - 10px);
    }

    .calculator-form-input-wrap {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .calculator-form-input {
        width: 100%;
    }

    .calculator-box {
        padding: 20px 15px;
    }

    .calculator-breakdown .table thead th,
    .calculator-breakdown .table tbody td {
        padding: 10px 15px;
    }

    .calculator-breakdown .table thead th {
        font-size: 12px;
    }

    .calculator-breakdown .table tbody td {
        font-size: 14px;
    }

    .calculator-count-label {
        margin-bottom: 14px;
    }

    .calculator-count-value {
        font-size: 22px;
    }

    .calculator-count-value b {
        font-size: 16px;
        vertical-align: 2px;
    }

    .calculator-breakdown .sec-head {
        margin-bottom: 10px;
    }

    .calculator-form-row+.btn {
        margin-top: 25px;
    }

    .calculator-form-input .form-control {
        max-width: none;
        min-width: auto;
        font-size: 20px;
    }

    .calculator-form-input span {
        font-size: 16px;
    }


    .ant-slider .ant-slider-handle,
    .ant-slider .ant-slider-handle::after,
    .ant-slider .ant-slider-handle::before,
    .ant-slider .ant-slider-handle:hover::after,
    .ant-slider .ant-slider-handle:active::after,
    .ant-slider .ant-slider-handle:focus::after,
    .ant-slider .ant-slider-handle:hover::before,
    .ant-slider .ant-slider-handle:active::before {
        width: 17px;
        height: 17px;
    }

    .ant-slider-horizontal .ant-slider-rail,
    .ant-slider-horizontal .ant-slider-track,
    .ant-slider-horizontal .ant-slider-tracks,
    .ant-slider-horizontal .ant-slider-step {
        height: 6px;
    }

    .calculator-breakdown .sec-head .row {
        row-gap: 10px;
    }


    .calculator-breakdown-switch {
        column-gap: 10px;
    }

    .calculator-breakdown-switch button {
        padding: 8px 12px;
        font-size: 12px;
    }
}


@media only screen and (max-width: 489px) {}



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


    .hero-banner-img {

        min-width: 360px;

    }

}



@media only screen and (max-width: 350px) {
    .title-one {
        font-size: 16px;
    }

    .hero-banner-sec {
        padding-bottom: 337px;
    }

}