@media all and (min-width: 1440px){
	img[src="images/texto_home.png"]{margin: 18% 0 0 9%;width: 60%;}
	img[src="images/celular.png"] {position: absolute;margin: 4% 0 0 5%;width: 13%;}
	#bg_home{height: calc(100% - 143px);}
	#contenedor1 {height: 80%;}
	#contenedor2 {margin: 5% 0 0 0;height: 23%;}
	#contenedor2 ul{margin: 0 0 0 5%;}
	#contenedor2 ul li {width: 25%;}
	#contenedor2 section p{margin: 0 auto;}
	#contenedor2 section:first-child{margin: 0 0 0 7%;}
	#contenedor4 div{height: 70vh;}
	#contenedor4 iframe{left: 25.65%;transform: translate(12% , 0%);}
	#transacciones{left: 9%; width: 27%}
	#line1{bottom: 84%; left: 472	px;}
	#promociones{left: 216px;bottom: 577px;}
	#line2{left: 405px;}
	#atencion{left: 257px;bottom: 459px;}
	#line3{bottom: 45px;left: 363px;}
	#aval{bottom: 680px; right: 199px;}
	#line4{bottom: 36px; right: 414px;}
	#productos{bottom: 579px;right: 199px;}
	#line5{bottom: 32px;right: 414px;}
	#tarifas{bottom: 468px;right: 199px;}
	#line6{bottom: 38px;right: 414px;}
}

@media all and (max-width: 1280px){
	img[src="images/celular.png"]{margin: 8% 0 0 5%;width: 23%;}
	#bg_home{height: calc(100% - 24px);}
	#parrafo_home{bottom: 5.5%; font-size: 20px;}
	#contenedor1{height: 60%;}
	#contenedor2 {height: 42%;}
	#contenedor2 section:first-child{margin: 12% 0 0 3%;}
	#contenedor2 ul, #contenedor2 section p{}
	#contenedor2 ul li{width: 33%;}
	#contenedor4 iframe{left: 23.8%;top: 22%;}
	.white_content h1{width: 57%; padding: 5% 0 2% 0;}
	#transacciones{left: 1%;bottom: 15%;width: 35%;}
	#line1{bottom: 578px;left: 421px;}
	#promociones{left: 57px;bottom: 577px;}
	#line2{left: 365px;bottom: 17px;}
	#atencion{left: 87px;b;bottom: 419px;}
	#line3{bottom: 66px;left: 332px;}
	#aval{bottom: 659px;right: 80px;}
	#line4{bottom: 39px;right: 337px;}
	#productos{bottom: 549px;right: 79px;}
	#line5{bottom: 42px;right: 333px;}
	#tarifas{bottom: 448px;right: 82px;}
	#line6{bottom: 37px;right: 329px;}
}

@media (max-width: 1024px){
	header aside img {padding-left: 0;}
	#bg_home {height: calc(100% - 185px);}
	img[src="images/texto_home.png"] { margin: 16% 0 0 0; width: 80%;}
	img[src="images/celular.png"] { margin: 13% 0 0 5%; width: 26%;}
	#contenedor1{height: 78%;min-height: 600px;}
	#contenedor2{height: 30%;}
	#contenedor2 section:first-child {margin: 0 0 0 3%;}
	#contenedor4 iframe {left: 17.6%;}
	.white_content h1 { width: 70%;}
	#transacciones{bottom: 87px;left: 33px;}
	#line1{bottom: 652px;left: 296px;}
	#promociones{bottom: 530px;left: 57px;}
	#line2{bottom: 52px; left: 277px;}
	#atencion {left: 27px;width: 26%;bottom: 400px;}
	#line3 {bottom: 75px;left: 302px;}
	#aval {bottom: 642px;right: 40px;}
	#line4 {bottom: 47px; right: 285px;}
	#productos {bottom: 538px;right: 40px;}
	#line5 {right: 285px;}
	#tarifas {bottom: 429px;right: 40px;}
	#line6 {bottom: 45px;right: 284px;}
	#btn_contacto{width: 14%;}
	#requisito ul{padding: 1.5% 0 0 16%;}
	ul#botones-tienda-interactivo {width: 50%}
}


