@media screen and (max-width: 1023px) {
    .banners
    {
        display: grid;
        grid-template-columns: repeat(auto-fill, calc(50% - 15px));
        grid-gap: 18px;
        margin-bottom: 18px;
    }

    .banners_1
    {
        display: block
    }

    .banners__banner
    {
        background: var(--mobileBackground);
        display: flex;
        align-items: center;
        overflow: hidden;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 1.02286px 8.18286px 1.02286px rgba(0,0,0,0.15);

        min-height: var(--mobileFixedHeight);
        max-height: var(--mobileFixedHeight);
        height: var(--mobileFixedHeight);
    }

    .banners__banner-payload
    {
        width: 100%;
    }

    .banners__banner-title-container
    {
        padding-left: var(--mobileHeadingLeftPadding);
        padding-right: var(--mobileHeadingRightPadding);
        padding-top: var(--mobileHeadingTopPadding);
        padding-bottom: var(--mobileHeadingBottomPadding);

        line-height: var(--mobileHeadingLineHeight);

        text-align: var(--headingHorAlignMobile);

        color: var(--headingColor);
        font-size: var(--mobileHeadingFontSize);
    }

    .banners__banner-title
    {
        color: inherit;
        font-family: var(--accidental-font);
        font-weight: 800;
        font-size: inherit;
        display: inline-block;
    }

    .banners__banner-title_link
    {
        text-decoration: none;
        transition: opacity var(--transition-duration) ease-out;
    }

    .banners__banner-title_link:hover
    {
        text-decoration: none;
    }

    .banners__banner-text
    {
        padding-left: var(--mobileTextLeftPadding);
        padding-right: var(--mobileTextRightPadding);
        padding-top: var(--mobileTextTopPadding);
        padding-bottom: var(--mobileTextBottomPadding);

        text-align: var(--textHorAlignMobile);
        color: var(--textColor);

        font-family: var(--accidental-font);
        font-weight: 800;
        font-size: var(--mobileTextFontSize);
        line-height: 1.2;
    }

    .banners__button-container
    {
        padding-left: var(--mobileButtonLeftPadding);
        padding-right: var(--mobileButtonRightPadding);
        padding-top: var(--mobileButtonTopPadding);
        padding-bottom: var(--mobileButtonBottomPadding);

        text-align: var(--buttonHorAlignMobile);

        color: var(--buttonTextColor);

        font-size: var(--mobileButtonFontSize);
    }

    .banners__banner-button
    {
        color: inherit;
        font-family: var(--accidental-font);
        font-weight: 800;
        font-size: inherit;
        line-height: 1.2;
        background-color: var(--buttonColor);
        padding: 10px 30px;
        border-radius: 4px;
        display: inline-block;
        text-align: center;
    }

    .banners__banner-button_link
    {
        text-decoration: none;
        transition: opacity var(--transition-duration) ease-out;
        cursor: pointer;
    }

    .banners__banner-button_link:hover
    {
        text-decoration: none;
    }
}