.main-block-banner a.main-block-banner-img{
    width: 100%;
    height: 510px;
}

a.main-block-banner-img.small{
    display: none;
}

.slider-main-block-banners.slick-dotted.slick-slider{
    max-height: 510px;
    overflow-y: hidden;
    margin: 10px 0 25px;
    padding-bottom: 25px;
    box-sizing: content-box;
}

.slider-main-block-banners .slick-dots{
    bottom: 0;
}

.slider-main-block-banners .slick-dots li{
    width: 6px;
    height: 6px;
    margin: 0 6px;
}

.slider-main-block-banners .slick-dots li button{
    width: 6px;
    height: 6px;
    padding: 0;
}

.slider-main-block-banners .slick-dots li button:before,
.slider-main-block-banners .slick-dots li.slick-active button:before
{
    width: 6px;
    height: 6px;
    font-size: 6px;
    line-height: 6px;
    background-color: #aaa;
    border-radius: 100%;
    opacity: 1;
    color: unset;
}

.slider-main-block-banners .slick-dots li button:hover:before{
    background-color: #555;
}

.slider-main-block-banners .slick-dots li.slick-active,
.slider-main-block-banners .slick-dots li.slick-active button,
.slider-main-block-banners .slick-dots li.slick-active button:before{
    width: 14px;
    height: 14px;
}

.slider-main-block-banners .slick-dots li.slick-active{

    margin: 0 2px;
}

.slider-main-block-banners .slick-dots li.slick-active button:before{
    font-size: 14px;
    line-height: 14px;
    background-color: #fff;
    border: 2px solid #dc9814;
}

.slider-main-block-banners .slick-dots li.slick-active  button:hover:before{
    background-color: #fff;
}

.slider-main-block-banners .slick-prev,
.slider-main-block-banners .slick-next{
    /*width: 16px;
    height: 29px;
    display: block;
    font-size: unset;
    line-height: unset;
    z-index: 10;
    opacity: 0;
    transition: all 0.3s;*/
    top: 50% !important;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: 0 !important;
}


/*.slider-main-block-banners:hover .slick-prev,
.slider-main-block-banners:hover .slick-next{
    opacity: 1;
}*/


/*.slider-main-block-banners .slick-prev{
    left: 25px;
}

.slider-main-block-banners .slick-next{
    right: 25px;
}*/

/*.slider-main-block-banners .slick-prev:before,
.slider-main-block-banners .slick-next:before{
    content: '';
    width: 16px;
    height: 29px;
    display: block;
    font-family: unset;
    font-size: unset;
    line-height: unset;
    opacity: unset;
    color: unset;
    background: url('/local/templates/citadels/img/right-slider.svg') no-repeat;
}

.slider-main-block-banners .slick-prev:hover,
.slider-main-block-banners .slick-next:hover{
    height: 29px;
}

.slider-main-block-banners .slick-prev:hover:before,
.slider-main-block-banners .slick-next:hover:before{
    background: url('/local/templates/citadels/img/right-slider-yellow.svg') no-repeat;
}

.slider-main-block-banners .slick-prev:before{
    transform: rotate(180deg);
}*/

@media (max-width: 1260px){

    .main-block-banner a.main-block-banner-img{
        height: 400px;
    }
}

@media (max-width: 1090px){

    .main-block-banner a.main-block-banner-img{
        height: 380px;
    }
}

@media (max-width: 1030px){

    .main-block-banner a.main-block-banner-img{
        height: 330px;
    }
}

@media (max-width: 900px){

    .main-block-banner a.main-block-banner-img{
        height: 280px;
    }

    .slider-main-block-banners .slick-prev{
        left: 15px;
    }

    .slider-main-block-banners .slick-next{
        right: 15px;
    }
}

@media (max-width: 760px){

    .main-block-banner a.main-block-banner-img{
        height: 250px;
    }
}

@media (max-width: 695px){

    .main-block-banner a.main-block-banner-img{
        height: 220px;
    }

    .slider-main-block-banners .slick-dots{
        bottom: 0;
    }

    .slider-main-block-banners .slick-dots li button:before{
        font-size: 10px;
    }
}

@media (max-width: 630px){

    .main-block-banner a.main-block-banner-img{
        height: 190px;
    }
}

@media (max-width: 560px){

    .main-block-banner a.main-block-banner-img{
        height: 170px;
    }
}

@media (max-width: 510px){

    .main-block-banner a.main-block-banner-img{
        height: 150px;
    }
}

@media (max-width: 480px){

    .main-block-banner a.main-block-banner-img{
        height: auto;
    }

    a.main-block-banner-img.big{
        display: none;
    }

    a.main-block-banner-img.small{
        display: block;
    }

    a.main-block-banner-img.small img{
        max-width: 100%;
        max-height: 100%;
    }
}