/* RESPONSIVE */

@media only screen and (min-height: 1px) and (max-height: 380px) {
	.responsivcard {height: 45vh !important;}
	.responsivcarde {height: 45vh !important;}
	.card-center{height: 45vh !important;}
	.botonsiguiente h2 {display: none !important;}
	.ticketp1, .ticketp3, .ticketp2-1, .ticketp3-2 {display: none !important;}
}

@media only screen and (min-height: 381px) and (max-height: 440px) {
	.responsivcard {height: 55vh !important;}
	.responsivcarde {height: 55vh !important;}
	.card-center{height: 55vh !important;}
	.botonsiguiente h2 {font-size: 10px !important;}
	.botonsiguiente i {font-size: 24px !important;}
	.ticketp1, .ticketp3, .ticketp2-1, .ticketp3-2 {display: none !important;}
}

@media only screen and (min-height: 441px) and (max-height: 645px) {
	.responsivcard {height: 60vh !important;}
	.responsivcarde {height: 60vh !important;}
	.card-center{height: 60vh !important;}
	.conteiner h2 {margin: 0 !important;font-size: 18px !important;}
	.conteiner img {width: 50px !important;}
	.botonsiguiente h2 {font-size: 11px !important;}
	.botonsiguiente i {font-size: 26px !important;}
	.botonsiguiente {height: 15vh !important;}
	.ticketp2 {height: 20vh !important;}
	/* .ticketp1, .ticketp3, .ticketp3-2 {display: none !important;} */
}

@media only screen and (min-height: 760px) {
	.responsivcard {height: 75vh !important;}
	.responsivcarde {height: 75vh !important;}
	.card-center{height: 75vh !important;}
}

@media only screen and (min-height: 760px) and (max-width: 340px) {
	.conteiner h2 {margin: 0 !important;font-size: 18px !important;}
	.botonsiguiente h2 {font-size: 14px !important;}
	/* .botonsiguiente i {font-size: 22px !important;} */
}

@media only screen and (min-height: 760px) and (min-width: 341px) and (max-width: 470px) {
	.conteiner h2 {margin: 0 !important;font-size: 18px !important;}
	.botonsiguiente h2 {font-size: 14px !important;}
	/* .botonsiguiente i {font-size: 22px !important;} */
}

@media only screen and (max-width: 340px) {
	.conteiner h2 {margin: 0 !important;font-size: 14px !important;}
	.conteiner img {width: 50px !important;}
	.botonsiguiente h2 {font-size: 7px !important;}
	.botonsiguiente i {font-size: 18px !important;}
}

@media only screen and (min-width: 341px) and (max-width: 370px) {
	.conteiner h2 {margin: 0 !important;font-size: 18px !important;}
	.conteiner img {width: 50px !important;}
	.botonsiguiente h2 {font-size: 9px !important;}
	.botonsiguiente i {font-size: 22px !important;}
}

/* old but gold */
@media only screen and (max-height: 570px) {
	.responsiveInfo{height: 50px !important; margin: 10px 15px 0 15px !important;}
	.responsiveTexto p {font-size: 14px !important;}
	.responsiveTexto h1 {font-size: 32px !important;}
}

@media only screen and (min-height: 571px) and (max-height: 650px) {
	.responsiveInfo{height: 60px !important; margin: 10px 15px 0 15px !important;}
	.responsiveTexto p {font-size: 16px !important;}
	.responsiveTexto h1 {font-size: 38px !important;}
}

@media only screen and (max-height: 651px) {
	.responsiveSuccess{height: 100px !important; margin: 5px 15px 0 15px !important;}
	.responsiveSuccessSalida{height: 100px !important; margin: 10px 15px 0 15px !important;}
	.responsiveInfo{height: 100px !important; margin: 20px 15px 0 15px !important;}
	.responsiveTexto p {font-size: 16px !important;}
	.responsiveTexto h1 {font-size: 38px !important;}
	.responsiveInfoTiming{height: 80px !important; margin: 20px 15px 0 15px !important;}
}

@media only screen and (max-height: 700px) {
	.responsiveSuccess{height: 80px !important; margin: 5px 15px 0 15px !important;}
	.responsiveSuccessSalida{height: 65px !important; margin: 10px 15px 0 15px !important;}
	.responsiveInfoTiming2{height: 60px !important; margin: 20px 15px 0 15px !important;}
}

@media only screen and (max-height: 620px) {
	.responsiveSuccess{height: 70px !important; margin: 5px 15px 0 15px !important;}
	.responsiveSuccessSalida{height: 55px !important; margin: 10px 15px 0 15px !important;}
	.responsiveInfoTiming2{height: 50px !important; margin: 20px 15px 0 15px !important;}
}

@media only screen and (max-height: 560px) {
	.responsiveSuccess{height: 65px !important; margin: 5px 15px 0 15px !important;}
	.responsiveSuccessSalida{height: 50px !important; margin: 10px 15px 0 15px !important;}
	.responsiveInfoTiming2{height: 45px !important; margin: 20px 15px 0 15px !important;}
}

@media only screen and (max-height: 559px) {
	.botonok {bottom: 5px !important;}
	.espaciovacio {height: 0px !important;}
	.h1 {font-size: 20px !important;}
	.p {font-size: 10px !important; margin-top: 5px !important; line-height: 15px !important;}
}

@media only screen and (min-height: 475px) {
	.espaciovacio {height: 40px !important;}
	.h1 {font-size: 30px !important;}
	.p {font-size: 13px !important;}
}

@media only screen and (min-height: 560px) {
	.espaciovacio {height: 40px !important;}
	.h1 {font-size: 30px !important;}
	.p {font-size: 15px !important;}
}

@media only screen and (min-height: 700px) {
	.espaciovacio {height: 80px !important;}
	.card-style {margin: 0px 16px 20px 16px !important;}
	.h1 {font-size: 35px !important; margin-bottom: 50px !important;}
	.p {font-size: 18px !important; margin-top: 50px !important;}
}

@media only screen and (max-height: 524px) {
	.responsiveSuccess{height: 60px !important; margin: 10px 15px 0 15px !important;}
	.responsiveSuccessSalida{height: 45px !important; margin: 10px 15px 0 15px !important;}
	.responsiveInfoTiming2{height: 40px !important; margin: 5px 15px 0 15px !important;}
	.responsiveITiming h1, .responsiveSuccess h1, .responsiveSuccessSalida h1 {font-size: 18px !important;}
	.responsiveITiming h3, .responsiveSuccess h3, .responsiveSuccessSalida h3 {font-size: 16px !important;}
	.cambiarcol {width: 75% !important; flex: 0 0 75% !important;}
}

@media only screen and (max-width: 308px) {
	.responsiveITiming h1 {font-size: 16px !important;}
	.responsiveITiming h3 {font-size: 14px !important;}
	.cambiarcol {width: 75% !important; flex: 0 0 75% !important;}
}

@media only screen and (max-width: 394px){
	.cambiarcol {width: 75% !important; flex: 0 0 75% !important;}
	.cambiarcol10 {width: 75% !important; flex: 0 75% !important;}
	.cambiarcol2 {width: 10% !important; flex: 0 0 10% !important;}
}
/* old but gold */
/* RESPONSIVE fin */