Move data sheet and more info columns next to each other

[nt2015]

Hello everyone

 

I need some help, please..

 

I want to move the data sheet and more info columns next to each other just like the picture i have attached.

 

 

Also in mobile view to have the columns as they are one below the other, otherwise the data sheet shows off the screen.(keep it responsive)

 

 

 

I am using default theme v1.6.1.5

 

 

Thank you all in advance for taking the time to read and respond to this topic.

 

 

[NemoPS]

Try with 

 

<!-- Data sheet -->

<section class="page-product-box col-xs-6">

In product.tpl
To that, and to

<!-- More info -->

<section class="page-product-box col-xs-6">

<h3 class="page-product-heading">{l s='More info'}</h3>

As well

[nt2015]

Thank you so much for your help. It works like a charm!!!

 

But the two columns overlap on the mobile?

Any ideas?

Edited June 1, 2016 by nt2015 (see edit history)

[NemoPS]

then col md-6 and col-xs-12