@media screen and (min-width: 1440px) {
	.section {
	    padding-left: 10vh;
	    padding-right: 10vh;
	}
	.content .title {
	    font-size: 56px;
	    line-height: 54px;
	    letter-spacing: -1px;
	}
	.content .title b {
	    font-size: 56px;
	}
	.content .text {
	    width: 100%;
	    font-size: 18px;
	    margin-top: 26px;
	    line-height: 26px;
	    margin-bottom: 37px;
	}
	.logo-section {
	    margin-bottom: 20px;
	    height: 32px;
	}
	.number{
		font-size: 24em;
	}
	.content-footer{
	    padding-bottom: 40px;
	    height: 100%;
	}
}
@media screen and (max-width: 1024px) {
	.content .text {
	    width: 399px;
	    line-height: 31px;
	}
	.content_center {
	    padding-top: 12vh;
	}
	.content-footer {
	    padding-bottom: 0px;
	}
	.logo-section {
	    margin-bottom: 20px;
	    height: 52px;
	}
	.back-btn {
	    margin-top: 29px;
	}
	.content .title{
		line-height: 62px;
		font-size: 39px;
	}
	.number_bonus{
		font-size: 6em;
	}
}
@media screen and (max-width: 768px) {
	.section-fixed-footer{
		height: auto !important;
	}
	.veinte {
	    width: 87%;
	    height: 90%;
	}
	.section {
	    padding-left: 3vh;
	    padding-right: 0;
	}
	.content .text {
	    width: 62%;
	    line-height: 31px;
	}
	.content .title {
	    line-height: 53px;
	    font-size: 29px;
	}
	.content .title b{
	    line-height: 53px;
	    font-size: 33px;
	}
	.content_proyect {
	    padding-top: 8vh;
	    padding-bottom: 8vh;
	    height: 100%;
	}
	.content-footer {
	    padding-bottom: 0px;
	    position: relative;
	    display: block;
	}
	.box-info-footer {
	    width: 100%;
	    position: absolute;
	    display: block;
	    order: 0;
	    top: 163px;
	    left: 6px;
	}
	.box-rd {
	    width: 100%;
	    position: absolute;
	    display: block;
	    order: 2;
	    top: 120px;
	}
	.content-fixed{
		/* top: 16px; */
	}
}
@media screen and (max-width: 767px) {
	.logo{
		width: 100px;
	}
	.section{
		padding-left: 25px;
		padding-right: 25px;
	}
	.section-fixed-logo{
		padding-top: 40px;
		padding-left: 25px;
		padding-right: 25px;
	}
	.section-fixed-footer{
		width: 100%;
		margin-top: -25px;
		padding-left: 25px;
		padding-right: 25px;
		text-align: right;
	}
	.section-fixed-logo + .section{
		display: none;
	}
	.content .title {
	    line-height: 0.8;
	    font-size: 32px;
	}
	.content .text {
	    width: 100%;
	    font-size: 13px;
	    line-height: 1.8;
	}
	.col-scrollify{
		display: none;
	}
	.content_huevon .logo-section{
		display: none!important;
	}
	.logo-section{
		text-align: right;
		margin-top: -20px;
		margin-bottom: 0px;
	}
	/*.content-fixed{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		position: relative;
	}*/
	.content-fixed{
		position: static;
		height: auto;
	}
	.section-fixed{
		height: auto;
	}
	.section-scroll{
		height: 310px;
	}
	.section-fixed .content{
		padding-top: 30px;
		padding-bottom: 30px;
		height: auto;
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		        flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		        justify-content: center;
	}
	.box-info-footer{
		-webkit-box-ordinal-group: 3;
				   -ms-flex-order: 2;
				   			order: 2;
		position: static;
	}
	.box-info-footer span,
	.box-info-footer a{
		font-size: 12px;
		line-height: 1.6;
	}
	.content-footer{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		padding-top: 0px;
		padding-bottom: 40px;
	}
	.box-rd{
		-webkit-box-ordinal-group: 2;
				   -ms-flex-order: 1;
				   			order: 1;
		position: static;
		margin-bottom: 20px;
	}
	.box-rd ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		        justify-content: flex-end;
	}
	.swiper-button-next::after,
	.swiper-button-prev::after{
		content: '';
	}
	.swiper-button-prev{
		background-image: url('../images/back.svg');
	}
	.swiper-button-next{
		background-image: url('../images/next.svg');
	}
	.swiper-button-next, .swiper-button-prev{
		outline: 0px;
		background-size: 60%;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.number{
		font-size: 9em;
	}
	.number_bonus{
		font-size: 4em;
	}
	.back-btn{
		width: 117px;
	}


	.veinte_up{
		background-image:url(../images/mobile/20.jpg);
	}
	.dnueve_up{
		background-image:url(../images/mobile/18.jpg);
	}
	.docho_up{
		background-image:url(../images/mobile/17.jpg);
	}
	.dsiete_up{
		background-image:url(../images/mobile/12.jpg);
	}
	.dseis_up{
		background-image:url(../images/mobile/16.jpg);
	}
	.dcinco_up{
		background-image:url(../images/mobile/4.jpg);
	}
	.dcuatro_up{
		background-image:url(../images/mobile/14.jpg);
	}
	.dtres_up{
		background-image:url(../images/mobile/13.jpg);
	}
	.ddos_up{
		background-image:url(../images/mobile/11.jpg);
	}
	.duno_up{
		background-image:url(../images/mobile/10.jpg);
	}
	.diez_up{
		background-image:url(../images/mobile/9.jpg);
	}
	.nueve_up{
		background-image:url(../images/mobile/8.jpg);
	}
	.ocho_up{
		background-image:url(../images/mobile/1.jpg);
	}
	.siete_up{
		background-image:url(../images/mobile/7.jpg);
	}
	.seis_up{
		background-image:url(../images/mobile/6.jpg);
	}
	.cinco_up{
		background-image:url(../images/mobile/5.jpg);
	}
	.cuatro_up{
		background-image:url(../images/mobile/15.jpg);
	}
	.tres_up{
		background-image:url(../images/mobile/3.jpg);
	}
	.dos_up{
		background-image:url(../images/mobile/2.jpg);
	}
	.uno_up{
		background-image:url(../images/mobile/19.jpg);
	}
	.huevon_up{
		background-image:url(../images/mobile/bonus.jpg);
	}
	.logo-section img.logo-cristal-custom {
		top: 0;
	}
	
	.logo-section img.logo-sjm-custom {
		top: 0;
	}
	
	.logo-section img.logo-jumbo-custom {
		top: 0;
	}
	
	.logo-section img.logo-constitucionario-custom {
		top: -17px;
	}
}
.is-gifed{
	object-fit: contain;
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.content,
	.content .text{
		width: 100%;
	}
}
@media screen and (orientation: landscape){
	/*.section-empty{
		display: none;
	}*/
}
@media screen and (min-width: 768px){
	.section-scrollify,
	.section-images-scrollify{
		display: none;
	}
}