/* TABLET */
@media only screen and ( min-width:720px ) and (max-width:1060px){
	.desktop, .movil{ display: none; }
	.tablet{ display: block; }
}

/* SMARTPHONE */
@media only screen and ( min-width:320px ) and (max-width:719px){
	.desktop, .tablet{ display: none; }
	.movil{ display: block; }
	.contenedor{
		padding: 0 20px;
	}
	body.stop{
		overflow: hidden;
	}
	header{
		justify-content: center;
	}
	header .logo img{
		width: 140px;
	}
	header .btn-menu{
		display: flex;
		flex-direction: column;
	    align-items: center;
    	justify-content: center;
	}
	header .btn-menu span#x {
		float: left;
		display: block;
		width: 24px;
		height: 22px;
		margin: 15px 13px;
		-webkit-transition: all .3s ease, -webkit-transform .2s ease;
		      transition: all .3s ease, transform .2s ease;
		background: -webkit-linear-gradient(to bottom, transparent 0%, transparent 10%, #951b81 10%, #951b81 20%, transparent 20%, transparent 40%, #951b81 40%, #951b81 50%, transparent 50%, transparent 70%, #951b81 70%, #951b81 80%, transparent 80%), linear-gradient(transparent, transparent);
		background: linear-gradient(to bottom, transparent 0%, transparent 10%, #951b81 10%, #951b81 20%, transparent 20%, transparent 40%, #951b81 40%, #951b81 50%, transparent 50%, transparent 70%, #951b81 70%, #951b81 80%, transparent 80%), linear-gradient(transparent, transparent);
		-webkit-transform: scale(0.9);
		  -ms-transform: scale(0.9);
		      transform: scale(0.9);
	}
	header .btn-menu span#x.clicked {
		background: -webkit-linear-gradient(-45deg, transparent 0%, transparent 46%, #951b81 46%, #951b81 55%, transparent 51%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 46%, #951b81 46%, #951b81 55%, transparent 51%, transparent 100%);
		background: linear-gradient(-45deg, transparent 0%, transparent 46%, #951b81 46%, #951b81 55%, transparent 51%, transparent 100%), linear-gradient(45deg, transparent 0%, transparent 46%, #951b81 46%, #951b81 55%, transparent 51%, transparent 100%);
		-webkit-transform: rotate(180deg);
		  -ms-transform: rotate(180deg);
		      transform: rotate(180deg);
	}
	header .btn-menu span#x.clicked:active, header .btn-menu span#x.clicked:hover {
		-webkit-transform: scale(0.9) rotate(180deg);
		  -ms-transform: scale(0.9) rotate(180deg);
		      transform: scale(0.9) rotate(180deg);
	}
	header nav{
		display: none;
		position: fixed;
	    top: 64px;
	    background: #fff;
	    width: 100%;
	    height: calc(100vh - 64px);
	    left: 0;
	    padding: 50px 20px;
	}
	header nav ul{
		flex-direction: column;
	}
	header nav ul li a{
		font-size: 28px;
	}
	.contenedor-row{
		padding: 0 20px;
	}
	.sliders .slides .txt{
		font-size: 30px;
		line-height: 40px;
	}
	.section1{
		flex-direction: column;
	}
	.section1 .mid{
		width: 100%;
	}
	.section1 .mid:first-child{
		display: none;
	}
	.section1 .mid:last-child{
    	padding: 100px 50px;
    	min-height: auto;
	}
	.section1:last-child .mid:last-child{
		padding: 100px 50px;
    	min-height: auto;
	}
}