@media (max-width: 320px) {
	section.section.info-tarjetas {
		padding-top: 10px;
		margin-top: 0;
	}
	.bg-top {
		top: 0;
	}
	.info-tarjetas .container {
		width: 100%;
	}
	.tarjetas-carousel.owl-carousel.owl-drag .owl-item {
		padding-left: 0;
		padding-right: 0;
		opacity: 0.2;
	}
	.tarjetas-carousel.owl-carousel.owl-drag .owl-item.active {
		opacity: 1;
	}
	.tarjetas-carousel.owl-carousel.owl-drag .owl-item .col-md-8 > .row {
		opacity: 0.2;
	}
	.tarjetas-carousel.owl-carousel.owl-drag .owl-item.active .col-md-8 > .row {
		opacity: 1;
	}
	.info-tarjetas .container .col-md-4 {
		padding: 0;
	}
	.info-tarjetas .col-md-8 .tab-list {
		overflow: hidden;
	}
	.tarjetas-visa .owl-item ul.tab-nav li.active {
		border-left: 3px solid #003576;
		border-bottom: none;
		padding-left: 8px;
	}
	.tarjetas-visa .owl-item ul.tab-nav li {
		display: block;
		font-size: 1.05em;
		height: 30px;
		line-height: 30px;
		padding: 0;
		text-align: left;
	}
	.info-tarjetas .owl-carousel .tab-content {
		padding: 20px 5px;
	}
	.modal {
		z-index: 10147483646 !important;
	}
	.modal-dialog {
		margin: 0;
		width: 100%;
		max-height: 100%;
	}
	.modal-content {
		border-radius: 0;
	}
	.webchatStartButtonContainer {
		left: calc(100% - 140px) !important;
		top: initial !important;
		bottom: 16px !important;
	}
	.webchatStartButtonContainer.stickyheader {
		top: initial !important;
		bottom: 20px !important;
	}
	.form-control {
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0 8px;
		float: left;
		width: 93%;
	}
	.owl-theme .owl-dots .owl-dot span {
		width: 20px;
		height: 20px;
	}
	.programa-asistencia.owl-carousel.owl-drag .owl-dots, .programa-asistencia-supermaxi.owl-carousel.owl-drag .owl-dots, .programa-asistencia-gold.owl-drag .owl-dots {
		right: calc(50% - 119px);
	}
	.info-tarjetas h4 {
		padding: 120px 10px 0;
		background-position: center;
		text-align: center !important;
	}
	.pure-toggle-label.dark-bg[data-toggle-label="right"] {
		background: none;
	}
	.pure-toggle-label[data-toggle-label="right"] {
		right: 0 !important;
		left: auto !important;
	}
	.pure-toggle-caption {
		left: initial !important;
		right: 50px;
	}
	.pure-toggle-icon {
		left: initial !important;
		right: -25px !important;
	}
	.go-home .txt-go-home {
		margin-right: 0;
	}
	.pure-drawer-header .go-home .txt-go-home {
		margin-right: 4px;
	}
	.prom-group {
		width: 320px;
		height: 245px;
		margin-left: -15px;
	}
	.opc-tarjetas {
		max-height: 52px;
	}
	.nav-visa li.credit-cards {
		height: 85px;
		padding: 5px 0 5px;
	}
	.pure-drawer-header > .go-home {
		left: 170px;
	}
	.go-home .txt-go-home {
		display: none;
	}
	.prom-group {
		width: 100%;
		min-height: 290px;
		margin: 0;
	}
	.prom-group img {
		width: 100%;
		height: auto;
	}
	.section.promo-thumbs h2 {
		padding: 0;
	}
	.row.mt-none.promos {
		margin-top: 10px !important;
	}
}
@media (min-width: 321px) and (max-width: 479px) {
	section.section.info-tarjetas {
		padding-top: 10px;
		margin-top: 0;
	}
	.bg-top {
		top: 0;
	}
	.info-tarjetas .container {
		width: 100%;
	}
	.tarjetas-carousel.owl-carousel.owl-drag .owl-item {
		padding-left: 0;
		padding-right: 0;
		opacity: 0;
	}
	.tarjetas-carousel.owl-carousel.owl-drag .owl-item.active {
		opacity: 1;
	}
	.tarjetas-carousel.owl-carousel.owl-drag .owl-item .col-md-8 > .row {
		opacity: 0.2;
	}
	.tarjetas-carousel.owl-carousel.owl-drag .owl-item.active .col-md-8 > .row {
		opacity: 1;
	}
	.info-tarjetas .container .col-md-4 {
		padding: 0;
	}
	.info-tarjetas .col-md-8 .tab-list {
		overflow: hidden;
	}
	.tarjetas-visa .owl-item ul.tab-nav li.active {
		border-left: 3px solid #003576;
		border-bottom: none;
		padding-left: 8px;
	}
	.tarjetas-visa .owl-item ul.tab-nav li {
		display: block;
		font-size: 1.05em;
		height: 30px;
		line-height: 30px;
		padding: 0;
		text-align: left;
	}
	.info-tarjetas .owl-carousel .tab-content {
		padding: 20px 5px;
	}
	.modal {
		z-index: 10147483646 !important;
	}
	.modal-dialog {
		margin: 0;
		width: 100%;
		max-height: 100%;
	}
	.modal-content {
		border-radius: 0;
	}
	.webchatStartButtonContainer {
		left: calc(100% - 140px) !important;
		top: initial !important;
		bottom: 16px !important;
	}
	.webchatStartButtonContainer.stickyheader {
		top: initial !important;
		bottom: 20px !important;
	}
	.form-control {
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0 8px;
		float: left;
		width: 93%;
	}
	.owl-theme .owl-dots .owl-dot span {
		width: 20px;
		height: 20px;
	}
	.programa-asistencia.owl-carousel.owl-drag .owl-dots, .programa-asistencia-supermaxi.owl-carousel.owl-drag .owl-dots, .programa-asistencia-gold.owl-drag .owl-dots {
		right: calc(50% - 119px);
	}
	.info-tarjetas h4 {
		padding: 120px 10px 0;
		background-position: center;
		text-align: center !important;
	}
	.pure-toggle-label.dark-bg[data-toggle-label="right"] {
		background: none;
	}
	.pure-toggle-label[data-toggle-label="right"] {
		right: 0 !important;
		left: auto !important;
	}
	.pure-toggle-caption {
		left: initial !important;
		right: 50px;
	}
	.pure-toggle-icon {
		left: initial !important;
		right: -25px !important;
	}
	.go-home .txt-go-home {
		margin-right: 0;
	}
	.pure-drawer-header .go-home .txt-go-home {
		margin-right: 4px;
	}
	.prom-group {
		width: 100%;
		min-height: 290px;
		margin: 0;
	}
	.prom-group img {
		width: 100%;
		height: auto;
	}
	.section.promo-thumbs h2 {
		padding: 0;
	}
	.row.mt-none.promos {
		margin-top: 10px !important;
	}
}