@media all and (max-width: 960px){
	header{background-image:url(../images/header_movil.jpg);background-position: initial;}
	header aside img {padding-left: 0;}
	#Contenido{height: calc(100vh - 122px);}
	#contenedor1{height:50%;min-height: 296px;}
	#bg_home{background-image: url(../images/mobile2.jpg);background-position: right;background-size: cover;height: calc(100vh - 630px);background-repeat: no-repeat;}
	img[src="images/celular.png"]{width: 35%;margin: 14% 0 0 0;}
	img[src="images/texto_home.png"]{margin: 15% 0 0 22%;width: 90%;}
	#parrafo_home {width: 62%;right: 3%;bottom: 9.5%;font-size: 18px;}
	.logo_mobile{display: none;}
	#contenedor2{height: 20%;margin: 6% 0 0 0;}
	#contenedor2 section p {width: 70%;margin: 9% 0 0 14%;font-size: 23px;text-align: center;float: none;}
	#contenedor2 section{margin: 10% 0 0 0;}
	#contenedor2 section aside{top: 60%;}
	#contenedor2 ul {width: 75%;float: none;margin: 6% auto;display: block;text-align: center;}
	#contenedor2 ul li {width: 33%;margin: 0;}
	.white_content h1 {width: 80%;font-size: 23px;padding: 8% 0 2% 0;}
	#contenedor3 ul {margin: 12% auto; width: 70%; padding: 0;}
	.parrafo {width: 72%;}
	.intro{width: 100%;}
	.contenedor_principal {/* width: 100%; */}
	#interactivo{position: relative;}
	#interactivo ul{top: 233px; width: 35%; left: 35%;}
	ul#botones-tienda-interactivo{top: 0; width: 75%; left: 50%; transform: translateX(-42%);}
	#transacciones{position: relative;width: 82%;margin:0px auto;left: 0px;bottom: 80px;display: block;}
	#btn_contacto{position: relative;bottom: 43px;margin: 0 auto;width: 20%;float: none;right: 0;}
	#line1, #line2 , #line3 , #line4 , #line5 , #line6 {display: none;}
	#promociones , #atencion , #aval , #productos , #tarifas{position: relative;bottom: 70px;left: 0;margin: 0 auto;width: 80%;}
	#requisito{padding: 2% 7%;}
	#requisito img{padding: 5.5% 0 0 2%;}
	#requisito p{width: 63%;}
	#requisito #dato_seguro {width: 91%;text-align: justify;color: #666666;margin: 0 auto;font-size: 13px;padding-left: 0;}
	#requisito ul{padding: 1.5% 0 0 19%; width: 94%;}

}
@media all and (max-width:769px){
	#contenedor4 div{background-image: none; height: 42vh;}
	#contenedor4 iframe {left: 7.6%;top: 10%;}
}

@media all and (max-width:750px){
	header aside{width: 27%;}
	header aside img{width: auto;}
	img[src="images/celular.png"]{margin: 5% 0 0 0; width: 27%;}
	#bg_home{height:calc(100vh - 156px);}
	img[src="images/texto_home.png"]{margin: 26% 0 0 12%;}
	#contenedor2{height: 20%; margin: 2% 0 0 0;}
	#contenedor2 section:first-child{margin: 0 auto;}
	#contenedor2 ul{width: 100%;margin: 0 auto;}
	.white_content_terms {width: 80%; height: 80%;}
	.white_content h1 {width: 74%;padding: 8% 0 2% 0;font-size: 20px;}
	#contenedor2 section aside{top: 66%;}

}

