.video-promo .video-player, .video-inline .video-player {
    height: 100%;
    width: 100%;
    position: absolute;
}

.video-inline, .video-promo {
    height: 200px;
    overflow: hidden;
    display: block;
}

.video-inline img, .video-promo img {
    height: 100%;
    width: 100%;
    border: none;
    position: absolute;
}

.modal-video { 
    width: 300px;
    height: 170px; 
    margin: auto auto;    
}

.promo-parsys .video-promo, .video-inline {
    position: relative;
}

.promo-parsys .video-promo img {
    position: absolute;
}

@media screen and (min-width:600px) {
    .video-inline {
        width: 280px;
        height: 159px;
    }
    
    .modal-video { 
        width: 600px;
        height: 340px; 
        margin: auto auto;    
    }
    
    .video-promo .video-player, .video-inline .video-player {
        height: 159px;
        width: 280px;
        
    }
}
@media screen and (min-width:980px) {
    
    .video-inline {
        width: 460px;
        height: 261px;
    }
    
    .modal-video { 
        width: 720px;
        height: 408px; 
        margin: auto auto;
    }
    
    .video-promo .video-player, .video-inline .video-player {
        height: 261px;
        width: 460px;
    }
}