@media (min-width: 1920px){
}


@media (min-width: 1367px) and (max-width: 1919px) {
}




@media (max-width: 1366px) {

	h1 {
	    font-size: 2.6rem;
	    line-height: 2.8rem;
	    margin-bottom: 10px;
	}
	.elementos .plataforma-web {
	    max-width: 550px;
	}
	.elementos .billetera-virtual {
    	right: 140px;
    	max-width: 150px;
    }

}


@media (max-width: 1199px) {
	#contPreNav {
	    height: 40px;
	    background-color: rgba(255, 255, 255, 1);
	}
	/*MOVER DEPENDIENDO DE DONDE EXPANDE EL MAINNAV*/
	#mainNav.navbar {
	    padding: 10px 0px 8px 0px;
	    background-color: rgba(255, 255, 255, 1);
	    top: -1px;
	}
	#mainNav .nav-item {
	    margin: auto 0px;
	}
	#mainNav .nav-item a {
	    padding: 20px 0px;
	}
	#mainNav #logo img {
	    height: 28px;
	    margin: 5px 0px auto 0px;
	}
    .dropdown-menu .dropdown-item {
	    padding: 3px 25px 8px 0px !important;
	}
	.navbar-expand-xl>.container, .navbar-expand-xl>.container-fluid, .navbar-expand-xl>.container-lg, .navbar-expand-xl>.container-md, .navbar-expand-xl>.container-sm, .navbar-expand-xl>.container-xl {
	    padding-right: 15px;
	    padding-left: 15px;
	}
	.navbar-expand>.container, .navbar-expand-md>.container, .navbar-expand-md>.container-fluid, .navbar-expand-md>.container-lg, .navbar-expand-md>.container-md, .navbar-expand-md>.container-sm, .navbar-expand-md>.container-xl {
	    padding-right: 15px;
	    padding-left: 15px;
	}
	#mainNav .dropdown-menu{
		box-shadow: 0px 4px 10px rgba(0,0,0,0);
		margin-left: 0px;
	}
	#mainNav .dropdown-item {
	    padding: 3px 25px 8px 2px;
	}
	#mainNav .btn-preNav i {
    	font-size: 1.5rem !important;
    	margin: 4px 20px 4px 0px;
    }
    #mainNav .dropdown-toggle {
	    padding-left: 2px;
	}
	#mainNav .iconos {
	    padding: 0px 0px 0px 0px;
	}
	#mainNav .iconos i {
	    margin: 5px 25px 5px 0px;
	}
	#mainNav .nav-item {
	    padding: 0px 0px;
	}
	#secondNav p{
	  display: none;
	}
	#navbarResponsiveSecond .nav-item:first-child {
		padding-left: 0px !important;
		padding-top: 10px !important;
	}
	.btn-group{
		display: block;
	}
	#secondNav .nav-item .nav-link.inicio-min {
	    padding: 20px 5px 20px 5px !important;
	}
	#secondNav .navbar-toggler-icon, #secondNav .navbar-toggler.collapsed>.close, #secondNav .navbar-toggler:not(.collapsed)>.navbar-toggler-icon{
	  margin: 18px 15px 18px 2px;
	}
	#navbarResponsiveSecond.min .nav-item:last-of-type {
	  padding-bottom: 20px !important;
	}
	#mainNavResponsive .navbar-nav{
		padding: 30px 0px!important;
	}
	#mainNav .nav-item.btn {
	    margin: 10px 0px 20px 0px;
	}
    /*MOVER DEPENDIENDO DE DONDE EXPANDE EL MAINNAV*/

	.head.carrusel {
	  margin-top: -100px; /* ALTO DE MENU/S -20 */
	}
	.head.carrusel .carousel-inner{
	  padding-top: 40px; /* ALTO DE MENU/S DIVIDIDO 2 -20 */
	}
	.head.imagen {
	  margin-top: -100px; /* ALTO DE MENU/S -20 */
	}
	.head.imagen .container{
	  padding-top: 40px; /* ALTO DE MENU/S DIVIDIDO 2 -20 */
	}
	head.pleno {
	  margin-top: -100px; /* ALTO DE MENU/S -20 */
	}
	.head.pleno .container{
	  padding-top: 40px; /* ALTO DE MENU/S DIVIDIDO 2 -20 */
	}
    h6{
	  font-size: 2.4rem;
	  line-height: 2.4rem;
	}
	.destacado h3{
	  font-size: 1.45rem;
	  line-height: 1.6rem;
	}


	.plataforma{animation: plataforma 7s infinite ease-in-out;top:-130px;}
	@keyframes plataforma {
	  0% {left:-100px;}
	  50% {left:-90px;}
	  100% {left:-100px;}
	}
	.pagos{animation: pagos 4s infinite ease-in-out;left:60px;}
	@keyframes pagos {
	  0% {top:-170px;}
	  50% {top:-180px;}
	  100% {top:-170px;}
	}
	.qr{animation: qr 10s infinite ease-in-out;top:-230px;}
	@keyframes qr {
	  0% {right:-330px;}
	  50% {right:-350px;}
	  100% {right:-330px;}
	}
	.bancos{animation: bancos 8s infinite ease-in-out;right:-460px;}
	@keyframes bancos {
	  0% {top:-100px;}
	  50% {top:-110px;}
	  100% {top:-100px;}
	}
	.afip{animation: afip 4s infinite ease-in-out;top:20px;}
	@keyframes afip {
	  0% {right:-340px;}
	  50% {right:-320px;}
	  100% {right:-340px;}
	}
	.billetera{animation: billetera 10s infinite ease-in-out;right:-220px;}
	@keyframes billetera {
	  0% {bottom:-160px;}
	  50% {bottom:-180px;}
	  100% {bottom:-160px;}
	}
	.erp{animation: erp 5s infinite ease-in-out;left:-235px;}
	@keyframes erp {
	  0% {bottom:-120px;}
	  50% {bottom:-140px;}
	  100% {bottom:-120px;}
	}
	.apis{animation: apis 7s infinite ease-in-out;bottom:-170px;}
	@keyframes apis {
	  0% {left:-630px;}
	  50% {left:-650px;}
	  100% {left:-630px;}
	}
	.cobros{animation: cobros 10s infinite ease-in-out;left:-600px}
	@keyframes cobros {
	  0% {top:20px;}
	  50% {top:40px;}
	  100% {top:20px;}
	}

	.linea1 {
	      width: 220px;
	    transform: rotate(85deg);
	    top: 65px;
	    left: -20px;
	}
	.linea2 {
	  width: 110px;
	    transform: rotate(72deg);
	    top: -5px;
	    left: 120px;
	}
	.linea3 {
	  width: 90px;
	    transform: rotate(127deg);
	    top: 151px;
	    left: 120px;
	}
	.linea4 {
	  width: 160px;
	    transform: rotate(25deg);
	    top: 120px;
	    left: 260px;
	}
	.linea5 {
	  width: 240px;
	    transform: rotate(-4deg);
	    top: 190px;
	    left: 170px;
	}
	.linea6 {
	  width: 120px;
	    transform: rotate(-12deg);
	    top: -108px;
	    left: 200px;
	}
	.linea7 {
	  width: 180px;
	    transform: rotate(127deg);
	    top: -35px;
	    left: 210px;
	}
	.linea8 {
	  width: 220px;
	    transform: rotate(-8deg);
	    top: -163px;
	    left: 440px;
	}
	.linea9 {
	  width: 130px;
    transform: rotate(217deg);
    top: -138px;
    left: 738px;
	}
	.linea10 {
	      width: 90px;
    transform: rotate(116deg);
    top: -7px;
    left: 810px;
	}
	.linea11 {
	  width: 80px;
	    transform: rotate(100deg);
	    top: 127px;
	    left: 767px;
	}
	.linea12 {
		width: 190px;
	    transform: rotate(185deg);
	    top: 174px;
	    left: 515px;
	}
	.linea13 {
	  width: 618px;
	    transform: rotate(181deg);
	    top: -84px;
	    left: 210px;
	}
	.linea14 {
	  width: 390px;
    transform: rotate(25deg);
    top: -54px;
    left: 412px;
	}
	.linea15 {
	      width: 190px;
    transform: rotate(66deg);
    top: -79px;
    left: 672px;
	}
	.linea16 {
	  width: 320px;
    transform: rotate(82deg);
    top: -5px;
    left: 574px;
	}
	.linea17 {
	  width: 390px;
    transform: rotate(150deg);
    top: 43px;
    left: 482px;
	}
	.linea18 {
	  width: 490px;
    transform: rotate(179deg);
    top: 51px;
    left: 272px;
	}
	.linea19 {
	  width: 260px;
    transform: rotate(160deg);
    top: 102px;
    left: 510px;
	}
	.linea20 {
	  width: 310px;
    transform: rotate(42deg);
    top: 22px;
    left: 163px;
	}
	.linea21 {
	  width: 205px;
    transform: rotate(46deg);
    top: 88px;
    left: 563px;
	}
	.linea22 {
	  width: 100px;
    transform: rotate(100deg);
    top: 74px;
    left: 423px;
	}
	.linea23 {
	  width: 310px;
    transform: rotate(150deg);
    top: 95px;
    left: 137px;
	}
	.linea24 {
	  width: 110px;
    transform: rotate(160deg);
    top: 8px;
    left: 259px;
	}
	.linea25 {
	  width: 160px;
	    transform: rotate(20deg);
	    top: -68px;
	    left: 203px;
	}
	.linea26 {
	  width: 70px;
	    transform: rotate(70deg);
	    top: -89px;
	    left: 359px;
	}
	.linea27 {
	  width: 168px;
    transform: rotate(133deg);
    top: -116px;
    left: 543px;
	}
	.linea28 {
	  width: 219px;
    transform: rotate(167deg);
    top: -52px;
    left: 608px;
	}
	.linea29 {
	  width: 170px;
    transform: rotate(13deg);
    top: 3px;
    left: 603px;
	}


	.accordion .card-body {
	  padding: 0px 0px 40px 0px;
	  width: 100%; }


}


