#banners-container {
    position: fixed;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    width: 100%;
    display: flex;
    justify-content: center;
    box-sizing: border-box
}

.banner {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}

.banner img {
    width: 100%
}

.close-banner {
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    background: rgba(0,0,0,.5);
    color: #fff;
    padding: 8px 13px;
    border-radius: 50%
}

.banner-link {
    width: 100%
}

.banner1 {
    display: flex
}

.banner2 {
    display: none
}

@media(max-width: 768px) {
    .banner1 {
        display:none
    }

    .banner2 {
        display: flex
    }
}