@media (max-width: 768px) {
    html,
    body {
        overflow-x: hidden;
        -webkit-text-size-adjust: 100%;
    }

    body {
        min-width: 320px;
    }

    .proxyform-container,
    .gridform-container,
    .history-proxyform-container,
    .history-gridform-container,
    .payment-container,
    .info-card,
    .profile-card,
    .login-card,
    .register-card,
    .chat-container .card,
    .create-ticket-container .card {
        padding: 12px;
    }

    .gridform-container,
    .history-gridform-container {
        overflow: hidden;
    }

    .country-flags-line {
        gap: 8px !important;
    }

    .country-flags-line a {
        max-width: calc(50% - 4px);
    }

    .country-flags-line span {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .proxy-speed {
        min-width: 100px;
    }

    .proxy-speed__track {
        width: 80px;
    }

    .payment-row {
        flex-direction: column;
        gap: 12px;
    }

    .payment-side-container {
        flex: 1 1 auto;
        width: 100%;
    }
}