@charset "utf-8";

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


}

@media screen and (max-width: 1980px) {
.imgCursosIni {
	height: 100vh;
}
    
}

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


}

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

}


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

	.landingTwo {
		padding: 4em;
	}
}



@media screen and (max-width: 1280px) {
	.box1Cursos {
		/* width: 49%; */
	}

}




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

}



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



	.detalleCursos2 {
	width: 80%;
	left: 10%;
	background-color: #0435b9;
	top: 42vh;
	/* position: relative; */
	padding: 0.8em;
	}

	
	.contenedorContacto{
		width: 100%;
		position: relative;
		left: 0%;
		top: 0em;
		background-color: black;
		/* margin-top: -38vh; */
		display: block;
	}

	.formContacto {
		
	}

	
	#header3 {
		height: auto;
		background-color: #3d3d3d;
	}
	
	.itemCursos2, .carruselMultiply2, .imgCursosIni4{
		/* height: 30em; */
		/* flex-direction: column-reverse; */
	}
	.imgCursosIni4{
		/* height: 16em; */
	}

	.boxLandingTwo {
		gap: 5%;
	}

	.HurryUpImgEmpty {
		height: 20em;
	}

	.HurryUpImg {
		padding: 3em;
	}
	
}


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

	  .contenedorBox1 {
	      display: flex;
	      gap: 5%;
	      align-items: stretch;
	      margin-top: 2em;
	      flex-direction: column;
	  }

	  .imgIni2{
	  /* height: 100vh; */
	  /* padding-bottom: 50%; */
	  margin-top: 2em;
	  }



	.contenedorCursos {
	    width: 90%;
	    margin-bottom: 2em;
	    margin-top: 2em;
	    display: flex;
	    flex-wrap: wrap;
	    gap: 0%;
	    flex-direction: column;
	}

	.contenedorCursosL {
		flex-direction: column;
		width: 90%;
	}
	
	.box1Cursos {
	    width: 100%;
	    margin-bottom: 2em;
	}


	.imgCursos{
		height: 14em;
	}

	.iconosContacto ul{
		flex-direction: column;
	}

	#header {
		/* padding: 0; */
		/* height: 160vh; */
	}


	.boxContenido1 {
	/* background-color: green !important; */
	padding: 1em;
	flex-direction: column-reverse;
	}

	.boxImg {
		height: 80vh;
	}






	
}

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


	.logoIni{
		/* height: 11em; */
	}

	#myTopnav{
		display:none;
	}

	.cursoIni{
		margin-top: 1em;
	}
	
	.iconresp, .menu2  {
		display:block;
	}

	.contenedorContacto {
		/* width: 90%; */
		/* flex-direction: column; */
		/* background-color: antiquewhite; */
	}
	.mapaContacto{
		width: 100%;
		padding: 0% 0%;
	}
	.contenedorBox1B {
		width:100%;
		margin-bottom:2em
	}

	.tituloContenedorBox1B{
		width:100%;
		height: auto;
	}

	.titulo1IniB {
		width: 100%;
		padding: 1em 0em;
		height: auto;
	}

	.titulo1IniC{

	}
	
	.titulo2IniB {
		margin-top: 1em;
	}
	
	.contenedorLogos {
		padding: 2em 0em;
	}





	.formContacto {
		width: 100%;
	}
	
	.imgPromo {
		top: 0;
		position: relative;
	}

	.contenidoContacto {
		margin-top: 0em;
	}

	.textPromo {
		position: relative;
		top: -1em;
	}
	
	  .contenedor1Header {
	      /* display: flex; */
	      /* position: relative; */
	      /* width: 100%; */
	      /* padding: 1em; */
	      /* flex-direction: column; */
	      /* gap: 2%; */
	      top: 5px;
	  }


	.itemCursos{
		/* justify-content: center; */
		/* align-items: center; */
		/* border: solid 0.8em #e9e9e9; */
		/* flex-direction: column; */
		/* height: 20em; */
	}
	
	.detalleCursos {
		/* padding: 1em; */
		/* width: 100%; */
		/* top: 8em; */
		font-size: 0.8em;
	}

	.imgCursosIni {
		/* height: 20em; */
	}


	.boxLandingTwo {
		/* gap: 5%; */
		flex-direction: column;
	}
	
	.boxOurStudents {
		width:100%;
		/* display: flex; */
	}

	.boxHurryUp {
		width:100%;
	}
	
	.landingTwo {
        padding: 2em;
    }

	.btnImg {
		height:18em;
		background-position: top;
	}
	
}



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

	.info {
	    display: flex;
	    /* flex-wrap: nowrap; */
	    flex-direction: column-reverse;
	}
	.infoB {
	    display: flex;
	    /* flex-wrap: nowrap; */
	    flex-direction: column-reverse;
	}

	.landingTop {
		padding: 1em;
	}

	.boxTitle {
		flex-direction: column;
		gap: 0;
		align-items: center;
	}
	.titleTop {
		width: 100%;
	}

	.boxBoton {
		width: 100%;
	}

	
}


@media screen and (max-width: 780px) { /*1680 to 1080 */


	.contenidoFooter {flex-direction: column;margin-top: 0em;}
	.menuColumna4 {flex-direction: column;text-align: center;}
	.menuColumna5 ul {justify-content: center;}



	.contenedorDetalleCurso{
		flex-direction:column;
	}

	.contenedorInfoCurso {
		width:100%;
	}

	.stickCursoShop {
		width:100%;
	}




	
}

