@media all and (min-width:1024px) {
    .kbanner {
        margin-top: 100px;
        width: 100%;
        height: auto;
        display: block;
    }

    .br-info {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 1;

        display: grid;
        grid-template-columns: var(--grid1);
        column-gap: var(--gap);

        margin: 0;

    }

    .br-info>div {
        grid-column: 1/6;
        background: #000;
        background-image: url("../img/banner/banner-bg.png");
        background-position: top left;
        background-size: cover;
        padding-left: var(--eo6);
    }

    .bannerSesion .br-info>div {
        grid-column: 1/6;
        background: #000;
        background-image: url("../img/banner/banner-sesiones.png");
        background-position: top left;
        background-size: cover;
        padding-left: var(--eo6);
    }

    .br-img img {
        width: 100vw;
        margin: 0vw;
    }
}