@media (max-width: 767px) {
}

/* Estilos base para todos los tamaños de pantalla */

/* Estilos para dispositivos móviles pequeños (hasta 480px) */
@media (max-width: 480px) {
	nav{
		justify-content:left;
	}
	
	nav ul li{
		font-size:.7em;
		
	}
	
	header{
		justify-content:center;
	}
	
	header ul{
		
		flex-direction:column;
	}
	
		header img{
		margin:0 10px 0 0;
		height:auto;
		width:15px;
		
	}
		header li{
			margin:3px;
			font-size:.8em;
		}
	
	#noticias{
		flex-direction:column;
	}
	
	
#ads{
			flex-direction:column;
	}
	
	#ads1{
	background-color:#000;
	display:flex;
		flex-direction:column;
		align-items:center;
}


	#Niveles, #C-T{
	width:100%;
	}
	
	#HistorialDocente-content{
		height:auto;
		width:100%;
	}
	
  /* Aquí puedes añadir los estilos específicos para dispositivos móviles pequeños */
}

/* Estilos para dispositivos móviles de tamaño mediano (481px a 767px) */
@media (min-width: 481px) and (max-width: 767px) {
	
		nav ul li{
		font-size:.6em;
	}
	
	#noticias{
		flex-direction:column;
	}
#ads{
			flex-direction:column;
	}
	
	#ads1{
	background-color:#000;
	display:flex;
		flex-direction:column;
		align-items:center;
}


	#Niveles, #C-T{
	width:100%;
	}
		
	
	#Niveles, #C-T{
	width:100%;
	}
  /* Aquí puedes añadir los estilos específicos para dispositivos móviles pequeños */
}

	
  /* Aquí puedes añadir los estilos específicos para dispositivos móviles de tamaño mediano */
}

/* Estilos para tablets y dispositivos con pantalla más grande (768px a 1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
	
	#Niveles, #C-T{
		
	}
  /* Aquí puedes añadir los estilos específicos para tablets y dispositivos con pantalla más grande */
}

/* Estilos para pantallas de escritorio y laptops (1024px en adelante) */
@media (min-width: 1024px) {
  /* Aquí puedes añadir los estilos específicos para pantallas de escritorio y laptops */
}