Responsive Videos

<div class="row">
    <div class="col-lg-6 col-md-12">
        <div>
            <div class="section-heading half left">
                <h4>Welcome To Business Our Solution Company</h4>
            </div>
            <p>Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus.</p>
            <ul class="list-style-4">
                <li>24 - Hours Emergency Services</li>
                <li>Expert Advisors</li>
                <li>Quick Support</li>
                <li>No Charges Services</li>
            </ul>
            <a href="#!" class="butn medium mt-2"><span>Read more</span></a>
        </div>
    </div>
    <!-- start our story video-->
    <div class="col-lg-6 col-md-12">
        <div class="story-video bg-img cover-background" data-overlay-dark="0" data-background="img/content/about-01.jpg">
            <div class="opacity-extra-medium bg-black"></div>
            <div class="inner-border"></div>
            <div class="text-center mx-auto position-relative d-table h-100 z-index-1">
                <a class="popup-youtube d-table-cell h-100 align-middle" href="https://vimeo.com/117471268">
                    <span class="video_btn mb-3"><i class="fa fa-play"></i></span>
                    <span class="alt-font text-white d-block">Watch Our Story</span>
                </a>
            </div>
        </div>
        <!-- end our story video -->
    </div>
</div>