@media screen and (min-width: 1281px) {

    /*Event Main Poster*/
    .event-img {
        height: 26vh;
        object-fit: cover;
    }

    /*Event Main Gallery*/
    .gallery-img {
        height: 20vh;
        width: 100%;
        object-fit: cover;
    }


    /*Random Event Main Gallery*/
    .rgallery-img {
        height: 10vh;
        width: 5vw;
        object-fit: cover;
    }
}


@media screen and (max-width: 1280px) {

    /*Event Main Poster Mobile*/
    .event-img-mobile-img {
        height: 20vh;
        object-fit: cover;
    }


    /*Event Main Gallery Mobile*/
    .gallery-img-mobile {
        height: 22vh;
        width: 100%;
        object-fit: cover;
    }


    /*Random Event Main Gallery*/
    .rgallery-img-mobile {
        height: 14vh;
        width: 30vw;
        object-fit: cover;
    }
}



.trim_event_name {
    width: 98%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Sidebar event name */
.trim_sidebar_event_name {
    width: 98%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}