@media (max-width: 991px) {
	.iconos-redes a {
	    margin: 0px 15px 20px 15px;
	}
	.iconos-redes a:last-child {
	    margin: 0px 15px 20px 15px;
	}
	.border-left{
		border-left: none !important;
	}
	.head.vid video {
		width: auto;
    	height: 100%;
	}
	.owl-theme{
  		width: 90%;
  	}
    #preNav .nav-item {
	    border-left: 0px;
	    padding: 10px 12px;
	}
	h1 {
	    font-size: 2.4rem;
	    line-height: 2.5rem;
	}
	.head.imagen {
	  background-image: url('../images/header-home-mobile.jpg');
	}
	.elementos .plataforma-web {
	    max-width: 300px;
	}
	@keyframes plataformaweb {
	  0% {top: 70px;}
	  50% {top: 60px;}
	  100% {top: 70px;}
	}
	.elementos .billetera-virtual {
		right: 140px;
	    max-width: 100px;
	}
	@keyframes billeteravirtual {
	  0% {top: -50px;}
	  50% {top: -60px;}
	  100% {top: -50px;}
	}
	.vh-header{
	  height: 75vh!important;
	}
	#gracias .vh-header{
		height: 100%!important;
	}
	ul.tilde-naranja li, ul.tilde-azul li {
		text-align: center;
		margin: 9px auto;
	}
	.tilde-naranja li::before, .tilde-azul li::before {
		left: unset;
		margin-left: -25px;
	}
	ul.tilde-naranja, ul.tilde-azul{
		padding-left: 0px;
		width: 100%;
	}	
	.tilde-naranja.der li::before {
	  right: auto;
	  left: unset;
	}
	.tilde-naranja.der li {
	  max-width: 100%;
	  padding-right: 0px;
	  padding-left: 0px;
	}
	footer .creactivo{
	  float: unset;
    	vertical-align: text-top;
	}

	.spiderwords {
	    height: 320px !important;
	}
	.spiderwords img {
	    max-width: 120px;
	}
	.word {
  		position: absolute;
	    font-size: 1.1rem;
	}
	.plataforma{animation: plataforma 7s infinite ease-in-out;top:-130px;}
	@keyframes plataforma {
	  0% {left:calc(50% - 160px);}
	  50% {left:calc(50% - 150px);}
	  100% {left:calc(50% - 160px);}
	}
	.pagos{animation: pagos 4s infinite ease-in-out;right:auto;left:calc(50% + 30px)!important;}
	@keyframes pagos {
	  0% {top:-170px;}
	  50% {top:-180px;}
	  100% {top:-170px;}
	}
	.qr{animation: qr 10s infinite ease-in-out;top:-90px;display:none;}
	.bancos{animation: bancos 8s infinite ease-in-out;right:auto;left:calc(50% + 102px)!important;}
	@keyframes bancos {
	  0% {top:-70px;}
	  50% {top:-80px;}
	  100% {top:-70px;}
	}
	.afip{animation: afip 4s infinite ease-in-out;top:30px;right:auto;}
	@keyframes afip {
	  0% {left:calc(50% + 70px);}
	  50% {left:calc(50% + 80px);}
	  100% {left:calc(50% + 70px);}
	}
	.billetera{animation: billetera 10s infinite ease-in-out;right:auto;left:calc(50% - 60px)!important;}
	@keyframes billetera {
	  0% {bottom:-120px;}
	  50% {bottom:-130px;}
	  100% {bottom:-120px;}
	}
	.erp{animation: erp 5s infinite ease-in-out;left:-240px;display:none;}
	.apis{animation: apis 7s infinite ease-in-out;bottom:-200px;display:none;}
	.cobros{animation: cobros 6s infinite ease-in-out;right:auto;left: calc(50% - 165px)!important;}
	@keyframes cobros {
	  0% {top:10px;}
	  50% {top:0px;}
	  100% {top:10px;}
	}

	.lineas{
		position: absolute;
	}
	.linea1 {
		width: 90px;
    transform: rotate(97deg);
    top: -48px;
    left: calc(50% - 160px);
	}
	.linea2 {
	  width: 50px;
    transform: rotate(72deg);
    top: -74px;
    left: calc(50% - 80px);
	}
	.linea3 {
	  width: 42px;
    transform: rotate(155deg);
    top: -9px;
    left: calc(50% - 113px);
	}
	.linea4 {
	  width: 60px;
    transform: rotate(45deg);
    top: 62px;
    left: calc(50% - 120px);
	}
	.linea5 {
	  width: 137px;
    transform: rotate(9deg);
    top: 30px;
    left: calc(50% - 85px);
	}
	.linea6 {
	  width: 40px;
    transform: rotate(-28deg);
    top: -145px;
    left: calc(50% + -20px);
	}
	.linea7 {
	  width: 100px;
    transform: rotate(117deg);
    top: -92px;
    left: calc(50% - 25px);
	}
	.linea8 {
	  width: 90px;
    transform: rotate(18deg);
    top: -93px;
    left: calc(50% + 0px);
	}
	.linea9 {
	  width: 70px;
    transform: rotate(58deg);
    top: -113px;
    left: calc(50% + 65px);
	}
	.linea10 {
	  width: 90px;
    transform: rotate(101deg);
    top: 49px;
    left: calc(50% - 51px);
	}
	.linea11 {
	  width: 60px;
    transform: rotate(110deg);
    top: -12px;
    left: calc(50% + 90px);
	}
	.linea12 {
		display: none;
	}
	.linea13 {
	  width: 38px;
    transform: rotate(61deg);
    top: 12px;
    left: calc(50% + 40px);
	}
	.linea14 {
	  width: 40px;
    transform: rotate(141deg);
    top: -38px;
    left: calc(50% + 60px);
	}
	.linea15 {
	  width: 45px;
    transform: rotate(136deg);
    top: 75px;
    left: calc(50% + 40px);
	}
	.linea16 {
		display: none;
	}
	.linea17 {
		display: none;
	}
	.linea18 {
		display: none;
	}
	.linea19 {
		display: none;
	}
	.linea20 {
		display: none;
	}
	.linea21 {
		display: none;
	}
	.linea22 {
		display: none;
	}
	.linea23 {
		display: none;
	}
	.linea24 {
		display: none;
	}
	.linea25 {
		display: none;
	}
	.linea26 {
		display: none;
	}
	.linea27 {
		display: none;
	}
	.linea28 {
		display: none;
	}
	.linea29 {
		display: none;
	}

}


