@media (max-width: 375px){
	.card-form{
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 14px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 75%;
		font-size: 14px;
	}
	#card{
		width: 75%;
		font-size: 14px;
	}
	.exp-input{
		width: 25%;
		display: inline-block;
		font-size: 14px;
	}
	#email{
		width: 70%;
		font-size: 14px;
	}
	#totalNH{
		width: 70%;
		display: inline-block;
		font-size: 14px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 24%;
		margin-right: 0;
		display: inline-block;
		font-size: 14px;
	}
	.label-titulo-pago{
		font-size: 30px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 20px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 1%;
		margin-right: 1%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: auto;
	}
	.label-titulo-resumen-compra{
		font-size: 30px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: auto;
	}
	.label-form-campo{
		font-weight: bold;
	}

	.img-tabla-resumen-compra img{
		width: 60%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}
@media (min-width: 375px) and (max-width: 576px) { 
.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 14px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 60%;
		font-size: 14px;
	}
	#card{
		width: 60%;
		font-size: 14px;
	}
	.exp-input{
		width: 20%;
		display: inline-block;
		font-size: 14px;
	}
	#email{
		width: 60%;
		font-size: 14px;
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 14px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 20%;
		margin-right: 0;
		display: inline-block;
		font-size: 14px;
	}
	.label-titulo-pago{
		font-size: 30px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 20px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 30px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: 600px;
	}
	.label-form-campo{
		font-weight: bold;
	}
}

@media (min-width: 576px) and (max-width: 768px) { 
.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 14px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 60%;
		font-size: 14px;
	}
	#card{
		width: 60%;
		font-size: 14px;
	}
	.exp-input{
		width: 20%;
		display: inline-block;
		font-size: 14px;
	}
	#email{
		width: 60%;
		font-size: 14px;
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 14px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 20%;
		margin-right: 0;
		display: inline-block;
		font-size: 14px;
	}
	.label-titulo-pago{
		font-size: 30px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 20px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 30px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: 600px;
	}
	.label-form-campo{
		font-weight: bold;
	}
}

@media (min-width: 768px) and (max-width: 992px) { 
.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 14px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 60%;
		font-size: 14px;
	}
	#card{
		width: 60%;
		font-size: 14px;
	}
	.exp-input{
		width: 20%;
		display: inline-block;
		font-size: 14px;
	}
	#email{
		width: 60%;
		font-size: 14px;
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 14px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 20%;
		margin-right: 0;
		display: inline-block;
		font-size: 14px;
	}
	.label-titulo-pago{
		font-size: 30px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 20px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 30px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: 600px;
	}
	.label-form-campo{
		font-weight: bold;
	}
}

@media (min-width: 992px) and (max-width: 1200px){ 
.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 14px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 50%;
		font-size: 14px;
	}
	#card{
		width: 50%;
		font-size: 14px;
	}
	.exp-input{
		width: 15%;
		display: inline-block;
		font-size: 14px;
	}
	#email{
		width: 50%;
		font-size: 14px;
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 14px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 15%;
		margin-right: 0;
		display: inline-block;
		font-size: 14px;
	}
	.label-titulo-pago{
		font-size: 30px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 20px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 30px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: 600px;
	}
	.label-form-campo{
		font-weight: bold;
	}
}

@media (min-width: 1200px) and (max-width: 1300px) {
.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 14px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 50%;
		font-size: 14px;
	}
	#card{
		width: 50%;
		font-size: 14px;
	}
	.exp-input{
		width: 10%;
		display: inline-block;
		font-size: 14px;
	}
	#email{
		width: 50%;
		font-size: 14px;
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 14px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 12%;
		margin-right: 0;
		display: inline-block;
		font-size: 14px;
	}
	.label-titulo-pago{
		font-size: 20px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 20px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 30px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: 600px;
	}
	.label-form-campo{
		font-weight: bold;
	}

}

/* * { border: 1px solid black; }*/

@media (min-width: 1300px) and (max-width: 1500px) {
	.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 14px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 50%;
		font-size: 14px;
	}
	#card{
		width: 50%;
		font-size: 14px;
	}
	.exp-input{
		width: 10%;
		display: inline-block;
		font-size: 14px;
	}
	#email{
		width: 50%;
		font-size: 14px;
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 14px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 12%;
		margin-right: 0;
		display: inline-block;
		font-size: 14px;
	}
	.label-titulo-pago{
		font-size: 30px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
		font-size: 14px;
		width: 50%;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 20px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 30px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: auto;
	}
	.label-form-campo{
		font-weight: bold;
	}

	.img-tabla-resumen-compra img{
		width: 40%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

}

