@media (max-width: 680px) {

    #onetrust-banner-sdk {
        left: 0 !important;
        right: 0 !important;
        bottom: 60px !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin: 0 !important;
        border-radius: 0 !important;
    }

    #onetrust-banner-sdk .ot-sdk-container {
        padding: 14px 16px !important;
    }

    #onetrust-banner-sdk .ot-sdk-row {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 10px !important;
    }

    #onetrust-banner-sdk .ot-sdk-eight,
    #onetrust-banner-sdk .ot-sdk-three {
        width: 100% !important;
    }

    #onetrust-banner-sdk #onetrust-policy-text,
    #onetrust-banner-sdk #onetrust-policy,
    #onetrust-banner-sdk #onetrust-group-container {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }

    #onetrust-banner-sdk #onetrust-policy-text {
        text-align: center !important;
        white-space: normal !important;
        text-overflow: unset !important;
        padding: 15px !important;

        font-size: 12px !important;
        line-height: 16px !important;
        max-width: 92% !important;
        margin-bottom: 10px !important;
    }

    #onetrust-banner-sdk #onetrust-policy-text a.ot-link-btn,
    #onetrust-banner-sdk #onetrust-policy-text .ot-link-btn {
        display: block !important;
        margin-top: 4px !important;

        color: #FFFFFF !important;
        font-weight: 600 !important;
        text-decoration: none !important;
        cursor: pointer !important;

        white-space: normal !important;
        visibility: visible !important;
        opacity: 1 !important;

        font-size: 12px !important;
        line-height: 16px !important;
    }

    #onetrust-banner-sdk #onetrust-policy-text a.ot-link-btn:hover,
    #onetrust-banner-sdk #onetrust-policy-text .ot-link-btn:hover {
        opacity: 0.85 !important;
    }

    #onetrust-banner-sdk #onetrust-button-group {
        width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 8px !important;
    }

    #onetrust-banner-sdk #onetrust-accept-btn-handler {
        order: 1 !important;
        width: 100% !important;
        max-width: 520px !important;
        height: 44px !important;
        font-size: 16px !important;
        font-weight: 600 !important;
        border-radius: 6px !important;

        margin-bottom: 0 !important;
    }

    #onetrust-banner-sdk #onetrust-pc-btn-handler {
        order: 2 !important;
        width: auto !important;
        max-width: 520px !important;
        height: auto !important;

        background: transparent !important;
        border: 0 !important;
        padding: 0 !important;

        font-size: 16px !important;
        line-height: 18px !important;
        font-weight: 100 !important;
        color: #FFFFFF !important;

        text-transform: none !important;
        letter-spacing: normal !important;

        margin-bottom: 0 !important;
    }

    #onetrust-banner-sdk #onetrust-pc-btn-handler:hover {
        opacity: 0.85 !important;
    }

    #onetrust-banner-sdk #onetrust-policy-text a.ot-link-btn,
    #onetrust-banner-sdk #onetrust-policy-text .ot-link-btn {
        display: inline-block !important;
        margin: 4px auto 0 !important;
        text-align: center !important;
    }

    #onetrust-banner-sdk #onetrust-policy-text {
        text-align: center !important;
    }

    #onetrust-banner-sdk #onetrust-policy-text::before {
        content: "We use Cookies";
        display: block;
        text-align: center;
        font-size: 18px;
        font-weight: 700;
        margin-bottom: 12px;
        color: #ffffff;
    }
}