@media (max-width: 1100px) {
    .all-content-users-area {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 1000px) {
    .blog-area {
        grid-template-columns: repeat(3, 1fr);
    }

    .all-content-users-area {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .blog-area {
        grid-template-columns: repeat(2, 1fr);
    }

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

    .section-title h2 {
        font-size: 40px;
    }

    .all-content-users-area {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 550px) {
    .blog-area {
        grid-template-columns: repeat(1, 1fr);
    }

    .footer-icon {
        width: 20px;
    }

    .teams-col p {
        font-size: 17px;
    }

    .teams-col h3 {
        font-size: 12px;
        line-height: 20px;
    }

    .deposit-now--btn {
        font-size: 16px;
        padding: 16px;
    }

    .payment-method-title {
        font-size: 16px;
    }

    .password--title {
        font-size: 16px;
    }

    .wallet--title {
        font-size: 16px;
    }

    .withdral-input::placeholder {
        font-size: 14px;
    }

    .footer-area i {
        font-size: 15px;
    }

    .section-title h2 {
        font-size: 30px;
    }

    .section-title p {
        font-size: 15px;
    }

    .title--bg {
        font-size: 15px;
    }

    .vip-tab {
        padding: 10px 15px;
    }

    .menu-main-title {
        font-size: 20px;
        font-weight: 400;
    }

    .brand--card {
        padding: 10px;
    }

    .vip-tab-panel {
        padding: 15px;
    }

    .menu-section {
        padding: 10px;
    }

    .amazon--img {
        width: 60px;
    }

    .bran-content p:first-child {
        font-size: 16px;
    }

    .commission--text {
        font-size: 10px;
    }

    .incomplete-area {
        row-gap: 100px;
    }

    .incomplete-title {
        font-size: 11px;
        line-height: 1.7;
    }

    .expended-income {
        font-size: 13px;
    }
}

@media (max-width: 480px) {
    .profile-header {
        flex-direction: column;
        text-align: center;
    }

    .profile-avatar {
        margin: 0 0 10px 0;
    }

    .teams-amount {
        font-size: 20px;
    }

    .account-summary {
        flex-direction: column;
        gap: 15px;
    }

    .account-right {
        justify-content: center;
    }

    .menu-item {
        padding: 12px 14px;
    }

    .menu-title {
        font-size: 14px;
    }

    .menu-icon {
        width: 24px;
        height: 24px;
    }

    .custom-right-panel {
        grid-template-columns: repeat(2, 1fr);
        gap: 12px;
        padding: 14px;
    }

    .custom-icon {
        width: 32px;
        height: 32px;
    }

    .custom-text {
        font-size: 13px;
    }

    .DepositRecord-title {
        font-size: 20px;
    }

    .txn-list {
        padding: 10px;
    }

    .login-section {
        padding: 10px;
    }

    .loginarea {
        padding: 10px;
    }

    .user--btn {
        font-size: 12px;
    }

    .contents {
        padding: 30px 15px;
    }

    .groups {
        flex-direction: column;
    }
}