.wrap-banner-main {
    position: relative;
    overflow: hidden;
}

@media (min-width: 768px) {

    .home-content-shell {
        margin-left: calc(-1 * var(--cq-gutter));
        margin-right: calc(-1 * var(--cq-gutter));
        padding-left: var(--cq-gutter);
        padding-right: var(--cq-gutter);
        padding-top: 14px;
        padding-bottom: var(--cq-3);
        box-sizing: border-box;
    }

    .home-content-shell .cq-grid {
        margin-left: calc(var(--cq-3) * -1);
        margin-right: calc(var(--cq-3) * -1);
    }

    .home-content-shell .cq-cell {
        margin-left: var(--cq-3);
        margin-right: var(--cq-3);
    }

    .home-content-shell .home-test-row {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
        grid-auto-flow: dense;
        gap: 22px var(--cq-5);
        overflow: hidden;
        clear: both;
        margin-left: 0;
        margin-right: 0;
    }

    .home-content-shell .home-test-row .cq-col-4 {
        width: auto;
        float: none;
        margin-bottom: 0;
    }

    .home-content-shell .home-test-row .cq-cell {
        margin-left: 0;
        margin-right: 0;
    }

    .home-content-shell.home-test-mode > * {
        display: none;
    }

    .home-content-shell.home-test-mode > .home-test-lab {
        display: block;
    }

    .home-content-shell .sep20 {
        height: 8px;
    }
}

@media (max-width: 991px) {

    .home-content-shell {
        margin-left: calc(-1 * var(--cq-gutter));
        margin-right: calc(-1 * var(--cq-gutter));
        padding-left: var(--cq-gutter);
        padding-right: var(--cq-gutter);
        box-sizing: border-box;
    }
}

.wrap-banner-main + .sep20 {
    display: none;
}

.home-content-shell {
    background: var(--cq-light);
    padding-top: 36px;
}

@media (max-width: 1279px) {

    

    

    

    

    .home-content-shell {
        padding: 20px var(--cq-gutter) 0;
    }

    .home-content-shell .home-test-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 1fr;
        grid-auto-flow: dense;
        gap: var(--cq-3);
        clear: both;
        margin: 0;
    }
    .home-content-shell .home-test-row .cq-col-4 {
        width: auto;
        height: 100%;
        float: none;
        margin-bottom: 0;
    }

    .home-content-shell .home-test-row .cq-cell {
        height: 100%;
        margin: 0;
    }

    

    

    

    

    

    

    

    

    

    

    

    

    .wrap-banner-main {
        display: block;
        position: relative;
        margin-top: 20px;
        padding: 0;
        border: 0;
        border-radius: 0;
        background: none;
        overflow: visible;
    }

    .wrap-banner-main .cqb {
        border: 0;
        border-radius: 0;
        background: var(--cq-surface);
        overflow: hidden;
    }

    @media (max-width: 767px) {
        .wrap-banner-main {
            margin-left: 0;
            margin-right: 0;
            border-radius: var(--cq-r-card);
            overflow: hidden;
        }

        .wrap-banner-main .cqb {
            border-radius: var(--cq-r-card);
        }
    }

}

@media (min-width: 600px) and (max-width: 899px) {
    .home-content-shell {
        padding-left: var(--cq-gutter);
        padding-right: var(--cq-gutter);
    }
    .home-content-shell .home-test-row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: var(--cq-4);
    }
    .wrap-banner-main {
        margin-bottom: var(--cq-4);
        padding: 0;
    }
    
}

@media (min-width: 900px) and (max-width: 1099px) {
    .home-content-shell {
        padding-left: var(--cq-gutter);
        padding-right: var(--cq-gutter);
    }
    .home-content-shell .home-test-row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: var(--cq-4);
    }
    .wrap-banner-main {
        margin-bottom: var(--cq-4);
        padding: 0;
    }
    
}

@media (min-width: 1100px) and (max-width: 1279px) {
    .home-content-shell {
        padding-left: var(--cq-gutter);
        padding-right: var(--cq-gutter);
    }
    .home-content-shell .home-test-row {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: var(--cq-4);
    }
    .wrap-banner-main {
        margin-bottom: var(--cq-4);
        padding: 0;
    }
    
}

@media (min-width: 600px) and (max-width: 1279px) {
}

@media (min-width: 1280px) {

    

    

    .home-content-shell .home-test-row {
        grid-auto-rows: 1fr;
    }
    .home-content-shell .home-test-row > [class*="item-"],
    .home-content-shell .home-test-row .cq-cell {
        height: 100%;
    }

    

    

    

    
    .home-content-shell .home-test-row {
        gap: var(--cfg-desk-gap-y, 22px) var(--cfg-desk-gap-x, var(--cq-5));
    }

    
}

@media (max-width: 680px) {
    .home-content-shell {
        padding-bottom: calc(var(--cq-navbar-h) + var(--cq-4));
    }
}