Buenas tardes - Contenido de boton collapse no reajusta tamaño de div

Estoy trabajando en una pagina la cual fue desarrollada por otra persona. Realmente esta persona utilizo plantillas o template y solo agrego algunas cosas.

El tema es que la he estado rediseñado y agregue un enlace de tipo collapse que al accionar se muestra unas imagenes de cursos brindado por una institucion.

En modo desktop funciona perfectamente pero cuando lo visualizo en dispositivo moviles este contenido collapse no se ajusta y queda sobrepuesto sobre otro contenido de la pagina.

No se si me he explicado bien.

Les muestro una imagen:

https://drive.google.com/open?id=1dcRRzuhz_w-kZgZhPpauVgJEsvk8VlbC

https://drive.google.com/open?id=10rTMYOAwrQbQfu2z2RqhDw87eYXJ1ygX

<div class="banner-bottom" id="cursos_actuales">
		<div class="container" style="background:#1F3E6B; color:#FFF; height:80px;">
			<div class="mid_agile_bannner_top_info">
				<h2 data-toggle="collapse" data-target="#cur_act" id="act" style="color: #fff; text-align: left; margin-top: 10px">Cursos Actuales <img style="float: right; margin-right:10px; width:40px; height:40px; margin-top:10px" src="images/baja.png"></h2>
			</div>
				<div id="cur_act" class="collapse in">
					<div class="feature-grids" id="target">
 
					<?php
 
					$sql=mysql_query("SELECT * FROM publicacion WHERE pub_date_end>='$hoy'");
 
					while($row=mysql_fetch_array($sql))
						{
						echo '
						<div class="col-md-12 feature-grid" style="padding:15px;">
							<a href="#" data-toggle="modal" data-target="#cur_'.$row['id_public'].'"><img src="cursos/slider/'.$row['pub_slider'].'" class="img-responsive"></a>
						</div>
						';					
						}
 
					?>
					</div>	
				</div>
		</div>
		<div class="clearfix"></div>
	</div>