
@media (max-width: 768px) {
    html,
    body,
    #page,
    .site,
    .site-content,
    .ast-container,
    .entry-content,
    .elementor {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        box-sizing: border-box !important;
    }

    .site-content .elementor .e-con,
    .site-content .elementor .elementor-section,
    .site-content .elementor .elementor-container,
    .site-content .elementor .elementor-column,
    .site-content .elementor .elementor-widget,
    .site-content .elementor .elementor-widget-container {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    .site-content .elementor .e-con {
        --width: 100% !important;
    }

    .ast-primary-header-bar .site-primary-header-wrap,
    .ast-builder-grid-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .site-branding,
    .ast-site-identity,
    .custom-logo-link {
        max-width: calc(100vw - 90px) !important;
    }

    .custom-logo-link img,
    .site-logo-img img {
        width: auto !important;
        max-width: min(230px, calc(100vw - 100px)) !important;
        height: auto !important;
        object-fit: contain !important;
    }

    body .k3-skill-leaders-box {
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        min-width: 0 !important;
        margin: 54px auto 28px !important;
        padding: 62px 12px 24px !important;
        top: 0 !important;
        overflow: visible !important;
        box-sizing: border-box !important;
    }

    body .k3-skill-leaders-box .k3-top-players-title-img-wrap {
        position: absolute !important;
        left: 50% !important;
        top: -38px !important;
        width: calc(100% - 20px) !important;
        max-width: 360px !important;
        transform: translateX(-50%) !important;
        margin: 0 !important;
        text-align: center !important;
    }

    body .k3-skill-leaders-box .k3-top-players-title-img {
        width: 100% !important;
        max-width: 360px !important;
        height: auto !important;
        object-fit: contain !important;
    }

    body .k3-skill-leaders-box .k3-skill-leaders-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        gap: 16px 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        top: 0 !important;
        margin: 0 !important;
    }

    body .k3-skill-leaders-box .k3-skill-leader-card {
        width: 100% !important;
        min-width: 0 !important;
        padding: 12px 6px 14px !important;
        border: 1px solid rgba(33, 255, 0, .48) !important;
        background: linear-gradient(180deg, rgba(7, 24, 8, .94), rgba(0, 0, 0, .97)) !important;
        box-shadow:
            0 0 12px rgba(33, 255, 0, .16),
            inset 0 0 16px rgba(33, 255, 0, .04) !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    body .k3-skill-leaders-box .k3-skill-leader-card::before,
    body .k3-skill-leaders-box .k3-skill-leader-card::after,
    body .k3-skill-leaders-box .k3-skill-leader-skin-link::after {
        display: none !important;
        content: none !important;
    }

    body .k3-skill-leaders-box .k3-skill-leader-title-wrap {
        min-height: 72px !important;
        margin: 0 0 8px !important;
        transform: none !important;
    }

    body .k3-skill-leaders-box .k3-skill-leader-icon {
        width: 48px !important;
        height: 48px !important;
        max-width: 48px !important;
        max-height: 48px !important;
        object-fit: contain !important;
    }

    body .k3-skill-leaders-box .k3-skill-leader-title-img {
        width: 100% !important;
        max-width: 135px !important;
        height: auto !important;
        object-fit: contain !important;
    }

    body .k3-skill-leaders-box .k3-skill-leader-skin-link {
        width: 100% !important;
        height: 165px !important;
        max-width: 100% !important;
        margin: 0 auto 8px !important;
        display: flex !important;
        align-items: flex-end !important;
        justify-content: center !important;
    }

    body .k3-skill-leaders-box .k3-skill-leader-skin-link img,
    body .k3-skill-leaders-box .k3-skill-leader-card > img {
        width: 105px !important;
        height: 165px !important;
        max-width: 105px !important;
        max-height: 165px !important;
        object-fit: contain !important;
        object-position: center bottom !important;
    }

    body .k3-skill-leaders-box .k3-skill-leader-profile-link {
        display: block !important;
        width: 100% !important;
        margin: 6px 0 4px !important;
        padding: 0 2px !important;
        font-size: 12px !important;
        line-height: 1.25 !important;
        text-align: center !important;
        overflow-wrap: anywhere !important;
        word-break: break-word !important;
    }

    body .k3-skill-leaders-box .k3-skill-leader-card p,
    body .k3-skill-leaders-box .k3-skill-leader-level {
        margin: 3px 0 0 !important;
        font-size: 12px !important;
        line-height: 1.35 !important;
        text-align: center !important;
        overflow-wrap: anywhere !important;
    }

    .k3-login-box,
    .k3-my-account-box,
    .k3-change-password-box,
    .k3-transactions-box,
    .k3-market-wrapper,
    .k3-market-box,
    .k3-rankings-box,
    .k3-dragon-box,
    .k3-statistics-box,
    .k3-online-page-box,
    .k3-vote-box,
    .k3-info-box {
        position: relative !important;
        float: none !important;
        left: auto !important;
        right: auto !important;
        transform: none !important;
        width: calc(100% - 24px) !important;
        max-width: calc(100% - 24px) !important;
        min-width: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    .site-footer,
    .site-footer .ast-builder-grid-row-container-inner,
    .site-footer .ast-builder-grid-row {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        box-sizing: border-box !important;
    }

    img,
    video,
    iframe {
        max-width: 100% !important;
    }
}

@media (max-width: 380px) {
    body .k3-skill-leaders-box .k3-skill-leaders-grid {
        grid-template-columns: 1fr !important;
    }

    body .k3-skill-leaders-box .k3-skill-leader-card {
        max-width: 270px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}