@media screen and (max-width: 700px) { /*1680 to 1080 */




	.logoIni{
		height: 5em;
		/* margin-bottom: 1em; */
	}


	#header {
		/* padding: 0; */
		/* height: 160vh; */
	}

	.cursoIni{
		margin-top: 0em;
	}



	.contenedorMenuFooter{
		/* margin-bottom: 1em; */
		display: flex;
		width: 100%;
		margin: auto;
		margin-bottom: 2em;
		/* gap: 2%; */
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		/* flex-direction: column; */
		text-align: center;
	}
	
	.menuColumna1, .menuColumna2, .menuColumna3{
		width: 44%;
		text-align: center;
	}
	
	
	.logoFooter {
		background-position: center;
	}


	.boxLogos {
		flex-direction: column;
		justify-content: center;
	}
	.boxLogos img{
		width: 60%;
		margin: auto;
	}


	.bannerInfo {
		padding: 1em;
		/* justify-content: center; */
	}
	
	.contenidoBannerInfo{
		width: 100%;
		justify-content: center;
	}

	.boxLogoAula {
		background-position: center;
	}

	.titulo1BannerInfo, .titulo2BannerInfo {
		text-align:center;
	}
	
	.btnBannerInfo{
		margin: auto;	
	}


	.itemCursos{
		/* justify-content: center; */
		/* align-items: center; */
		/* border: solid 0.8em #e9e9e9; */
		/* flex-direction: column; */
		height: 20em;
	}
	
	.detalleCursos {
		padding: 1em;
		/* width: 100%; */
		top: 8em;
		font-size: 0.6em;
	}


	.carruselForma{
	    /* top: 80vh; */
	    height: 13vh;
	}
	
	.imgCursosIni {
		height: 20em;
	}
	.owl-theme .owl-nav {
		display:none;
	}

	.imgCursosIni2,.itemCursos2{
		height: 15em;
	}


	.cursos{
	    display: grid;
	    grid-template-columns: auto;
	    grid-template-rows: auto;
	    /* margin: 8vh 0; */
	    /* width: 90%; */
	    /* max-width: 1200px; */
	    /* height: 40vh; */
	    /* gap: 5%; */
	    margin-bottom: 4em;
	}
	.more-info {
		flex-direction: column;
	}
	
	.more-info article {
		width: 90%;
	}
	
	.more-info div{
		width: 90%;
		margin-bottom: 2em;
		height: 10em;
	}
	
	.more-info article > button {
		margin: 2em auto;
		/* padding: 0; */
	}
	
	.biographies {
	flex-direction: column;
	}
	.biographies > div {
		margin-bottom: 4em;
	}

	.boxCourse {
		flex-direction: column;
	}

	.boxItem {
		width: 100%;
	}

	.boxItemDetail {
		width: 100%;
	}
	
	.landingTree {
	padding: 1em;
	}

	.boxWP {
		flex-direction: column;
		gap: 0;
		margin: 0;
	}
	
	.wpIMG {
		width: 100%;
		height: 15em;
	}

	.wptext {
		width: 100%;
	}
}



@media screen and (max-width: 600px) { /*1680 to 1080 */

	.owl-theme .owl-nav {
		display:none;
	}

	.detalleCursos2 {
			width: 100%;
			left: 0%;
			background-color: #0435b9;
			top: 0em;
			position: relative;
			padding: 0.8em;
			/* display: none; */
	}

	.bntWP{
		position: absolute;
		/* bottom: 0em; */
		top: 13em;
		/* width: 40%; */
	}
	
	
}

@media screen and (max-width: 550px) { /*1680 to 1080 */


}




@media screen and (max-width: 500px) { /*1680 to 1080 */

	.contenidoBannerInfo{
	    /* background-color: red; */
	    /* width: 90%; */
	    /* left: 5%; */
	    /* top: 30%; */
	    /* position: absolute; */
	}

	
	.titulo1BannerInfo{
		/* background-color: aqua; */
		padding: 0.4em 1em;
		font-weight: 600;
		font-size: 2.4em;
		color: #fff;
		line-height: 1em;
	}

	.titulo1Ini {
		/* padding: 0em; */
	}

	.contenedorCursoIni {
	    flex-direction: column;
	}

	.box2CursoIni {
	    width: 100%;
	    gap: 0%;
	    justify-content: center;
	}

	.btnCursoIni{
		margin: 1em auto;
	}

	.box1CursoIni {
		text-align: center;
	}

	.menuColumna1, .menuColumna2, .menuColumna3{
		width: 100%;
		text-align: center;
	}

	.send {
		font-size: 0.9em;
	}
	
	#boxA {
		min-height: 20em;
	}

	.boxPadding {
		padding:2em
	}


	.btnImg {
		height:12em;
		background-position: top;
	}


	.HurryUpImg {
        padding: 1em;
    }
	
}


@media screen and (max-width: 400px) { /*1680 to 1080 */

.contenedorContenido{
	width: 80%;
	margin-top: 2em;
	padding: 0em;
	/* background-color: #dfdfdf; */
}


}


@media screen and (max-width: 350px) { /*1680 to 1080 */

	.carruselForma{
	    /* top: 80vh; */
	    height: 13vh;
	}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}