Insurance: With Price

<div class="row visible-xs visible-sm">
    <div class="col-sm-7">
        <div class="row">
            <div class="col-xs-12">
                <div class="baloise-logo visible-xs pull-right"></div>
            </div>
            <div class="col-xs-12 col-sm-12">
                <div class="card-insurance with-price">
                    <div class="content movu-spacing-16-left movu-spacing-16-right">
                        <h3 class="title">moveasy insurances</h3>
                        <div class="baloise-logo-with-price visible-sm"></div>
                        <hr class="easy-hr">
                        <h3 class="movu-spacing-8-bottom movu-spacing-0-top">all-risk moving insurance</h3>
                        <ul class="unordered-list">
                            <li>Eaque ipsa quae.</li>
                            <li>Packing of boxes (incl. boxes)</li>
                            <li>Eaque ipsa.</li>
                        </ul>

                        <div class="price-section clearfix">
                            <h2 class="price pull-left">CHF 0.-</h2>
                            <movu-button flat text="learn more"></movu-button>
                        </div>
                        <hr>
                        <h3 class="movu-spacing-8-bottom movu-spacing-0-top">'bad frog insurance'</h3>
                        <p>Do you not like you new apartment after all? Or is your neighbour just unbearable?</p>
                        <ul class="unordered-list movu-quiet-list">
                            <li>Eaque ipsa quae ab illo inventore veritatis.</li>
                        </ul>
                        <div class="price-section clearfix">
                            <h2 class="price pull-left">CHF 0.-</h2>
                            <movu-button flat text="learn more"></movu-button>
                            <p class="text-left movu-spacing-62-top movu-spacing-16-bottom">After your move, Baloise will contact you for a free and unbinding insurance advice.</p>
                            <div class="form-check">
                                <label class="checkbox checked" for="checkbox_input">Yes, I would like to have this service and confirm that I have read agree to the <a href="#" class="inquiry-link" target="_self">Product Information</a>, the <a href="#" class="inquiry-link" target="_self">General Terms and Conditiond</a> and the <a href="#" class="inquiry-link" target="_self">Privacy Policy.</a> <input type="checkbox" id="checkbox_input" class="checkbox-default"></label>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row desktop-view hidden-xs hidden-sm">
    <div class="row visible-lg">
        <div class="col-md-8 col-lg-8 movu-spacing-12-bottom">
            <div class="baloise-logo pull-right"></div>
            <span class="pull-right powerd">Powered by</span>
        </div>
    </div>
    <div class="col-sm-7 col-md-8 col-lg-8 with-price">
        <div class="row">
            <div class="col-md-12">
                <h3 class="title pull-left">moveasy insurances</h3>
                <div class="baloise-logo pull-right hidden-lg"></div>
                <hr class="border-desktop">
            </div>
            <div class="col-md-6 no-padding-right no-padding-left">
                <div class="content movu-spacing-32-right movu-spacing-16-left">
                    <h3 class="movu-spacing-16-bottom movu-spacing-32-top">all-risk moving insurance</h3>
                    <ul class="unordered-list">
                        <li>Eaque ipsa quae.</li>
                        <li>Packing of boxes (incl. boxes)</li>
                        <li>Eaque ipsa.</li>
                    </ul>

                    <div class="price-section clearfix hidden-xs movu-spacing-8-top">
                        <h2 class="price-all-risk pull-left">CHF 0.-</h2>
                        <movu-button flat text="learn more"></movu-button>
                    </div>
                </div>
            </div>
            <div class="col-md-6 no-padding-right no-padding-left">
                <div class="content movu-spacing-32-right border-left">
                    <div class="movu-spacing-32-left">
                        <h3 class="movu-spacing-16-bottom movu-spacing-32-top">'bad frog insurance'</h3>
                        <p>Do you not like you new apartment after all? Or is your neighbour just unbearable?</p>
                        <ul class="badfrog-list">
                            <li>Eaque ipsa quae ab illo inventore veritatis.</li>
                        </ul>
                        <div class="price-section clearfix hidden-xs">
                            <h2 class="price-badfrog pull-left">CHF 0.-</h2>
                            <movu-button flat text="learn more"></movu-button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 movu-spacing-16-right">
                <div class="price-section movu-spacing-24-bottom clearfix">
                    <p class="text-left movu-spacing-32-top movu-spacing-16-top">After your move, Baloise will contact you for a free and unbinding insurance advice.</p>
                    <div class="form-check">
                        <label class="checkbox checked" for="checkbox_input">Yes, I would like to have this service and confirm that I have read agree to the <a href="#" class="inquiry-link" target="_self">Product Information</a>, the <a href="#" class="inquiry-link" target="_self">General Terms and Conditiond</a> and the <a href="#" class="inquiry-link" target="_self">Privacy Policy.</a> <input type="checkbox" id="checkbox_input" class="checkbox-default"></label>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>