@media (min-width: 1500px) and (max-width: 1700px) {
	.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 20px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 50%;
		font-size: 20px;
	}
	#card{
		width: 50%;
		font-size: 20px;
	}
	.exp-input{
		width: 10%;
		display: inline-block;
		font-size: 20px;
	}
	#email{
		width: 50%;
		font-size: 20px;
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 20px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 12%;
		margin-right: 0;
		display: inline-block;
		font-size: 20px;
	}
	.label-titulo-pago{
		font-size: 35px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
		font-size: 20px;
		width: 50%;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 20px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 30px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: auto;
	}
	.label-form-campo{
		font-weight: bold;
	}

	.img-tabla-resumen-compra img{
		width: 40%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

}

@media (min-width: 1700px) and (max-width: 1800px) {
	.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 20px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 50%;
		font-size: 20px;
	}
	#card{
		width: 50%;
		font-size: 20px;
	}
	.exp-input{
		width: 10%;
		display: inline-block;
		font-size: 20px;
	}
	#email{
		width: 50%;
		font-size: 20px;
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 20px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 12%;
		margin-right: 0;
		display: inline-block;
		font-size: 20px;
	}
	.label-titulo-pago{
		font-size: 35px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
		font-size: 20px;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 20px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 30px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: 600px;
	}
	.label-form-campo{
		font-weight: bold;
	}

	.img-tabla-resumen-compra img{
		width: 40%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

}

@media (min-width: 1800px) and (max-width: 2000px) {
	.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 20px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 50%;
		font-size: 20px;
	}
	#card{
		width: 50%;
		font-size: 20px;
	}
	.exp-input{
		width: 10%;
		display: inline-block;
		font-size: 20px
	}
	#email{
		width: 50%;
		font-size: 20px
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 20px
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 12%;
		margin-right: 0;
		display: inline-block;
		font-size: 20px
	}
	.label-titulo-pago{
		font-size: 35px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
		font-size: 20px;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 20px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 30px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: 600px;
	}
	.label-form-campo{
		font-weight: bold;
	}

	.img-tabla-resumen-compra img{
		width: 40%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

}

@media (min-width: 2000px) and (max-width: 2700px) {
	.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 20px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 50%;
		font-size: 20px;
	}
	#card{
		width: 50%;
		font-size: 20px;
	}
	.exp-input{
		width: 10%;
		display: inline-block;
		font-size: 20px;
	}
	#email{
		width: 50%;
		font-size: 20px;
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 20px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 12%;
		margin-right: 0;
		display: inline-block;
		font-size: 20px;
	}
	.label-titulo-pago{
		font-size: 35px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
		font-size: 20px;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 20px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 30px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: 600px;
	}
	.label-form-campo{
		font-weight: bold;
	}

	.img-tabla-resumen-compra img{
		width: 40%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

}

@media (min-width: 2700px) and (max-width: 3000px) {
	.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 30px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 50%;
		font-size: 30px;
	}
	#card{
		width: 50%;
		font-size: 30px;
	}
	.exp-input{
		width: 10%;
		display: inline-block;
		font-size: 30px;
	}
	#email{
		width: 50%;
		font-size: 30px;
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 30px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 12%;
		margin-right: 0;
		display: inline-block;
		font-size: 30px;
	}
	.label-titulo-pago{
		font-size: 45px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
		font-size: 30px;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 20px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 30px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: 600px;
	}
	.label-form-campo{
		font-weight: bold;
	}

	.img-tabla-resumen-compra img{
		width: 50%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

}

@media (min-width: 3000px) and (max-width: 4000px) {
	.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 30px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 50%;
		font-size: 30px;
	}
	#card{
		width: 50%;
		font-size: 30px;
	}
	.exp-input{
		width: 10%;
		display: inline-block;
		font-size: 30px;
	}
	#email{
		width: 50%;
		font-size: 30px;
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 30px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 12%;
		margin-right: 0;
		display: inline-block;
		font-size: 30px;
	}
	.label-titulo-pago{
		font-size: 45px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
		font-size: 40px;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	#tabla-pago-resumen-titulo{
		font-size: 40px;
	}
	.btn-crear-token{
		font-size: 40px;
	}
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 20px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 30px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: 600px;
	}
	.label-form-campo{
		font-weight: bold;
	}

	.img-tabla-resumen-compra img{
		width: 50%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

}

