/*
Theme Responsive styles
*/

@media (max-width: 368px){

}

/* small (.col-sm)*/
@media (min-width: 576px){

}

/* medium (.col-md)*/
@media (min-width: 768px){
    .img-related{
        height: calc(156px * 300 / 520);
        background-position: center;
        background-size: cover;
    }
}

/* large (.col-lg)*/
@media (min-width: 992px){
    .img-related{
        height: calc(216px * 300 / 520);
        background-position: center;
        background-size: cover;
    }

}

/* extralarge (.col-xl)*/
@media (min-width: 1200px){
    .img-related{
        height: calc(261px * 300 / 520);
        background-position: center;
        background-size: cover;
    }
}

/* extraextralarge (.col-xxl)*/
@media (min-width: 1400px){
    .img-related{
        height: calc(306px * 300 / 520);
        background-position: center;
        background-size: cover;
    }
}


/*
    VIDEO EMBEDS Responsive
*/
.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
    VIDEO WP Responsive
*/
.wp-video, video.wp-video-shortcode, .mejs-container, .mejs-overlay.load {
    width: 100% !important;
    height: 100% !important;
}
.mejs-container {
    padding-top: 56.25%;
}
.wp-video, video.wp-video-shortcode {
    max-width: 100% !important;
}
video.wp-video-shortcode {
    position: relative;
}
.mejs-mediaelement {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.mejs-controls {
    display: none;
}
.mejs-overlay-play {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto !important;
    height: auto !important;
}