#blog-carousel .blog-item{
    margin: 0 10px 0 0;
}

/*responsive*/
@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 991px) {
    #blog-carousel .blog-item{
        width: 314px;
    }
    .blog-item .blog-media{
        background: var(--e-global-color-secondary);
        border-radius: 8px;
    }
    .blog-item .blog-media iframe{
        width: 282px;
        height: 221px;
    }
    .blog-item .blog-media img{
        height: 221px;
    }
    .blog-item h2{
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
    }
}
@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 550px) {

}