main {
    background-image: url(../images/yellow-vector-extended.png);
    background-repeat: repeat-y;
}

.single-event-side-image {
    border-radius: 18px;
    object-fit: cover;
    height: auto;
    min-height: 480px;

    @media screen and (width <= 768px) {
        width: 100%;
        min-height: 250px;
    }
}

.event_gallery_container .slick-prev {
    right: 26px;
    z-index: 9999;
    scale: 3;

    @media screen and (width <= 768px) {
        top: 173px !important;
        scale: 1.4;
        right: 37px !important;
        width: 110px;
    }
}

.event_gallery_container .slick-next {
    left: 26px;
    z-index: 9999;
    scale: 3;

    @media screen and (width <= 768px) {
        top: 173px !important;
        scale: 1.4;
        width: 110px;
        left: -25px !important;
    }
}

.event_gallery_container .slick-dots {
    bottom: 21px !important;
}