@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 360px){
}
@media screen and (min-width : 480px){
	.title-portada{
		margin-top: 10%;
	}
	.depila{
		margin-top: 50px;
	}
}
@media screen and (min-width : 640px){
	.trat-article{
		width: 50%;
		min-height: 350px;
	}
}
@media screen and (min-width: 768px){
	.special-margin{
		margin-top:250px !important;
	}
	.title-portada{
		margin-top: 55%;
	}
	.depila{
		font-size: 33px;
		margin: 150px 50px 0px;
	}
	.dejate{
		font-size: 74px;
		margin: 10px 50px 0px;
	}
	.title-portada p{
		margin: 10px 50px 0px;
	}
	.boton{
		padding: 30px !important;
	}
	.title-bridge{
		font-size: 44px;
	}
	.subtitle-bridge{
		font-size: 23px;
	}
	.half-article{
		float: left;
		padding-bottom: 65px;
		width: 50%;
	}
	.container-malika h3{
		padding: 100px 30px 10px;
	}
	.image-in{
		background-position: -620px center;
	}
	.promo-article{
		flex:0 0 calc(33% - 1rem);
	}
	.flex {
		flex-direction: row;
	}
	.big-title{
		margin: -230px auto 0px !important;
	}
	.big-title h1{
		font-size: 74px !important;
		margin: 0px 50px 0px !important;
	}
	.big-title h2{
		font-size: 24px !important;
		margin: 20px 50px 0px !important;
	}
}

@media screen and (min-width: 1024px){
	/*.malika-1{
		background-size: contain !important;
	}
	.malika-2{
		background-size: contain !important;
	}*/
	.depi-article-text,
	.depi-article-image{
		height: 70%;
		min-height: 700px;
	}
	.depi-text-container{
		left: 0px;
		width: 40% !important;
		position: absolute !important;
		top: 0px;
		height: 100% !important;
	}
	.depi-image-container{
		right: 0px;
		width: 60% !important;
		position: absolute !important;
		top: 0px;
		height: 100% !important;
	}
	.depi-text-container-sec{
		right: 0px;
		width: 40% !important;
		position: absolute !important;
		top: 0px;
		height: 100% !important;
	}
	.depi-image-container-sec{
		left: 0px;
		width: 60% !important;
		position: absolute !important;
		top: 0px;
		height: 100% !important;
	}
	.title-portada{
		margin-top: 22%;
	}
	.trat-article{
		width: 33.333%;
		min-height: 350px;
	}
	.image-in{
		background-position: center center;
	}
	.foot-article-form{
		float: left;
		width: 65%;
	}
	.foot-article-text{
		float: left;
		width: 35%;
	}

}
@media screen and (min-width: 1280px){

	.menu-icon,
	.mobile{
		display: none;
		visibility: hidden;
	}

	.menu-desktop{
		display: block;
		visibility: visible;
	}
	.title-portada{
		margin-top: 10%;
	}
	.image-in-two{
		background-position: center center;
	}
	.depi-article-text,
	.depi-article-image{
		padding: 90px 0px;
	}
	.depi-article-text,
	.depi-article-image{
		height: 90%;
	}
	.depi-text-container div,
	.depi-text-container-sec div{
		margin: 180px auto 0px !important;
		width: 75% !important;
	}
	.depi-text-container div h3,
	.depi-text-container-sec div h3{
		font-size: 23px !important;
	}
	.depi-text-container div p,
	.depi-text-container-sec div p{
		font-size: 19px !important;
		line-height: 29px !important;
	}
}

@media screen and (min-width: 1660px){

	.centrado{
		width: 90%;
	}
}