Responsive footer divs

Hi,

I’m building a webpage based on the StanleyWP-theme

I’ve made several changes and start to be happy about the outcome. However, I’m struggelig to adjust the footer divs to change the way I like it when on a device – Tablet landscape (1024×768). I’m a newbie when it comes to responsive css adjustments. But I’ve successfully done other changes to the responsive setup on the page. So I figure I understand some parts of the responsive concept.

What I need help to:
When I look at the webpage on a iPad or device ranging from a Small tablet portrait (600×800) to a Tablet landscape (1024×768, I want my footer to be displayed as the original layout with the 3 footer widget placed on a same row side by side). Now, the footer divs are expanding to 100% width and placed under each other. I cant seem to find how I can prevent this to happen.

HTML

<div class="row">
        <div class="col-lg-4">
          		<div class="widget-wrapper widget_recent_entries" id="recent-posts-2">		<div class="footer-title"><h4>Siste innlegg</h4></div>		<ul>
					<li>
				<a href="http://solsida.no/enda-en-kunngjoring/">Enda en kunngjøring!</a>
							<span class="post-date">19/03/2015</span>
						</li>
					<li>
				<a href="http://solsida.no/nytt-innlegg-pa-forsiden/">Nytt innlegg på forsiden</a>
							<span class="post-date">23/02/2015</span>
						</li>
					<li>
				<a href="http://solsida.no/vi-har-fatt-ny-webside/">Vi har fått ny webside!</a>
							<span class="post-date">23/02/2015</span>
						</li>
				</ul>
		</div>        </div>
        <div class="col-lg-4">
          <div class="widget-wrapper widget_text" id="text-4"><div class="footer-title"><h4>Skolerute vår 2015</h4></div>			<div class="textwidget"><div class="skolerute"><img align="middle" style="width:auto;height:auto" alt="Se skoleruta våren 2015" src="http://solsida.no/wp-content/uploads/skolerute_ikon2.png"></div></div>
		</div>        </div>
        <div class="col-lg-4">
          <div class="widget-wrapper widget_text" id="text-3"><div class="footer-title"><h4>Her holder vi til</h4></div>			<div class="textwidget"><p>Brynsåsvegen 5<br>

(How I don’t want the footer divs to be placed)
http://bildr.no/view/d3QvL1cx