<div id="about" class="about-wrapper wrapper">
    <div class="container <?php echo $this->config->item('website_style') == 'singlepage' ? 'inner' : 'inner-customer-dashboard' ?>">
        <div class="row story">
            <div class="col-sm-7 opening-hour-block">
                <h1 class="section-title text-center"><?php echo $about[0]->title ?></h1>
                <p class="aboutContent"><?php echo $about[0]->content ?></p>
                <div class="hidden-sm">
                    <div style="margin-bottom: 50px;">&nbsp;</div>
                </div>
            </div>
            <?php if (!detectDevice()): ?>
                <div class="col-sm-5">
                    <h1 class="section-title text-center">&nbsp;</h1>
                    <div class="img-responsive">
                        <img class="aboutImage" src="<?php echo UPLOAD_PATH . 'page/' . $about[0]->image ?>"/>
                    </div>
                </div>
            <?php endif; ?>
            <div class="hidden-sm hidden-lg hidden-md">
                <div style="margin-bottom: 50px;">&nbsp;</div>
            </div>
        </div>
    </div>
</div><!-- #story -->
<script>
    $(document).ready(function () {
        var aboutContent = $('.aboutContent').height();
        $('.aboutImage').css({'min-height': aboutContent + 'px'});
    });
</script>