@media screen and (max-width: 767px){
	/*	==========	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;
	}
	.cabecera1 + div > div{
		margin-bottom: 0px !important;
	}
	.cabecera1 > div > div{
		margin-bottom: 0px !important;
	}
	.nombre-usuario{
		font-size: 10px;
		margin-top: 4%;
	}
	.cabecera2{				
		height: 80px;
	}
	
	.logo-legal{
		margin-top:-10px;
		width: 90px;
	}
	.logo-servicios{
		margin-top:-5px;
		width: 140px;
	}
			
	.logo-senae{
		margin-top:-15px;
		height: 50px;
		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;
		
	}
	
	.titulo-login{				
		height: 30px;		
		line-height: 30px;
		font-size: 11px;
	}
	
	/*****************	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;		
	}
	
}