@media (min-width: 481px) and (max-width: 680px) {
	section.section.info-tarjetas {
		padding-top: 10px;
		margin-top: 0;
	}
	.nav-sections {
		display: none;
	}
	.owl-carousel .owl-item img {
		max-width: 300px
	}
	.bg-top {
		top: 0;
	}
	.info-tarjetas .container {
		width: 100%;
	}
	.tarjetas-carousel.owl-carousel.owl-drag .owl-item {
		padding-left: 0;
		padding-right: 0;
		opacity: 0.2;
	}
	.tarjetas-carousel.owl-carousel.owl-drag .owl-item.active {
		opacity: 1;
	}
	.tarjetas-carousel.owl-carousel.owl-drag .owl-item .col-md-8 > .row {
		opacity: 0.2;
	}
	.tarjetas-carousel.owl-carousel.owl-drag .owl-item.active .col-md-8 > .row {
		opacity: 1;
	}
	.info-tarjetas .container .col-md-4 {
		padding: 0;
	}
	.info-tarjetas .col-md-8 .tab-list {
		overflow: hidden;
	}
	.tarjetas-visa .owl-item ul.tab-nav li.active {
		border-left: 3px solid #003576;
		border-bottom: none;
		padding-left: 8px;
	}
	.tarjetas-visa .owl-item ul.tab-nav li {
		display: block;
		font-size: 1.05em;
		height: 30px;
		line-height: 30px;
		padding: 0;
		text-align: left;
	}
	.info-tarjetas .owl-carousel .tab-content {
		padding: 20px 5px;
	}
	.modal {
		z-index: 10147483646 !important;
	}
	.modal-dialog {
		margin: 0;
		width: 100%;
		max-height: 100%;
	}
	.modal-content {
		border-radius: 0;
	}
	.webchatStartButtonContainer {
		left: calc(100% - 68px) !important;
		top: initial !important;
		bottom: 20px !important;
	}
	.webchatStartButtonContainer.stickyheader {
		top: initial !important;
		bottom: 20px !important;
	}
	.form-control {
		-webkit-box-shadow: none;
		box-shadow: none;
		padding: 0 8px;
		float: left;
		width: 93%;
	}
	.owl-theme .owl-dots .owl-dot span {
		width: 20px;
		height: 20px;
	}
	.programa-asistencia.owl-carousel.owl-drag .owl-dots, .programa-asistencia-supermaxi.owl-carousel.owl-drag .owl-dots, .programa-asistencia-gold.owl-drag .owl-dots {
		right: calc(50% - 119px);
	}
	.info-tarjetas h4 {
		padding: 120px 10px 0;
		background-position: center;
		text-align: center !important;
	}
	.pure-toggle-label.dark-bg[data-toggle-label="right"] {
		background: none;
	}
	.pure-toggle-label[data-toggle-label="right"] {
		right: 0 !important;
		left: auto !important;
		background: rgba(255,255,255,0.8);
		width: 100%;
	}
	.pure-toggle-caption {
		left: initial !important;
		right: 50px;
	}
	.pure-toggle-icon {
		left: initial !important;
		right: -25px !important;
	}
}