@media (max-width: 991px) {
    .main > .mainslide.header .hero-shell {
        grid-template-columns: minmax(220px, 1fr);
        width: min(420px, 100%);
    }

    .main > .mainslide.header .monitoring {
        order: 1;
    }

    .main > .mainslide.header .block-middle {
        order: 2;
    }

    .main > .mainslide.header .hero-action {
        order: 3;
    }

    .main > .donate .tabs > .tab-links {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    }

    .main > .donate .tabs > .tab-links > li .tab-link {
        width: 100%;
        min-width: 0;
    }

    .main > .donate .donate-shop {
        grid-template-columns: 100%;
    }

    .main > .donate .donate-sidebar {
        position: static;
    }
}

@media (max-width: 767px) {
    .main > .mainslide.header > .container {
        min-height: auto;
        padding-top: 42px;
        padding-bottom: 48px;
        gap: 16px;
    }

    .main > .mainslide.header .description {
        display: flex;
        width: 100%;
        min-height: 0;
        padding: 16px;
        border-radius: 14px;
    }

    .main > .mainslide.header .monitoring {
        width: 100%;
        padding: 16px;
    }

    .main > .mainslide.header .hero-action {
        min-height: 0;
        padding: 16px;
        border-radius: 14px;
    }

    .main > .mainslide.header .monitoring .btn {
        font-size: 15px;
    }

    .main > .mainslide.donate > .container {
        padding-top: 36px;
        padding-bottom: 48px;
    }

    .main .donate .items > .item-list {
        grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
        gap: 14px;
    }

    .main .donate .items > .item-list > .item-id {
        min-height: 318px;
        padding: 18px;
    }

    .main .donate .items > .item-list > .item-id > .image {
        width: min(190px, 100%);
        margin-top: 44px;
    }

    .donate-panel[data-id="donate"] .modal-header {
        font-size: 22px;
    }

    .donate-panel[data-id="donate"] .modal-footer .btn {
        flex-basis: 100%;
        width: 100%;
    }
}

@media (max-width: 479px) {
    .main > .donate .tabs > .tab-links,
    .main .donate .items > .item-list,
    #methodform .methods {
        grid-template-columns: 100%;
    }

    .main .donate .items > .item-list > .item-id > .discount {
        max-width: calc(100% - 96px);
    }

    #methodform .methods > li > .btn {
        height: 112px;
    }
}