@media (max-width: 1180px) {
    .--box {
        padding: 0px 12px;
    }
}

@media (max-width: 445px) {
    .--gr-one, .--gr-two {
        opacity: 43.5%;
    }
}

@media (max-width: 728px) {
    :root {
        --cover-thumb: 150px;
        --cover-max: 230px;
    }

    .__txt-center {
        text-align: center;
    }

    .__size-24 {
        width: 24px;
        height: 24px;
        max-width: 24px;
        min-width: 24px;
        max-height: 24px;
        min-height: 24px;
    }

    .__flex-col {
        flex-direction: column;
    }

    .__flex-row {
        flex-direction: row;
    }

    .__flex-items {
        align-items: center;
    }

    .__flex-items_left {
        align-items: flex-start;
    }

    .__flex-just {
        justify-content: center;
    }

    .__flex-wrap {
        flex-wrap: wrap;
    }

    .__gap-8 {
        gap: 8px;
    }

    /* vanila */
    
    .--gr-one, .--gr-two {
        opacity: 32.5%;
    }

    #layout {
        padding-bottom: 70px;
    }

    .--navbar {
        display: block;
    }

    #head-links {
        display: none;
    }

    .--list-comics {
        grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    }
}

@media (max-width: 275px) {
    body::before {
        content: "твоё устройство не поддерживается!";
        display: block;
        text-align: center;
        font-size: 15.55px;
        hyphens: auto;
        margin-top: 120px;
        color: var(--color-red);
    }

    .--wrap {
        display: none;
    }
}