Elements
Responsive Videos
Youtube Iframe Video
<!-- start iframe video section -->
<iframe class="w-100 min-height-300" src="https://www.youtube.com/embed/mZb_gat5YCY" allow="encrypted-media" allowfullscreen></iframe>
<!-- end iframe video section -->
Youtube Video
<div class="min-height-300">
<div class="bg-img cover-background min-height-300" data-overlay-dark="0" data-background="img/bg/bg-01.jpg">
<div class="opacity-extra-medium bg-black"></div>
<div class="inner-border"></div>
<div class="text-center position-absolute top-50 start-50 translate-middle z-index-1">
<a class="popup-social-video video_btn" href="https://www.youtube.com/watch?v=CiBu9_lkysA">
<i class="fa fa-play"></i>
</a>
</div>
</div>
</div>
Vimeo Video
<div class="min-height-300">
<div class="bg-img cover-background min-height-300" data-overlay-dark="0" data-background="img/bg/bg-01.jpg">
<div class="opacity-extra-medium bg-black"></div>
<div class="inner-border"></div>
<div class="text-center position-absolute top-50 start-50 translate-middle z-index-1">
<a class="popup-social-video video_btn" href="https://vimeo.com/241203735">
<i class="fa fa-play"></i>
</a>
</div>
</div>
</div>