@media only screen and (max-width: 992px) {
    .crd-menu-icon {
        display: block;
        color: var(--color-text);
        font-size: 25px;
    }
    .crd-menu-main {
        position: fixed;
        width: 100%;
        height: calc(100% - 40px);
        z-index: 12;
        background: white;
        right: -120%;
        top: 0;
        padding-top: 40px;
    }
    .crd-menu-main > a,
    .crd-menu-main .crd-has-sub > a {
        display: block;
        padding: 10px 30px;
    }
    .crd-close-icon {
        position: fixed;
        z-index: 13;
        color: var(--color-text);
        right: -300px;
        top: 15px;
        font-size: 25px;
    }
    .crd-menu-main.crd-menu-main-active {
        right: 0;
    }
    .crd-menu-main.crd-menu-main-active ~ .crd-close-icon {
        right: 15px;
        visibility: visible;
    }
    .crd-menu-sub {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        display: none;
        visibility: visible !important;
        transform: scale(1);
        opacity: 1;
    }
    .crd-menu-sub a,
    .crd-has-sub {
        width: 100%;
    }
    .crd-has-sub-active {
        width: 100%;
    }
    .crd-has-sub-active .crd-menu-sub {
        display: block;
        box-shadow: none !important;
    }
    .crd-menu-sub a {
        padding: 10px 40px;
        width: calc(100% - 80px);
    }
    .crd-banner-title h2 {
        font-size: 45px;
    }
    .crd-block-intro-banner span {
        font-size: 16px;
    }
    .crd-section-about-crypto .crd-about-ct h2, 
    .crd-solution-credit-def h2, 
    .crd-expected-cdf h2, 
    .crd-investment h2,
    .crd-section-roadmap .swiper-slide h4 {
        font-size: 30px;
    }
    .crd-section-about-crypto .crd-about-ct h3,
    .crd-section-roadmap .crd-timeline {
        font-size: 18px;
    }
    .crd-package .crd-name {
        font-size: 15px;
        padding: 5px 15px;
    }
    .crd-package .crd-price {
        font-size: 17px;
    }
    .crd-package .crd-price i {
        font-size: 12px;
    }
    .crd-pricing .crd-package ul li {
        font-size: 13px;
        white-space: normal;
    }
    .crd-pricing {
        white-space: nowrap;
        overflow-x: auto;
        padding: 10px 0;
        flex-wrap: nowrap;
    }
    .crd-pricing .crd-package {
        width: 150px;
        flex: 0 0 150px;
        margin-right: 15px;
    }
    .crd-join-now {
        display: inline-block !important;
    }
}
@media only screen and (max-width: 768px) {
    .crd-flex-48,
    .crd-flex-55,
    .crd-flex-40 {
        width: 100%;
        flex: 0 0 100%;
    }
    .crd-banner-title {
        text-align: center;
    }
    .crd-section-about-defi {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .crd-solution-credit-def {
        margin-top: 20px;
    }
    .crd-tokenomics, 
    .crd-investment {
        padding: 20px 0;
        margin-bottom: 20px;
    }
    .crd-section-about-crypto {
        margin-bottom: 20px;
    }
    .crd-pure-ani li:nth-child(1){
        left: 25%;
    }
    .crd-pure-ani li:nth-child(2){
        left: 10%;
    }
    .crd-pure-ani li:nth-child(3){
        left: 70%;
    }
    .crd-pure-ani li:nth-child(4){
        left: 40%;
    }
    .crd-pure-ani li:nth-child(5){
        left: 65%;
    }
    .crd-pure-ani li:nth-child(6){
        left: 75%;
    }
    .crd-pure-ani li:nth-child(7){
        left: 35%;
    }
    .crd-pure-ani li:nth-child(8){
        left: 50%;
    }
    .crd-pure-ani li:nth-child(9){
        left: 20%;
    }
    .crd-pure-ani li:nth-child(10){
        left: 85%;
    }
    .crd-list-posts .crd-news-item {
        flex: 0 0 48%;
        width: 48%;
        margin: 0 !important;
        margin-bottom: 20px !important;
    }
    .crd-list-posts {
        justify-content: space-between;
    }
    .crd-sec-content-ecosytem {
        width: 100%;
    }
}
@media only screen and (max-width: 500px) {
    .crd-similar-posts .crd-news-item .crd-news-img img {
        height: 180px !important;
    }
}
@media only screen and (max-width: 460px) {
    .crd-sec-footer {
        justify-content: center;
    }
    .crd-sec-footer span {
        margin-bottom: 10px;
    }
    .crd-news-item .crd-news-img img {
        height: 120px;
    }
}
@media only screen and (max-width: 450px) {
    .crd-timeline-content,
    .crd-section-roadmap .swiper-pagination-bullet {
        font-size: 14px;
    }
    .crd-section-roadmap .swiper-control {
        right: 39px;
    }
    .crd-timeline-content {
        width: calc(100% - 90px);
    }
    .crd-social {
        flex: 0 0 100%;
        text-align: center;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width: 380px) {
    .crd-block-intro-banner span,
    .crd-block-intro-banner label {
        font-size: 14px;
    }
    .crd-section-roadmap .swiper {
        height: 350px;
    }
}