@media (min-width:2000px){
	#consultoria{
		background-size:contain;
	}
}
@media (min-width:1400px){
	#pageIndex .banner-1{
		z-index:1;
	}
	#pageIndex .particle-white0{
		z-index:-1;
	}
	#pageIndex .banner-x{
		display:none;
	}
	#pageIndex .rowC{
		display:none;
	}
}
@media(max-width:1490px){
	#pageIndex .rowC{
		display:none;
	}
	#pageIndex .banner .banner-content{
		padding-left:0px;
	}
	#pageIndex .banner-x{
		display:none;
	}
	#pageIndex img.banner-3.infiniteBounce {
		left:unset;
		left:20vw;
		width:85vw;
		z-index:-1;
	}
	#pageIndex .particle-white0{
		z-index:-1;
	}
	#pageIndex .banner-wrapper{
		min-height:60vh;
	}

}
@media (max-width:1400px){
	#pageIndex .banner1.infiniteBounce{
		right:-12%;
		z-index:2;
	}
	#pageIndex .particle-white0{
		z-index:0;
	}
}
@media (max-width:1200px){
	#pageIndex img.banner-3.infiniteBounce {
		left:40vw;
		width:50vw;
	}
	#pageIndex #consultoria .pc{
		margin-top:-30vh;
	}
	#pageContactanos .imagen{
		max-width:15vw;
	}
	#pageSumate .imagen{
		max-width:15vw;
	}
	#pageSumate .image{
		max-width:15vw;
	}
	#pageIndex .banner-wrapper{
		min-height:45vh;
	}
	#pageIndex .cont-cliente{
		transform:scale(1.1);
	}

}
@media (max-width:1024px){
	#pageIndex #consultoria .pc{
		margin-top:-20vh;
	}
	#tecnologias .container-text a{
		margin-bottom:2em;
		display:block;
	}
	#tecnologias .recuadroGrande{
		padding-bottom:7em;
	}
}
@media (max-width:992px){
	#pageSumate label,
	#pageContactanos label,
	#pageSumate input,
	#pageContactanos input,
	#pageSumate textarea,
	#pageContactanos textarea{
		font-size:14px;
	}
	#qsomos .recuadro.texto{
		margin-left:10px;
		width:calc(100% - 20px);
	}
	#consultoria .recuadro{
		margin-left:10px;
		margin-right:15px;
	}
	#pageIndex .banner-1{
		position:relative;
		margin-left:15vw;
		margin-right:auto;
		width:70vw;
		margin-top:7em;
	}
	#pageIndex .banner-x{
		width:100vw;
		display:block;
		bottom:28em;
		position:absolute;
		z-index:-1;
	}
	#pageIndex .banner-wrapper{
		margin-top:-22em;
		min-height:24em;
	}
	#pageIndex .section-title{
		padding-top:1em;
	}
	#pageIndex #home .particle-white {
		z-index:-2;
		width:2em;
	}
	#pageIndex .col-t-2,
	#pageIndex .col-t-4{
		order:2;
	}
	#pageIndex .col-i-2,
	#pageIndex .col-i-4{
		order:1;
	}
	#pageIndex .col-t-1{
		margin-bottom:2em;
	}
	#pageIndex .col-t-2{
		margin-top:-7em;
		margin-bottom:4em;
	}
	#pageIndex .col-t-3{
		margin-bottom:6em;
	}
	#pageIndex .col-t-4{
		margin-top:-2em;
	}
	#pageIndex #qsomos .container{
		width:100vw;
		padding-left:0px;
		padding-right:0px;
		max-width:unset;
	}
	#pageIndex #consultoria .container{
		width:100vw;
		padding-left:0px;
		padding-right:0px;
		max-width:unset;	
	}
	#pageIndex #consultoria h2{
		padding-top:1em;
	}
	#pageIndex #tecnologias .recuadroGrande{
		padding-left:0px;
		padding-right:0px;
	}
	#pageIndex #tecnologias .recuadroChico{
		width:calc(100vw - 20px);
		margin-left:auto;
		margin-right:auto;
		padding-left:0px;
		padding-right:0px;
		max-width:unset;	
		border-radius:80px;
	}
	#pageIndex footer p{
		font-size:13px;
		padding-left:0px;
		padding-right:0px;
	}
	#pageIndex #collection{
		padding-top:0px;
	}
	#pageIndex #tecnologias img.hands{
		transform:scale(110%) translateX(2%) translateY(35%);
	}
	#pageContactanos .imagen{
		display:none;
	}
	#pageContactanos .formularioContactanos{
		margin-top:-7em;
	}
	#pageSumate .imagen{
		display:none;
	}
	#pageSumate .formularioSumate{
		margin-top:-7em;
	}
	#pageSumate .formularioContactanos .col{
		max-width:500px;
		margin-left:calc(50% - 250px);
		margin-right:auto;
		width:80%;
	}
	#pageSumate .col-d-n{
		display:none;
	}
	#pageIndex .cont-cliente{
		transform:scale(1.1);
	}	

}
@media (max-width:868px){
	#pageIndex .cont-img-left,
	#pageIndex .cont-img-right{
		display:none;
	}
	#pageIndex .cont-cliente{
		width:calc(100% / 4);
	}
	#pageIndex #consultoria h2{
		padding-top:1em;
	}
	#pageIndex #consultoria .pc{
		margin-top:-15vh;
	}
	#pageIndex .container-diagrama{
		width:100%;
	}
}
@media (max-width:768px){
	#pageIndex #sumate .recuadroChico{
		margin-left:10px;
		margin-right:10px;
	}
	#pageIndex #qhacemos h2{
		font-size:2em;
	}
	#pageIndex #consultoria h2{
		padding-top:.5em;
	}	
	#pageIndex .row2{
		display:none;
	}
	#pageIndex .rowC{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	#pageIndex #qsomos .recuadro.texto{
		height:unset;
	}
	#pageIndex #qsomos .img1{
		max-height:65vw;
	}
	#pageIndex #tecnologias img.hands{
		transform:scale(110%) translateX(2%) translateY(35%);
	}
	#pageIndex #tecnologias .container-text{
		margin-top:-1em;
		padding-bottom:5em;
	}
	#pageIndex #tecnologias .recuadroGrande{
		border-radius:0px;
		background: rgb(255,255,255);
		background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(64,22,237,1) 10%, rgba(64,22,237,1) 75%, rgba(133,110,231,0.6923144257703081) 85%, rgba(182,168,242,0.6587009803921569) 93%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(64,22,237,1) 10%, rgba(64,22,237,1) 75%, rgba(133,110,231,0.6923144257703081) 85%, rgba(182,168,242,0.6587009803921569) 93%, rgba(255,255,255,0) 100%);
		background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(64,22,237,1) 10%, rgba(64,22,237,1) 75%, rgba(133,110,231,0.6923144257703081) 85%, rgba(182,168,242,0.6587009803921569) 93%, rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	}
	#pageIndex #principalesClientes{
		padding-top:5em;
	}
	#pageIndex #sumate .col-i{
		width:60%;
		text-align:center;
		margin-left:auto;
		margin-right:auto;	
	}
	#pageIndex #sumate .col-t{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
	}
	#pageIndex #sumate .img-desafios{
		transform:translateY(-90%);
	}
	#pageIndex #sumate .recuadroGrande{
		padding-top:60%;
		border-radius:0px;
		padding-left:0px;
		padding-right:0px;
	}
	#pageIndex .cont-mapa{
		border-radius:0px;
	}
	#pageIndex #sumate h3{
		transform:translateX(50%);
	}
	#pageIndex #sumate a{
		transform:translateX(50%);
	}
	#pageIndex #sumate .col-t{
		width:100%;
		position:absolute;
		display:contents;
	}
	#pageIndex #sumate .recuadroGrande{
		background: rgb(255,255,255);
		background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 7%, rgba(203,229,229,1) 17%, rgba(203,229,229,1) 44%, rgba(133,110,231,0.6923144257703081) 84%, rgba(182,168,242,0.38699229691876746) 92%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 7%, rgba(203,229,229,1) 17%, rgba(203,229,229,1) 44%, rgba(133,110,231,0.6923144257703081) 84%, rgba(182,168,242,0.38699229691876746) 92%, rgba(255,255,255,0) 100%);
		background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 7%, rgba(203,229,229,1) 17%, rgba(203,229,229,1) 44%, rgba(133,110,231,0.6923144257703081) 84%, rgba(182,168,242,0.38699229691876746) 92%, rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
	}
	#pageIndex #sumate h3{
		transform:none;
		width:90%;
		margin-left:5%;
		font-size:1.1em;
	}
	#pageIndex #sumate a{
		transform:none;
		width:60%;
		margin-left:20%;
		font-size:1.1em;
	}
	#pageIndex .col-t-1{
		margin-top:-3em;
	}
	#pageIndex #comoTrabajamos .container-fluid{
		padding-left:5px;
		padding-right:5px;
	}
	#pageContactanos .col{
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
		width:90%;
	}
	#pageContactanos .formularioContactanos{
		margin-top:-10em;
	}
	#pageSumate .formularioSumate{
		margin-top:-10em;
	}
	#pageSumate .formularioSumate .col{
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
		width:90%;
	} 
	#pageSumate .image{
		width:400px;
		max-width:30vw;
	}
	.mobile-menu-open .nav-menu-wrapper{
		height:100vh;
	}
	#principalesClientes .cont-cliente{
		padding-left:0px;
		padding-right:0px;
	}
	#tecnologias .cont-img{
		padding-left:5px;
		padding-right:5px;
	}
	#tecnologias img.img{
		width:80%;
	}
	#pageIndex #tecnologias .recuadroChico{
		padding-left:10px;
		padding-right:10px;
	}
	#pageIndex #sumate{
		margin-top:-5vh;
	}
	#pageIndex .cont-cliente{
		transform:scale(.9);
	}	

}
@media (max-width:576px){
	#tecnologias .container-text h2{
		margin-top:6em;
	}
	#tecnologias{
		padding-bottom:6em;
	}
	footer .spc-img{
		font-size:1px;
		margin-left:5px;
	}
	#pageIndex #tecnologias .recuadroChico {
		border-radius:22px;
	}
	#pageIndex #qhacemos h2{
		line-height:30px;
	}

	#pageIndex .section-title{
		line-height:45px;
	}
	#pageIndex #home p{
		font-size:1.5em;
		line-height:30px;
	}
	#pageIndex #consultoria h2{
		padding-top:1em;
	}	
	#pageIndex #qsomos .img1{
		display:none;
	}
	#pageIndex #qsomos .recuadro.texto{
		padding-left:10px;
		padding-right:10px;
	}
	#pageIndex #qsomos h3{
		text-align:center;
	}
	#pageIndex #qsomos p{
		max-width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	#pageIndex #tecnologias .col-i{
		margin-top:-5em;
		width:50%;
		margin-left:auto;
		margin-right:auto;

	}
	#pageIndex #tecnologias .col-t{
		width:90%;
		margin-left:auto;
		margin-right:auto;
		text-align:center;
		padding-top:1em;
	}
	#pageIndex #sumate .recuadroChico{
		border-radius:30px;
	}
	#pageIndex #tecnologias a{
		padding-left:1em;
		padding-right:1em;
		font-size:1em;
	}
	#pageIndex .cont-cliente{
		width:calc(100% / 2);
		padding-left:20px;
		padding-right:20px;
	}
	
	footer .br1,
	footer .br2{
		display:none;
	}
	footer p{
		text-align:center;
	}
	footer .rowLogo{
		text-align:center;
	}
	footer img.imgLogo {
		margin-left:auto;
		margin-right:auto;
	}
	footer .textFooter{
		margin-left:auto;
		margin-right:auto;
	}
	#pageIndex #sumate a{
		margin-left:20%;
	}
	#pageIndex #collection .card{
		transform:scale(.7);
		margin-left:-30px;
		margin-right:-30px;
		margin-top:-100px;
		margin-bottom:-100px;
	}
	#pageIndex .collection-list{
		gap:0px;
	}
	.nav-link{
		font-size:1.2em!important;
	}
	#pageContactanos .formularioContactanos .col{
		width:98%;
		margin-left:auto;
		margin-right:auto;
	}
	#pageSumate .formularioSumate .col{
		max-width:500px;
		margin-left:auto;
		margin-right:auto;
		width:98%;
	} 
	#pageIndex #sumate{
		margin-top:-12vh;
	}
	#pageIndex #consultoria .recuadro a{
		text-align:center;
		font-size:1em;
		padding:5px;
		border:1px solid #4016ED;
	}

}
@media (max-width:390px){

		#pageIndex #tecnologias{
			margin-top:0px;
			padding-top:3em;
		}
		#pageIndex #tecnologias h2{
		font-size:1em;
		}
		#pageIndex #tecnologias a{
		font-size:.9em;
		}
		#pageIndex #consultoria .recuadro a{
		text-align:center;
		font-size:.9em;
		padding:5px;
		padding-left:7px;
		padding-right:7px;
		height:unset;
		max-width:90%;
		}
		#pageIndex .col-t-2{
			margin-bottom:4em;
			margin-top:-8em;
		}
		#pageIndex .col-i-2{
			margin-top:4em;
		}
		#pageIndex .col-i-3{
			margin-top:3em;
		}
		#pageIndex .col-t-3{
			margin-top:-2em;
		}
		#pageIndex #qsomos p{
			max-width:100%;
		}
		#pageIndex #consultoria .recuadro{
			padding-left:5px;
			padding-right:5px;
		}
		#pageIndex #consultoria .pc {
			margin-top:0px;
		}
		#pageIndex #consultoria h2{
		padding-top:0em;
		}	
		#pageIndex #consultoria{
			margin-top:1em;
			padding-top:6em;
		}
		#pageIndex #qsomos h3{
			font-size:1.5em;
		}
		#pageIndex #collection h2{
			font-size:1.5em;
		}
		#pageIndex #comoTrabajamos h3{
			font-size:1.5em;
		}
		#pageIndex #consultoria h2{
			font-size:1.5em;
		}
		footer img.imgLogo{
			width:60%;
		}
		#pageIndex .col-t-4 {
			margin-top:-4em;
		}
		#consultoria .recuadro{
			border-radius:20px;
		}
		#pageIndex #sumate{
			margin-top:-10em;
		}
		.nav-link{
			font-size:1em!important;
		}


}
@media (max-width:370px){
	#pageIndex .banner-x {
		bottom:26em;
	}
	#pageIndex .banner .section-title{
		font-size:2.5em;
	}
	#pageIndex #consultoria h2{
		padding-top:0em;
	}	
}