.card a.featured-image {
    display: block;
    background-size: cover;
    background-position: 46%;
    -webkit-box-shadow: inset 0 -30px 120px rgba(0,0,0,0.33);
    box-shadow: inset 0 -30px 120px rgba(0,0,0,0.33);
    -webkit-transition: box-shadow .15s ease .1s;
    -o-transition: box-shadow .15s ease .1s;
    transition: box-shadow .15s ease .1s;
    height: 260px;
}

.menu li {
    position: relative;
    border-right: 1px solid #41bd5e;
    padding: 10px 15px 0 10px;
}

.menu > li.hover > ul {
    left: 0;
    max-width: 300px;
    width: 180px;
}
@media only screen and (max-width: 500px) {
 

 col-md-3 {
    width: 100%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-left: 0px;
    padding-right: 0px;
}	

}