acomdar gris para celulares horizontal

[destor77]

hola gente,
estoy teniendo problemas con el maquetado responsive para los celulares iphone y tablets ipad en orientación horintozal. El listado de videos se ve bien cuando el ancho es un celular chicos pero cuando es de 568px en adelante en vez de mostrar la fila en dos columnas se sigue viendo en una sola y no se como hacer para que se acomode en dos columnas por fila. El código es el siguiente:

Código HTML:

<!-- video -->
	<div class="col-lg-12 col-sm-12 col-xs-12">
		<div class="col-lg-3 col-sm-4 ">
			<video id="vid1" src="" class="video-js vjs-default-skin" controls preload="auto" width="340" height="250" data-setup='{ "techOrder": ["youtube"], "src": "http://www.youtube.com/watch?v=<?php echo $video_1['url'];?>" }'>
			</video>
		</div>

		<div class="col-lg-3 col-sm-4  ">
			<video id="vid2" src="" class="video-js vjs-default-skin" controls preload="auto" width="340" height="250" data-setup='{ "techOrder": ["youtube"], "src": "http://www.youtube.com/watch?v=<?php echo $video_2['url'];?>" }'>
			</video>
		</div>

		<div class="col-lg-3 col-sm-4 ">
			<video id="vid3" src="" class="video-js vjs-default-skin" controls preload="auto" width="340" height="250" data-setup='{ "techOrder": ["youtube"], "src": "http://www.youtube.com/watch?v=<?php echo $video_1['url'];?>" }'>
			</video>
		</div>
		<div class="col-lg-3 hidden-sm  ">
			<img class="marcas" src="<?php echo base_url('assets/frontend/img/nuevo/marcas.png');?>" alt="">
		</div>
	</div>
	<!-- /video --> 

si le agrego la clase col-xs-4 se acomoda en unas dimensiones pero se desacomoda en las que se veia bien jejeje.
Acá les dejo un link donde testeo en los celulares:
http://www.responsinator.com/?url=ww...ing%2Fsantilli

Cualquier ayuda es bienvenida.
Desde ya muchas gracias!
Salu2