@media screen and (max-width: 768px){
	html{ font-size: 10px; }
	#estudio_02 .carrusel, #estudio_02 .textuales .slides li {box-sizing: border-box;}
	#estudio_02 {min-height: initial;}

	header .logo {top: 6.5%; left: 10%;}
	header .logo img {width: 100px;}
	header .btnMenu {top: 6%; right: 10%;}
	
	.w-60{width:80%;}
	.slide1Welcome{ position: absolute !important; top:20rem; left: 2rem; right:10rem; }
	.slide2Welcome{ position: absolute !important; top:10rem; left: 3.5rem; right:10rem; }
	.slide3Welcome{ position: absolute !important; top:20rem; left: 3rem; right:10rem; }
#estudio_03 .awards .premio{width: 46%; display:flex; flex-direction: column; align-items: center; }
.p-r-2{ padding-right: 0; }
.p-l-2{ padding-left: 0; }

	#nav_main, #estudio_02 .clientList, #manchas .border, #manchas .circle, #manchas .mancha, .arrowDown {display: none !important;}
				.flexBehance span {bottom: 46px;}
				.flexMole .copy {width: 220px; top: 25px;}
				.flexMole img.phone {width: 230px; top: -30px;}
	#inicio .welcome, #slide1 .welcome, #slide2 .welcome, #slide3 .welcome {margin-top: 0 !important; height: initial !important}
	#slide1 .splash, #slide2 .splash, #slide3 .splash {margin-top: 0% !important;}
	.flexSivori li, .flexSivori {height: 320px;}
	.tikImg{ width: 15rem; height: auto;}
	.tokImg{ width: 18rem; height: auto;}
	.tiktokCss{ width: 100%; display:flex; align-items: center; justify-content: center; padding-top:18rem; }  
	#estudio_01 {padding-bottom: 200px;}
	.tap2 .strip {height: 450px;}
	.game .strip {height: 350px;}
	.gameImgCss{ width: 100%; display:flex; justify-content: center; flex-wrap: wrap; padding-top:16rem; }  
	.gameImg{ width: 11rem; height: auto; padding: 1rem; border-radius: 6px; margin: 1rem; }
	.gamePartner .strip{ height: 50rem; }
	#estudio_02 .number1 { align-items: center; width: 100%; text-align: center; }
	#estudio_02 .number2 { align-items: center; width: 100%; text-align: center; }
	#estudio_02 .strip .slides {padding: 0;}
	#estudio_02 .carrusel {width: 240px; padding: 65px 45px 0;}
	#estudio_02 .textuales .slides li {padding: 0 10%;}
	#estudio_04 {padding-bottom: 0;}
	.gradientManchas {background: initial !important;}
	#estudio_04 .number {margin-left: 0;}
	#manchas {height: initial; overflow: hidden;}
	#manchas .boxInfo {position: relative; top: 0 !important; left: 0 !important; float: left; width: 50%; text-align: left !important; opacity: 1 !important; transform: initial !important;}
	
	#manchas .boxInfo.estudio, #manchas .boxInfo.agencia{color:#ffd200;}

	#estudio_03 .number {width: 100%; position: relative; text-align: center;}
	#estudio_03 .number hr {margin-left: auto; margin-right: auto;}
	#estudio_03 .awards {text-align: center; padding: 0; }
	#estudio_03 .awards .premio {width: 100%; text-align: center; margin-bottom: 10rem;}

	#contacto .wpBoxCont, #manifiesto .boxManifiesto {width: 80%;}
	#contacto .wpBoxCont .boxCont {width: 80%;  margin: 20px 0;}
	
	#manifiesto .boxManifiesto:last-of-type .num {margin-right: 50px;}

	#politicas > div > h3, #politicas > div > p,  #politicas .welcome {width: 80%;}
	#politicas .wpPolit {margin-bottom: 150px;}
	#politicas .welcome {margin-bottom: 50px !important;}
	
	.paomadeng, .paomadeng1 { padding: 4rem 4rem 10rem !important; }
	
	.paomadeng .double-marquee { padding-top: 15rem !important; }
	.paomadeng1 .double-marquee { padding: 0; }
	/* .blueGlow1 .double-marquee,	.blueGlow2 .double-marquee,	.blueGlow3 .double-marquee { padding-top: 0 !important; } */
	.productTitle{ margin-bottom: 0; }
	#contacto .welcome{ margin-top: 10rem; }
	#contacto .wpBoxCont{width: 80%; display: flex; flex-direction: column; }
	#manifiesto .splash{ height: 80% !important; }
	footer { margin-top: -6rem; }
}

@media screen and (max-width:640px){
	html { font-size: 12px !important; }
	#estudio_02 .carrusel {margin-left: 0;}
	#slide1 .splash, #slide2 .splash, #slide3 .splash {margin-top: 0% !important;}
}

@media screen and (max-width:480px){
	html { font-size: 10px !important; }
	.number1 {font-size: 130px;}
	.number1 hr {width: 65px; margin-bottom: 40px;}
	.number1 span {font-size: 30px;}
	.number, .number2 {font-size: 130px;}
	.number hr, .number2 hr {width: 65px; margin-bottom: 40px;}
	.number span, .number2 span {font-size: 30px;}

	.layer {position: relative !important;}
	.splash.layer {position: absolute !important;}
	#slide1 .splash, #slide2 .splash, #slide3 .splash {margin-top: 0% !important;}

	#estudio_01 {padding-bottom: 100px;}
	#estudio_02 .carrusel {padding-top: 185px; margin:0 auto !important;}
	#estudio_02 .textuales {height: 310px;}

	#manchas .boxInfo {width: 100%; margin-bottom: 50px;}

	#contacto .wpBoxCont .boxCont {width: 100%;}

}

@media screen and (max-width: 360px){
	html { font-size: 10px !important; }
	.flexMole img.phone {display: none !important;}
	#slide1 .splash, #slide2 .splash, #slide3 .splash {margin-top: 0% !important;}
	
	.welcome {margin-bottom: 0; margin-top: 130px !important;}
		.welcome p {font-size: 40px; padding: 30px 0;}
	
		.flexMole .copy {width: 290px;}
		.flexBehance span {right: 100px;}

	#estudio_02 .textuales {height: 370px;}

}

@media screen and (max-width: 320px){
	html { font-size: 10px !important; }
	.flexMole .copy {width: 260px;}
	.flexBehance span {right: 80px;}
	#slide1 .splash, #slide2 .splash, #slide3 .splash {margin-top: 0% !important;}

}