span.icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}

span.icon.search {
    background-image: url('/public/assets/img/search.png');
}

span.icon.eye {
    background-image: url('/public/assets/img/eye.png');
}

span.icon.calendar {
    background-image: url('/public/assets/img/calendar.png');
    position: relative;
    bottom: 2px;
    right: 2px;
    width: 17px;
    height: 17px;
}

span.icon.m-search {
    background-image: url('/public/assets/img/m-search.png');
    width: 25px;
    height: 25px;
    cursor: pointer;
}

span.icon.menu {
    background-image: url('/public/assets/img/menu.png');
    width: 28px;
    height: 28px;
}

span.icon.video {
    background-image: url('/public/assets/img/video.png');
}

span.icon.like {
    background-image: url('/public/assets/img/like.png');
    cursor: pointer;
}

span.icon.dislike {
    background-image: url('/public/assets/img/dislike.png');
    cursor: pointer;
}

span.icon.time {
    background-image: url('/public/assets/img/time.png');
    position: relative;
    bottom: 1px;
    right: 2px;
    width: 17px;
    height: 17px;
}

span.icon.eye2 {
    background-image: url('/public/assets/img/eye2.png');
    position: relative;
    bottom: 1px;
    right: 2px;
    width: 17px;
    height: 17px;
}

@media all and (max-width:960px) {
    span.icon.search {
        background-image: url(/public/assets/img/search.png);
        position: relative;
        bottom: 5px;
        left: 5px;
    }
}