@media all and (max-width:680px){
	header aside img{width: auto;}
	header nav p{margin: 4px 0 0 66px;}
	nav img{width: 24%;m;margin: 16px 0 0 0px;}
	#bg_home {height: calc(100% - 90px);}
	img[src="images/celular.png"] {width: 18%;margin: 4% 0 0 6%;}
	img[src="images/texto_home.png"]{margin: 22% 0 0 11%;}
	#parrafo{margin: 3% 0 0 0 ;}
	#parrafo_home {width: 64%;right: 2%;bottom: 9.5%;font-size: 16px;}
	#contenedor2 section p {width: 78%;font-size: 20px;margin: 10px auto;}
	#contenedor2 ul {width: 90%;}
	#contenedor2 section ul{width: 100%; margin: 0 auto;}
	#contenedor2 ul li {width: 50%;}
	.svg_mobile{display: block;}
	.svg_desktop{display: none;}
	#contenedor3 section{width: 100%; height: 50%;}
	#contenedor3 section #circle{width:30px; height: 30px;}
	#contenedor3 section #circle p{font-size: 20px;}
	#contenedor3 ul{margin: 4px auto;}
	#contenedor3 ul li{width: 50%; margin: 0 auto;
	display: block;}
	#contenedor3 ul li p{font-size: 16px;}
	#contenedor3 ul li a img{width: 70%; margin: 0 auto; display: block;}
	.celular{padding: 2% 0 0 2%;width: 9%;}
	.parrafo{padding: 2% 0 0 2%; font-size: 16px; width: 80%;}
	.img_app{width: 17%;}
	aside.separador{display: none;}
	#contenedor4 section #circle{width: 50px; height: 50px;}
	#contenedor4 section #circle p{font-size: 43px;}
	.intro{font-size: 18px;}
	#requisito{height: 275px; padding: 2% 1%;}
	#requisito img{padding: 5.5% 0 0 0;}
	#requisito ul{padding: 1.5% 0 0 21%;}
	.contenedor_principal,.contenedor_secundario{height: 430px}
	.text_container{width: 100%; position: relative;}
	.text_container p{font-size: 15px; text-align: justify;}
	.img_container{margin: 2% 0 0 34%;}
	.contenedor_secundario > .img_container {float: right;margin: 2% 34% 0 0;}
	.contenedor_secundario > .text_container{margin: 2% 0 0 0;}
	#contenedor5 section img{width: 75%;}
	#interactivo ul{top: 160px; left: 36%;}
	ul#botones-tienda-interactivo{top: 0;left: 50%;}
	#interactivo ul li img{width: 94%;}
	footer span:first-child{width: 50%;margin: 10px 0;display: block;float: left;}
	footer span:nth-child(2){display:none;}
}

@media all and (max-width:640px) {
	#contenedor2 section aside{top: 80%;}
	#contenedor4 div{height: 100vh;}
	#contenedor4 iframe {width: 530px;height: 270px;}
}