@media (max-width: 768px) {
	/*MOVER DEPENDIENDO DE DONDE EXPANDE EL PRENAV*/
	#preNav p{
	  display: none;
	}
    #preNav .btn-preNav {
    	padding: 12px 7px 12px 7px;
    }
    /*MOVER DEPENDIENDO DE DONDE EXPANDE EL PRENAV*/

	.modal-dialog {
		min-height: calc(100vh - 20px);
	}
	#pre-footer li, footer li{
		margin-bottom: 5px;
	}
	.elementos{
		height: 320px;
	}
	.elementos .billetera-virtual {
	    max-width: 60px;
	    right: 110px;
	    top: 10px;
	}
	@keyframes billeteravirtual {
	  0% {top: 10px;}
	  50% {top: 20px;}
	  100% {top: 10px;}
	}
}


@media (max-width: 576px) {
	#contPreNav {
	    padding: 0px;
	}
	#preNav .nav-item {
	    padding: 10px 10px;
	}
	#preNav .nav-item, #preNav .nav-item a, #preNav .nav-item p{
	  font-size: 0.75rem;
	}
	h1 {
	    font-size: 1.7rem;
	    line-height: 1.9rem;
	    margin-bottom: 5px;
	}
	h2 {
	    font-size: 1.7rem;
	    line-height: 1.9rem;
	}
	h3 {
	    font-size: 1.5rem;
	    line-height: 1.7rem;
	}
	ul.tilde-naranja li, ul.tilde-azul li {
	    font-size: 1rem !important;
	    line-height: 1.3rem !important;
	    padding-left: 18px;
	}
	.elementos .plataforma-web {
	    max-width: 200px;
	    right: -30px;
	    top: 30px;
	}
	@keyframes plataformaweb {
	  0% {top: 30px;}
	  50% {top: 20px;}
	  100% {top: 30px;}
	}
	.elementos .billetera-virtual {
	    max-width: 60px;
	    right: 180px;
	    top: 70px;
	}
	@keyframes billeteravirtual {
	  0% {top: 70px;}
	  50% {top: 80px;}
	  100% {top: 70px;}
	}
	.owl-theme{
  		width: 100%;
  	}
	.owl-prev {
		margin-left: 10px !important;
	}
	.owl-next {
		right: 10px !important;
	}
	.elementos{
		height: 220px;
	}
	.marcas{
		padding-top: 15px;
	}
	.marcas img{
		max-width: 140px!important;
		max-height: 60px!important;
		width: auto!important;
		height: auto!important;
	}
}