<div class="rt-center largemargintop largemarginbottom">
  <span class="promo2"><strong>Responsive</strong> Layout</span><br />
  <span class="promo3">A responsive design automatically adapts itself to a particular viewing environment such as desktop, tablet or mobile, without the need for separate layouts for varying platforms</span>
</div>

<div class="rt-image rt-center largemargintop largemarginbottom">
  <img class="rt-noborder" alt="image" src="images/rocketlauncher/features/responsive.png" />
</div>

<div class="clear"></div>

<div class="gantry-width-33 gantry-width-block">
  <div class="gantry-width-spacer">
    <h4 class="smallmarginbottom">Responsive Frameworks</h4>
    <p>We use the responsive layout based on <a target="_blank" href="http://twitter.github.com/bootstrap/" class="external"><strong>Twitter's Bootstrap Framework</strong></a>, with its collection of utility classes, to provide a flexible responsive design.</p>
    <a href="http://www.rockettheme.com/blog/team/1550-responsive-design-and-gantry4" class="readon"><span class="icon-external-link"></span><span> Read Blog</span></a>
  </div>
</div>

<div class="gantry-width-33 gantry-width-block">
  <div class="gantry-width-spacer">
    <h4 class="smallmarginbottom">RocketTheme Extensions</h4>
    <p>The RokSprocket and RokGallery extensions are built to work with a responsive layout and support mobile touch events, such as <strong>'swipe'</strong>.</p>
    <a href="http://www.rockettheme.com/blog/team/1555-responsive-design-rocketthemes-extensions" class="readon"><span class="icon-external-link"></span><span> Read Blog</span></a>
  </div>
</div>

<div class="gantry-width-33 gantry-width-block">
  <div class="gantry-width-spacer">
    <h4 class="smallmarginbottom">Media Queries in JavaScript</h4>
    <p>We have created a new helper class, <strong>RokMediaQueries.js</strong>, which provides a unified system that enables extensions to add media query listeners.</p>
    <a href="http://www.rockettheme.com/blog/team/1555-responsive-design-rocketthemes-extensions" class="readon"><span class="icon-external-link"></span><span> Read Blog</span></a>
  </div>
</div>

<div class="clear"></div>