@media (max-width: 1200px) {
    .team__cards .history__cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .merch__cards {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1024px) {

    .header__nav,
    .header__user {
        display: none;
    }

    .header__menu-btn {
        display: flex;
    }


    .main__ {
        padding: 16px;
    }



    .data__cards {
        grid-template-columns: repeat(1, 1fr);
    }

    [class^="d__card-"]:not(.account__pass):not(.account__sec) {
        grid-column: span 1;
    }

    .history__table-box {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .history__table-box::-webkit-scrollbar {
        display: none;
        opacity: 0;
    }

    .history__table {
        min-width: max-content;
    }

    .history__cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .traffic__cards {
        grid-template-columns: repeat(2, 1fr);
    }


    .buh__ .data__cards {
        grid-template-columns: repeat(2, 1fr);
    }

}

@media (max-width: 920px) {
    .timlid__ .statis__tab-panel {
        grid-template-columns: repeat(1, 1fr);
    }

    .balances__cards {
        grid-template-columns: repeat(1, 1fr);
    }

    .balance__stats {
        grid-template-columns: repeat(1, 1fr);
    }

    .ref__ .statis__tab-panel {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (max-width: 768px) {
    section {
        padding-inline: 16px;
    }

    .volume__list-item-cards {
        grid-template-columns: repeat(2, 1fr);
    }

    .statis__tab-panel {
        grid-template-columns: repeat(2, 1fr);
    }

    .main__ {
        padding: 16px 0;
    }


    .history__cards {
        grid-template-columns: repeat(1, 1fr);
    }

    .traffic__cards {
        grid-template-columns: repeat(1, 1fr);
    }

    .traffic__table-card {
        padding: 16px;
    }

    .account__cards {
        grid-template-columns: repeat(1, 1fr);
    }

    .account__user,
    .account__pass,
    .account__sec {
        grid-column: span 1;
    }

    .team__cards .history__cards {
        grid-template-columns: repeat(1, 1fr);
    }



    .buh__ .data__cards {
        grid-template-columns: repeat(1, 1fr);
    }


    .merch__cards {
        grid-template-columns: repeat(1, 1fr);
    }


    .ref__ .text-4xl {
        font-size: 24px;
        line-height: 24px;
    }

    .ref__ .rates__list-item {
        padding: 16px;
    }

    .ref__ .rates__list-item .__big-icon {
        width: 60px;
        height: 60px;
    }

    .ref__ .rates__list-item .__big-icon .__icon {
        width: 30px;
        height: 30px;
    }
}

@media (max-width: 520px) {
    .statis__tab-btns {
        grid-template-columns: repeat(2, 1fr);
    }

    .buh__balance .statis__tab-btns {
        grid-template-columns: repeat(2, 1fr);
    }

    .circleChart__container {
        height: 200px;
    }
}