.event_upcoming .content{
    /*height: 750px;*/
}

.event_upcoming .post{
    margin-bottom: 30px;
    height: 167px;
    background: #fff;
    opacity: .9;
    cursor: default;

    transition: all .3s;
    -webkit-transition: all .3s;

    float: right;
}

.event_upcoming .post:hover{
    opacity: 1;
}

.event_upcoming .post .img{
    width: 175px;
    height: 167px;
    overflow: hidden;
    border: 1px #C0C0C0 solid;
    position: relative;
}

.event_upcoming .post .img img{
    display: block;
    min-width: 175px;
    min-height: 167px; 
        position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.event_upcoming .post .dtls{
    width: 291px;
    padding: 15px;
}

.event_upcoming .post .dtls h2{
    font-size: 15px;
    font-weight: bold;
    color: #333333;
    text-transform: capitalize;
}

.event_upcoming .post .dtls span.date{
    display: block;
    line-height: 30px;
    font-size: 12px;
    border-bottom: 1px solid #f2f2f2;
    color: #cfcfcf;
    direction: ltr;
    text-align: right;
    font-family: metrophobicregular, chevinlightregular;
}

.event_upcoming .post .dtls p{
    color: #a2a2a2;
    overflow: hidden;
    margin: 10px 0px 4px 0px;
}

.event_upcoming .post .dtls a.more{
    color: #090D2E;
}