/* Dispositivos móviles pequeños */
@media (max-width: 640px) {
	/*Contenedor del Login / Registro / Recuperar ----------*/
	.cont-login{
			z-index: 10;
			position: relative;
			width: 80%;
			height: 500px;
			margin: 0 auto;
			margin-top: 10%;
	}
	/*Barra Superrio Normal*/
	.nav-desk{display: none}
	.nav-mobile{display: block;}

	/* navegacion de videos turoriales */
	.con-btn-tuto button {
			width: 100px;
	}
}

/* Dispositivos móviles */
@media (max-width: 768px) {
    /*Contenedor del Login / Registro / Recuperar ----------*/
	.cont-login{
		z-index: 10;
		position: relative;
		width: 55%;
		height: 600px;
		margin: 0 auto;
		margin-top: 10%;
	}
	/*Barra Superrio Normal*/
	.nav-desk{display: none}
	.nav-mobile{display: block;}

	/* navegacion de videos turoriales */
	.con-btn-tuto button {
		width: 150px;
	}
}

/* Tablet en orientación horizontal */
@media (max-width: 1024px) {
    /*Contenedor del Login / Registro / Recuperar ----------*/
	.cont-login{
		z-index: 10;
		position: relative;
		width: 55%;
		height: 600px;
		margin: 0 auto;
		margin-top: 10%;
	}
	/* contenedor de turiales */
	.tutos-box-video {
		width: 600px;
		height: 420px;
	}
	.tutos-box-video iframe {
		width: 600px;
		height: 420px;
	}
	/*Barra Superrio Normal*/
	.nav-desk{display: none}
	.nav-mobile{display: block;}
}

/* Pantallas de escritorio pequeñas */
@media (max-width: 1280px) {
    /*Contenedor del Login / Registro / Recuperar ----------*/
	.cont-login{
		z-index: 10;
		position: relative;
		width: 40%;
		height: 600px;
		margin: 0 auto;
		margin-top: 10%;
	}
	.clock{
		display: none;
	}
	/* contenedor de turiales */
	.tutos-box-video {
		width: 600px;
		height: 420px;
	}
	.tutos-box-video iframe {
		width: 600px;
		height: 420px;
	}
}


/* Pantallas de escritorio */
@media (min-width: 1280px) {
    /*Boton Activa barra lateral*/
	.btn-nav-l{
		margin-left: 35px;
	}
	/* contenedor de turiales */
	.tutos-box-video {
		width: 950px;
		height: 700px;
	}
	.tutos-box-video iframe {
		width: 950px;
		height: 700px;
	}
}