@media all and (max-width:480px) {
	header{background-color: #fff;height: 120px;background-image: none;}
	header aside{width: 100%;}
	header nav{background-color: #0084cb;left: 0;width: 100%;top: 60px;top: 60px;}
	header nav p {display: block;margin: 0 auto; width: 48%;}
	#Contenido{height: calc(100%);}
	img[src="images/celular.png"]{margin: 2% 0 0 -11px;width: 31%;}
	#contenedor1{height: 50%;}
	#contenedor2{height:12%;}
	#titulo1{font-size: 20px;}
	#titulo2{font-size: 15px;}
	#bg_home{height: calc(100% - 100px);}
	img[src="images/texto_home.png"]{margin: 39% 0 0 -9%;width: 100%;}
	#contenedor2 section {margin: 3% 0 0 0;}
	#contenedor2 section p , #contenedor2 ul li p {width: 90%;font-size: 15px;margin: 2% auto;}
	#contenedor2 section ul{width: 90%; margin: 0 auto;}
	#contenedor2 ul li {width: 64%;margin: 0;}
	#contenedor3 section{width: 100%; height: 50%;}
	#contenedor3 section #circle{width: 30px; height: 30px;}
	#contenedor3 section #circle p{font-size: 22px;}
	#contenedor3 ul{width: 50%; margin: 5px 0 0 47px;}
	#contenedor3 ul li{width: 50%;}
	#contenedor3 ul li p{font-size: 13px;}
	#contenedor3 ul li a img{width: 100%;}
	#contenedor4 iframe {width: 415px;}
	aside.separador{display: none;}
	.img_app{width: 30%;}
	.celular{width: 8%; padding: 5% 0 0 0;}
	.parrafo{width: 68%; font-size: 15px; padding: 5% 0 0 3%;}
	#parrafo svg{margin: 10% 0 0 0;}
	.desktop{display: none;}
	.logo_mobile{display: block;margin: 0 auto;}
	.white_content h1 {width: 85%;padding: 20% 0 2% 0;font-size: 16px;}
	img[src="images/flecha.png"] {width: 100%;}
	#interactivo ul{top: 132px;}
	ul#botones-tienda-interactivo {top: 0;}
	#btn_contacto{width: 30%;}
	#requisito{padding: 0;height: 267px;}
	#requisito img{display:none;}
	#requisito p{width: 87%; padding: 6% 0 0 0;}
	#requisito ul{font-size: 12px; padding: 2% 0 0 4%;}
	#requisito #dato_seguro{font-size: 11px;}
}
@media all and (max-width:414px){
	header nav p{width: 58%;}
	img[src="images/texto_home.png"]{margin: 9% 4%;}
	#celular{width: 40%;margin: 6% 0 0 -11px;}
	#interactivo ul{top: 104px;}
	ul#botones-tienda-interactivo{top: 0;}
	.parrafo{width: 83%;}
	#contenedor2 section aside{top: 56%;}
}

@media all and (max-width:390px) {
	#bg_home { height: calc(100% - 134px);}
	img[src="images/celular.png"] {margin: 10% 0 0 -6px; width: 35%;}
	img[src="images/texto_home.png"] {margin: 12% 0 0 20px;}
	header nav p {display: block; margin: 0 auto; width: 72%;}
	#parrafo svg{margin: 18% 0 0 0;}
	.white_content h1 {width: 97%}
	#contenedor2{height: 17%;}
	#contenedor2 section aside{top: 54%;}
	#titulo1{font-size:20px;}
	#titulo2{font-size: 15px;}
	#contenedor3{padding: 2%;}
	#contenedor3 section{padding: 5px; height: 50%; width: 100%;}
	#contenedor3 section #circle{width: 20px; height: 20px;}
	#contenedor3 section #circle p{font-size: 13px;}
	.celular{width: 10%;}
	.parrafo{font-size: 13px; width: 83%;}
	aside.separador{display: none;}
	.img_app{width: 30%;}
	#contenedor3 ul{width: 76%; margin: 8px;}
	#contenedor3 ul li{width: 50%;}
	#contenedor3 ul li p{font-size: 13px;}
	#contenedor3 ul li a img{width: 100%;}
	#contenedor4 section #circle{width: 30px; height: 30px;}
	#contenedor4 section #circle p{font-size: 24px;}
	#contenedor4 section svg{margin: 0 auto;}
	#contenedor4 div{height: 50vh;}
	#contenedor4 iframe {height: 240px; width: auto;}
	#contenedor5 section img{width: 100%;}
	#contenedor5 section svg{margin: 0 auto;}
	#interactivo ul{top: 122px; width: 43%; left: 32%;}
	ul#botones-tienda-interactivo{top: 0; width: 86%; left: 50%;}
	#interactivo ul li{margin: 5px 6px 10px 0;}
	#btn_contacto{width: 40%;}
	.contenedor_principal{}
	.contenedor_secundario{height: 450px;}
	.contenedor_secundario > .img_container {float:right; margin: 2% auto;}
	.img_container{width: 68%; margin: 3% auto;}
	.text_container{width: 100%;}
	.text_container p{width: 77%; font-size: 13px; margin: 1% 0 0 18%;}
	.intro{font-size: 14px; width: 90%;}
	#celular {width: 34%; margin: 6% 0 0 -6px;}
	#requisito{height: 350px;}
}

@media all and (max-width:320px){
	#contenedor4 div {height: 60vh;}
	#contenedor4 iframe {left: 3.6%;top: 8%;}
}