@media (min-width: 4000px) and (max-width: 5000px) {
	.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 40px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 50%;
		font-size: 40px;
	}
	#card{
		width: 50%;
		font-size: 40px;
	}
	.exp-input{
		width: 10%;
		display: inline-block;
		font-size: 40px;
	}
	#email{
		width: 50%;
		font-size: 40px;
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 40px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 12%;
		margin-right: 0;
		display: inline-block;
		font-size: 40px;
	}
	.label-titulo-pago{
		font-size: 55px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
		font-size: 40px;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	#tabla-pago-resumen-titulo{
		font-size: 40px;
	}
	.btn-crear-token{
		font-size: 40px;
	}
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 40px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 40px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: 600px;
	}
	.label-form-campo{
		font-weight: bold;
	}

	.img-tabla-resumen-compra img{
		width: 60%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

}

@media (min-width: 5000px) {
	.card-form{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: auto;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
		font-size: 40px;
	}
	.card-form-campo{
		margin-top: 20px;
	}
	.card-form-campo-resumen{
		margin-top: 5px;
	}

	.card-form-campo-izq{
		display: inline-block;
		width: 30%;
		text-align: left;
	}
	.btn-pago{
		text-align: center;
	}
	.btn-pago button{
		width: 300px;
	}
	.card-form-campo-der{
		display: inline-block;
		width: 65%;
	}
	.tabla-pago-form{
		margin-left: 1%;
		margin-right: 1%;
	}
	#name{
		width: 50%;
		font-size: 40px;
	}
	#card{
		width: 50%;
		font-size: 40px;
	}
	.exp-input{
		width: 10%;
		display: inline-block;
		font-size: 40px;
	}
	#email{
		width: 50%;
		font-size: 40px;
	}
	#totalNH{
		width: 20%;
		display: inline-block;
		font-size: 40px;
	}
	.label-tipo-cambio{
		display: inline-block;
	}
	.label-cvs{
		width: 12%;
		margin-right: 0;
		display: inline-block;
		font-size: 40px;
	}
	.label-titulo-pago{
		font-size: 55px;
		text-align: center;
	}
	.btn-crear-token{
		display: inline-block;
		font-size: 40px;
		width: 50%;
	}
	.loader-pago{
		display: inline-block;
	}
	.modal-body-pago{
		text-align: center;
	}
	.modal-body-pago img{
		width: 15vh;
		height: auto;
		padding: 10px;
	}

	/* TABLA ARTICULOS */
	#tabla-pago-resumen-titulo{
		font-size: 40px;
	}
	.btn-crear-token{
		font-size: 40px;
	}
	.tabla-pago-tarj table{
		width: 100%;
	}
	/*
	.tabla-pago-tarj table, th, td{
		border: solid #BCBCBC;
		border-width: thin;
	}*/
	.tabla-pago-tarj td{
		border: solid #BCBCBC;
		border-width: thin;
	}
	.tabla-pago-tarj th, td{
		padding: 10px;
	}

	.tabla-pago-tarj label{
		font-size: 40px;
	}
	.resumen-compra-img img{
		width: 30px;
		height: auto;
	}
	/*
	.card-form-campo label{
		display: inline;
		text-align: right;
	}
	.card-form-campo input{
		display: inline;
	}*/

	/* RESUMEN DE COMPRA DESPUES DE PAGO */
	.pago-resumen-de-compra-outer{
		margin-left: 20%;
		margin-right: 20%;
		margin-top: 50px;
		height: 530px;
		box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
		padding: 40px;
		border-radius: 20px;
	}
	.pago-resumen-de-compra-inner{
		height: 600px;
	}
	.label-titulo-resumen-compra{
		font-size: 40px;
		text-align: center;
	}
	.pago-resumen-de-compra-contenedor{
		width: 100%;
		height: 600px;
	}
	.label-form-campo{
		font-weight: bold;
	}

	.img-tabla-resumen-compra img{
		width: 60%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

}