.main-banners {
    position: relative;
    max-width: 2100px;
    margin: 55px auto;
}

.main-banners__box {
    display: flex;
}
.main-banners__pic,
.main-banners__text {
    display: inline-block;
    flex-basis: 50%;
}
.main-banners__text {
    align-self: center;
    text-align: right;
    padding-right: 30px;
}

.main-banners__title{
    padding-left: 10px;
    font-size: 80px;
    color: #ff0000;
    font-weight: 900;
    text-decoration: none;
}

.main-banners__title a {
    color: inherit;
    text-decoration: none;
}

.main-banners__nav {
    position: absolute;
    bottom: 0;
    right: 50%;
    display: flex;
    flex-direction: row-reverse;
    margin-right: 30px;
}
.main-banners__nav .main-banners__buttons {
    margin-left: 6px;
}
.main-banners__nav .slick-dots {
    display: flex;
    align-self: center;
}

.main-banners .slick-arrow {
    margin-left: 10px;
}

.main-banners .container {
    max-width: none;
    padding: 0;
    position: relative;
}

.main-banners .slick-prev.slick-arrow {
    background: url('/local/templates/empty/img/icons/slider_arr-prev.png') rgba(255,255,255,0.5) center center no-repeat;
}
.main-banners .slick-next.slick-arrow {
    background: url('/local/templates/empty/img/icons/slider_arr-next.png') rgba(255,255,255,0.5) center center no-repeat;
}


@media(max-width: 1650px) {
    .main-banners__title {
        font-size: 70px;
    }
}
@media (max-width: 1440px) {
    .main-banners .container {
        max-width: 950px;
    }

    .main-banners__box {
        flex-direction: column;
    }

    .main-banners__list .slick-track {
        display: flex;
        align-items: flex-end;
    }

    .main-banners__nav {
        right: 0;
        margin-right: 0px;
    }

    .main-banners__text {
        align-self: auto;
        text-align: left;
        padding-right: 250px;
    }

    .main-banners__title  {
        font-size: 55px;
        padding-bottom: 20px;
    }
}

@media (max-width: 980px) {
    .main-banners .container {
        max-width: none;
    }
    .main-banners__nav {
        position: relative;
        bottom: auto !important;
        right: auto;
        justify-content: center;
        margin-top: 20px;
    }
    .main-banners__text {
        padding: 0 20px;
    }
    .main-banners {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .main-banners__text {
        padding: 0 15px;
    }

    .main-banners__title  {
        font-size: 35px;
    }

}


@media(max-width: 380px){
    .main-banners {
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .main-banners__title  {
        font-size: 26px;
    }
}