/*
==============================================
Responsive Style (max-width : 1480px)
==============================================
*/

@media only screen and (max-width: 1480px) {
	#detalles-cita #mascota-cursos {
		top: -50%;
		left: 78%;
		width: 20%;
	}
}

@media only screen and (max-width: 1300px) {
	#page-gracias #texto-info {
		margin-bottom: 40%;
	}

	#detalles-cita #mascota-cursos {
		top: -45%;
		left: 78%;
		width: 20%;
	}

}


/*
==============================================
Responsive Style (max-width : 1200px)
==============================================
*/

@media only screen and (max-width: 1200px) {
	#page-gracias #texto-info {
		margin-bottom: 40%;
	}

	#detalles-cita #mascota-cursos {
		top: -40%;
		left: 78%;
		width: 20%;
	}
}

/*
==============================================
Responsive Style (max-width : 1024px)
==============================================
*/

@media only screen and (max-width : 1024px) {
	#detalles-cita #mascota-cursos {
		top: -40%;
		left: 78%;
		width: 20%;
	}

	.btn-cerrar-modal {
		right: 27vw;
	}
}


/*
==============================================
Responsive Style (max-width : 992px)
==============================================
*/

@media only screen and (max-width : 991px) {
	#page-gracias #check {
		margin-top: 0px;
	}

	#detalles-cita #mascota-cursos {
		top: -30%;
		left: 73%;
		width: 25%;
	}
}


/*
==============================================
Responsive Style (max-width : 860px)
==============================================
*/

@media only screen and (max-width : 860px) {

	/*Home*/
	.headerCurso img {
		max-width: 90%;
	}

	.testimonio img {
		vertical-align: super;
	}

	#page-gracias #check {
		margin-top: 0px;
	}

	#detalles-cita #mascota-cursos {
		top: -30%;
		left: 73%;
		width: 25%;
	}
}


/*
==============================================
Responsive Style (max-width : 767px)
==============================================
*/
@media screen and (max-width : 768px) {

	/*Home*/

	.mainBanner {
		background-size: cover;
	}

	.sm-blanco {
		color: #fff !important;
	}

	.icono-estado {
		background-color: #fff;
		border-radius: 50%;
	}

	.woow-slide.fly-center {
		top: -85%;
		left: 75%;
	}

	.woow-slide-texto {
		max-width: 100%;
	}

	.woow-slide-particula-1 img,
	.woow-slide-particula-2 img {
		max-width: 45px;
	}

	/* Partícula superior */
	.woow-slide-particula-2.fly-top {
		top: -125%;
		left: -0%;
	}

	/* Partícula inferior */
	.woow-slide-particula-1.fly-bottom {
		top: -35%;
		right: -20%;
		width: 50%;
	}

	.avaladosLogos img {

		display: inline-block;
		padding: 5px;
	}

	.background-azul-punta-arriba {
		background-size: 150px;
	}

	.background-azul-punta-abajo {
		background-size: 150px;
	}

	.background-naranja-punta-arriba {
		background-size: 150px;
		;
	}

	.background-naranja-punta-abajo {
		background-size: 150px;
		;
	}


	.headerCurso h1 {
		font-size: 25px;
	}

	.headerCurso h2 {
		font-size: 20px;
	}

	.mainBanner .tyc {
		font-size: 25px;
	}

	#page-gracias #check {
		margin-top: 0px;
	}

	#detalles-cita #mascota-cursos {
		top: -40%;
		left: 65%;
		width: 35%;
	}

	.btn-cerrar-modal {
		right: 20%;
	}

	.btnAgendar {
		font-size: 22px;
	}

	/*
==============================================
Responsive Style (max-width : 575px)
==============================================
*/

	@media screen and (max-width : 575px) {
		.headerCurso h1 {
			font-size: 20px;
		}

		.headerCurso h2 {
			font-size: 17px;
		}

		#page-gracias #check {
			margin-top: 0px;
		}

		#detalles-cita #mascota-cursos {
			top: -17%;
			left: 60%;
			width: 40%;
		}

		.texto-p-banner-principal {
			width: 100%;
		}

		/* Texto */
		.woow-slide-texto {
			text-align: center;
			max-width: 100%;
			margin-left: 0;
		}

		/* Partícula superior */
		.woow-slide-particula-2.fly-top {
			top: -65%;
			left: 0%;
		}

		/* Partícula inferior */
		.woow-slide-particula-1.fly-bottom {
			top: -65%;
			right: 0;
			width: 50%;
		}

		.woow-slide.fly-center {
			top: -75%;
			left: 35%;
			width: 35%;
		}
	}


	/*
==============================================
Responsive Style (max-width : 480px)
==============================================
*/

	@media only screen and (max-width : 480px) {
		.headerCurso h1 {
			font-size: 18px;
		}

		.headerCurso h2 {
			font-size: 14px;
		}

		#page-gracias #check {
			margin-top: 0px;
		}

		#detalles-cita #mascota-cursos {
			top: -15%;
			left: 50%;
			width: 40%;
		}

		.btn-cerrar-modal {
			right: 2%;
		}
	}

	/*
==============================================
Responsive Style (max-width : 380px)
==============================================
*/

	@media only screen and (max-width : 380px) {
		#page-gracias #check {
			margin-top: 0px;
		}

		#detalles-cita #mascota-cursos {
			top: -13.5%;
			left: 50%;
			width: 40%;
		}

		#detalles-cita #btnDescargarCita {
			margin-bottom: 20%;
		}
	}