@media screen and (max-width: 767px){
	
	.col-xs-5 {
	  -ms-flex-preferred-size: 0;
	  flex-basis: 0;
	  -webkit-box-flex: 1;
	  -ms-flex-positive: 1;
	  flex-grow: 1;
	  max-width: 20%;
	  float: left;
	}
	
	/*******************	CABECERA DE SESIÓN		 ********************/
	#div_header{
		margin-top: -10px;
	}	
	
	.cabecera1 > div + div > form > div + div{		
		margin-top: 17px;
	}
	.cabecera1 > div > div > div > div > div > div.nombre-usuario{
		font-size: 10px;		
		font-weight: 700;
	}
	.cabecera1 > div > div > div > div > div > div.company {
		font-size: 9px;
		font-weight: 400;
	}
	
	/*******************	CAPSULAS HOME		 ********************/
	.padding-xs{
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
	.capsula p{		
		font-size: 9px;
		padding: 5px;		
		height: 60px;	
		text-align: center;
		display: flex;
	    justify-content: center;
	    align-content: center;
	    flex-direction: column;	
	}
	
	.capsula-imagen-1,
	.capsula-imagen-2,
	.capsula-imagen-3,
	.capsula-imagen-4,
	.capsula-imagen-5{		
		background-color: #eeeeee;		
		text-align: center;
		padding-top: 20px;
		padding-bottom: 20px;		
	}
	
	.img-cap-home{
		height: 50px;
		width: auto;
	}
	
	/*******************	MENÚ		 ********************/
	.logo-left{
		margin-top:-7px;
		width: 130px;
	}
		
	
	
	/*	==========	TOOLTIP		=========	*/
	[tooltip]{
	  margin:20px;
	  position:relative;
	}
	[tooltip]::before {
	    content: "";
	    position: absolute;
	    top:-6px;
	    left:50%;
	    transform: translateX(-50%);
	    border-width: 4px 6px 0 6px;
	    border-style: solid;
	    border-color: rgba(0,0,0,0.7) transparent transparent     transparent;
	    z-index: 100;
	}
	[tooltip]::after {
	    content: attr(tooltip);
	    position: absolute;
	    left:43px;
	    top:15px;
	    transform: translateX(-50%)   translateY(-100%);
	    background: rgba(0,0,0,1.0);
	    text-align: center;
	    color: #fff;
	    padding:4px 2px;
	    font-size: 12px;
	    min-width: 60px; 	    
	    border-radius: 5px;
	    pointer-events: none;
	}
	[tooltip-position='right']::before{
	  left:100%;
	  top:-5px;
	  margin-left:5px;
	  transform:translatey(-50%) rotate(90deg)
	}
	
	[tooltip-position='top']::after{
	  left:50%;
	}
	
	/* ====	*/
	
	.check-media{
	    width: 767px;
	}
	
	.titulo-panel{		
		font-size: 12px !important;
	}
	
	.opciones > div.radio{
		display: inline !important;
	}
	
	.marco-resumen{
		font-size: 11px;
		height: 35px;
		line-height: 35px;		
			
	}
	
	.marco-resumen-label{
		font-size: 11px;
		height: 35px;
		line-height: 35px;			
	}
		
	
	span.calendario_inicio > input, span.calendario_fin > input{
		border: 0px !important; 
		padding: 4px 0 !important; 
		border-radius: 0px !important; 
		background-color: transparent !important;
		color: #ddd !important;
		box-shadow: none !important;		
		font-family: inherit;
		font-size: 14px;
		margin-bottom: 0px !important;		
		text-shadow: none !important;
		width: 100% !important;
		
	}
	
	/****************	CABECERA	**********/
		
	.navbar{
		margin-bottom: 0px !important;
	}
	
	.cabecera1{
		line-height: 15px;
	}
	
	.nombre-usuario{
		font-size: 10px;		
	}	
	
	.logo-legal{
		margin-top:-10px;
		width: 90px;
	}
	.logo-servicios{
		margin-top:-5px;
		width: 140px;
	}
		
	.logo-senae-info > img{
		margin-top: 25px ;
		
	}	
	.logo-senae{
		margin-top:-5px;
		height: 45px;
		width: auto;
	}
	
	.logo-senae-tracking{
		margin-top:-5px;
		width: 90px;
	}
	
	.total-header{		
		position: relative;
		
	}
	/*	Página inicioo - Apps */
	.proximamente{		
		font-size: 18px;		
	}
	*/
	
	
	/**************************	MENU	**************/
	ul.menu{				
		width: 100%;
		margin: 0px 0px;
	}
	ul.menu > li{		
		font-size: 10px;
		padding-top: 0px;				
	} 
	
	ul.menu > li > a:hover{
		color: #000;
		font-weight: 600;
	}
	.menu-xs > div > div > button{
		margin-right: 10px !important;
	} 	
	
	/* --- */
	
	
	/*****************		ETAPAS		***************/
	
	.thumbnail-etapa{			
		width: 100% !important;
	}
	
	.thumbnail-etapa:hover{	
		width: 100% !important;
	}
	
	div.thumbnail-etapa_on{			
		width: 100% !important;
	}
	
	div.thumbnail-etapa_on:hover{
		width: 100% !important;
	}
	/*	---	*/
	
	/*******************	BUSCADOR		 ********************/
	.busqueda{
		position: relative;			
		top: 0px;
		padding: 20px;		
	}
	
	.busqueda_fondo_capa1{
		background-color: #004874;
	}	
	
	.busqueda_marco{
		margin-bottom: 20px;		
	}
	
	.busqueda_login{
		position: relative;			
		top: 0px;
		padding: 20px;				
	}
	.marco_login{		
		margin-bottom: 20px;						
	}
	.marco_migrantes{
		padding-left: 0px !important;
		padding-right: 0px !important;
		
	}
	
	
	.img-consultas{
		height: 90px;
			
		margin-left: 40%;		
			
	}
	
	/*****************	DíAS DEL TRACK	*****************/
	.dias_track-xs{				
		font-size: 12px;
		text-align: center;
		width: 100%;
		padding-top: 10px;
		padding-bottom: 10px;		
	}
	/*	--	*/
	
	/***********	LINE AND CIRCLE TRACK XS	********/

	.line-xs{		
		display: none;
		top: 0;
		left: 25Px;
		width: 6px;
		height: 0%;
		background: #6b7199;
		position: absolute;
		transition: 6.5s;		
	}
	.line-xs-move{				
		top: 0;
		left: 25Px;
		width: 6px;
		height: 100%;
		/* background: #2b3990; */
		position: absolute;
		transition-timing-function:linear;
	}
	
	
	.circle-xs-1{		
		display: none;
		left: 13PX;
		width: 30px;
	    height: 30px;
	     -moz-border-radius: 50%;
	     -webkit-border-radius: 50%;
	     border-radius: 50%;
	     background: #7e7a78;
	     position: absolute;	     	     
	     transition: 1.5s;
	     top: 5%;
	     z-index: 1000;
	}
	.circle-xs-on-1{		
	     background: #1c3f76;	     
	}
	
	
	.circle-xs-2{		
		display: none;
		left: 13px;
		width: 30px;
	    height: 30px;
	     -moz-border-radius: 50%;
	     -webkit-border-radius: 50%;
	     border-radius: 50%;
	     background: #7e7a78;
	     position: absolute;	     	     
	     transition: 1.5s;
	     top: 19.25%;
	     z-index: 1000;
	}
	.circle-xs-on-2{		
	     background: #1c3f76;	     
	}	
	
	.circle-xs-3{		
		display: none;
		left: 13px;
		width: 30px;
	    height: 30px;
	     -moz-border-radius: 50%;
	     -webkit-border-radius: 50%;
	     border-radius: 50%;
	     background: #939598;
	     position: absolute;	     	     
	     transition: 1.5s;
	     top: 33.5%;
	     z-index: 1000;
	}
	.circle-xs-on-3{		
	     background: #1c3f76;	     
	}
	
	.circle-xs-4{		
		display: none;
		left: 13px;
		width: 30px;
	    height: 30px;
	     -moz-border-radius: 50%;
	     -webkit-border-radius: 50%;
	     border-radius: 50%;
	     background: #7e7a78;
	     position: absolute;	     	     
	     transition: 1.5s;
	     top: 47.75%;
	     z-index: 1000;
	}
	.circle-xs-on-4{		
	     background: #1c3f76;	     
	}
	
	
	.circle-xs-5{		
		display: none;
		left: 13px;
		width: 30px;
	    height: 30px;
	     -moz-border-radius: 50%;
	     -webkit-border-radius: 50%;
	     border-radius: 50%;
	     background: #7e7a78;
	     position: absolute;	     	     
	     transition: 1.5s;
	     top: 62%;
	     z-index: 1000;
	}
	.circle-xs-on-5{		
	     background: #1c3f76;	     
	}
	
	.circle-xs-6{		
		display: none;
		left: 13px;
		width: 30px;
	    height: 30px;
	     -moz-border-radius: 50%;
	     -webkit-border-radius: 50%;
	     border-radius: 50%;
	     background: #7e7a78;
	     position: absolute;	     	     
	     transition: 1.5s;
	     top: 76.25%;
	     z-index: 1000;
	}
	.circle-xs-on-6{		
	     background: #1c3f76;	     
	}
	
	.circle-xs-7{		
		display: none;
		left: 13px;
		width: 30px;
	    height: 30px;
	     -moz-border-radius: 50%;
	     -webkit-border-radius: 50%;
	     border-radius: 50%;
	     background: #7e7a78;
	     position: absolute;	     	     
	     transition: 1.5s;
	     top: 90.5%;
	     z-index: 1000;
	}
	.circle-xs-on-7{		
	     background: #1c3f76;	     
	}
	
	.title_hito{
		font-size: 11px;
		line-height: 20px;
	}
	/**************		SERVICIOS		****************/
	
	.texto-servicios{		
		font-size: 11px;
		
	}
	
	/**************		FOOTER			****************/
	
	.location-footer > p{
		line-height: 0.4;		
	}
	
	.infor{
		display:block;
	}
	
}