<div class="rt-demo-block gantry-width-50 gantry-width-block rt-bottom-space">
  <div class="gantry-width-spacer nomargintop">
    <div>
      <span class="rt-image rt-floatleft"><img alt="image" src="images/rocketlauncher/frontpage/roksprocket-tabs/img3.jpg" /></span>
      <h4 class="nomargintop smallmarginbottom">SplitMenu</h4>
      <p class="nomarginbottom">Displays parents in the header and children in the sidebar.</p>
    </div>
    <div class="clear"></div>
    <div>
      <span class="rt-image rt-floatleft"><img alt="image" src="images/rocketlauncher/frontpage/roksprocket-tabs/img2.jpg" /></span>
      <h4 class="smallmarginbottom">Mobile <span class="hidden-tablet">Devices</span></h4>
      <p class="nomarginbottom hidden-tablet">A selectbox menu is loaded when a small screen is detected.</p>
      <p class="nomarginbottom visible-tablet">A selectbox menu is loaded for mobiles.</p>
    </div>    
  </div>
</div>

<div class="rt-demo-block gantry-width-50 gantry-width-block">
  <div class="gantry-width-spacer nomargintop nomarginbottom">
    <div>
    <span class="rt-image rt-floatleft"><img alt="image" src="images/rocketlauncher/frontpage/roksprocket-tabs/img1.jpg" /></span>
    <h4 class="nomargintop smallmarginbottom">Fusion <span class="hidden-tablet">Menu</span></h4>
    <p class="nomarginbottom">Fusion is a CSS dropdown menu system, enhanced with Mootools.</p>
    </div>
    <div class="clear"></div>
    <p class="largemargintop hidden-tablet">Features include multiple columns with individual distribution settings, inline modules / module positions as well as inline subtext and icon support.</p>
    <p class="largemargintop visible-tablet">Features include multiple columns with individual distribution settings, inline subtext support and others.</p>
  </div>
</div>