@media only screen and (min-width: 1600px) {
    body {font:18px 'Open Sans',Helvetica, Helvetica Neue, Arial;}
    .content                    {width:100%; max-width:1600px; margin:0 auto;}
    .section .title             {font: 2.92em 'Aller Bold'; top:100px;}
    .header .news               {width:1000px;}
    .header .news.collapsed     {width:650px; height:80px; float:right; padding:12px 0 0 135px;}
    .data .data1 .right .tit2   {font:700 3.6em/.5em 'Aller Bold';}
    .products .nav              {font:2.4em 'Aller Bold';}
    .data .data2 .txt           {max-width:1400px; line-height:.2em;}
    .products .nav div          {width:250px;}
    .events .legend             {margin-top:40px;}
    .events .new .date          {width:150px;}
    .events .new .type          {width:100%;}
    .events .new .line          {left:74px;}
    .events .new .collapsed     {height:70px;}
    .team                       {width:960px;}
    .contact .content           {padding-top:130px;}
    .contact .inner             {width:450px;}
    .contact .contacto          {width:520px;}
    .contact .job               {width:520px;}
    .contact .press             {width:520px;}
}

@media only screen and (min-width: 2000px) {
    .section .title             {font: 2.92em 'Aller Bold'; top:120px;}
}


/***** Smaller than standard 960 *****/
@media only screen and (max-width: 959px) {
    .header             {text-align:center;}
    .header .wrapper-logo       {margin:auto;}
    .header .news       {display:none;}
    .content            {padding:0 20px;}
    .section .title     {font:2.5em 'Aller Bold'; top:120px;}
    /*.loans                {background-position:center center;}*/
    .about .t1          {width:45%; min-width:180px; top:16%; left:8%;}
    .about .t2          {width:45%; position: absolute; bottom:20%; left:7%;}
    .about p            {width:35%; margin: 35% 4% 20px 0;}
    .weare .t1          {width:68%; min-width:180px; margin-top:5%;}
    .data               {background-size:auto auto; background-attachment:inherit;}
    .data .data1 .right .tit1 {font:700 3.15em 'Aller Bold'; letter-spacing:-4px;}
    .data .data1 .right .tit2 {font:700 1.9em/.5em 'Aller Bold'; letter-spacing:-2px;}
    .data .data1 .right .txt {margin-top:20px; font-size:1.23em; line-height:1.2em;}
    .data .data1 .right {padding-left:30px;}
    .data .data2 .tit {font:700 3.15em 'Aller Bold'; letter-spacing:-3px; line-height:.8em;}
    #aniSnow            {top:auto; bottom:0;}
    .wedo .t1           {width:30%; top:31%; left:6%;}
    .wedo .t2           {width:30%; top:31%; right:5%;}
    .wedo .t3           {width:30%; top:51%; left:7%;}
    .wedo .t4           {width:30%; top:51%; right:6%;}
    .wedo .t5           {width:50%; top:90%; left:25%;}
    .products .quebueno .t1     {width:32%; min-width:180px; position:absolute; top:20%; left:10%;}
    .products .quebueno .t2     {width:32%; min-width:180px; position:absolute; top:49%; right:5%;}
    .products .nav {font:2em 'Aller Bold';}
    .products .nav div {width:140px; margin-top:22px;}
    .products .info .pop-content {padding-top:14%;}
    .products .pagatarde .t1    {width:38%; top:25%; left:5%;}
    .products .pagatarde .t2    {width:32%; top:50%; right:5%;}
    .products .pagantis .t1     {width:33%; top:20%; left:5%;}
    .products .pagantis .t2     {width:38%; top:60%; right:5%;}
    .regulation .tit1-wrap      {position:absolute; top:15%; left:5%;}
    .regulation .tit2-wrap      {width:41%; top:75%; right:5%;}
    .events .legend             {margin-top:40px;}
    .events .new .line          {left:70px;}
    .contact .content           {padding-top:100px; text-align:center;}
    .team .member .name         {font: 2.06em 'Aller Bold'; letter-spacing: -3px;}
    .contact .contacto          {width:500px; margin:0 auto; text-align:left;}
    .contact .job               {width:460px; margin:80px auto; text-align:left; padding-left:40px;}
    .contact .dir               {width:25%; margin-top:60px;}
    .contact .dir p             {display:inline-block; margin:15px auto; text-align:left;}
    .contact .dir img           {display:block; margin:0 auto; }
}

/***** Tablet (Smaller than 959px) *****/
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .weare .chart-border{bottom:-290px;}
    .weare .t-left .txt {font: 700 1.5em 'Aller Bold';}
}

/***** Phone *****/
@media only screen and (max-width: 767px) {
    body {font:10px 'Open Sans',Helvetica, Helvetica Neue, Arial;}
    .content            {padding:0 5px;}
    .section .title     {font:1.8em 'Aller Bold'; top:60px;}
    /*.loans {background: url(../img/loans-bg.jpg) no-repeat center center; background-size: cover;}*/
    .loans .t1          {width:65%; top:28%; left:1%; font-size:1.1em; line-height:1.4em;}
    .loans .t1 p        {padding-left:5px;}
    .loans .t2          {width:96%; top:70%;right:1%; font-size:1.1em; line-height:1.4em;}
    .about-cover        {background: url(../img/about-cover.jpg) no-repeat center center; background-size:100% auto; background-position:0 50px;}
    .quebueno-cover     {background: url(../img/quebueno-cover.jpg) no-repeat center center; background-size:100% auto;}
    .pagatarde-cover    {background: url(../img/pagatarde-cover.jpg) no-repeat center center; background-size:100% auto;}
    .pagantis-cover     {background: url(../img/pagantis-cover.jpg) no-repeat center center; background-size:100% auto;}
    .about .t1          {width:40%; min-width:100px; top:13%; left:0%;}
    .about .t2          {width:40%; position: absolute; top:35%; bottom:inherit; right:1%; left:inherit;}
    .about p            {width:100%; padding:0 5px; margin: 80% 0% 20px 0;}
    .chart              {display:none;}
    .weare .chart-border{border:0; bottom:-300px;}
    .weare .chart-mobile{display:inherit;}
    .weare .t1          {width:50%; top:0%;}
    .weare .t-left      {width:45%; height:25%; bottom:70px; text-align: right;}
    .weare .t-left .tit {font:700 3.65em 'Aller Bold'; letter-spacing:-4px;}
    .weare .t-left .txt {font: 700 1.3em/1em 'Aller Bold';}
    .weare .t-left .txt1 {height:30px;}
    .weare .t-left .txt2 {height:20px;}
    .weare .t-left .txt3 {height:30px;}
    .weare .t-left .txt4 {}
    .weare .t-right     {width:55%; height:25%; bottom:73px; text-align:left;}
    .weare .t-right .tit {font:700 3.65em 'Aller Bold'; letter-spacing:-4px;}
    .weare .t-right .txt {font:400 1.2em/.9em 'Aller';}
    .weare .t-right .txt1 {height:30px;}
    .weare .t-right .txt2 {height:20px;}
    .weare .t-right .txt3 {height:30px;}
    .weare .t-right .txt4 {}
    .data               {height:auto; background: url(../img/data-bg-01.jpg) repeat-y; background-size:cover;}
    .data .data1        {padding-top:80px; height:auto; background: url(../img/data-bg-01.jpg) repeat-y; background-size:cover;}
    .data .data1 .left {width:60%;}
    .data .data1 .pie1-wrap .tit {margin:10px 0 6px 0; font:1.4em 'Aller Bold';}
    .data .data1 .pie2-wrap {margin-top:20px;}
    .data .data1 .pie2-wrap .tit {margin:10px 0 6px 0; font:1.4em 'Aller Bold';}
    .data .data1 .right     {width:30%; display:inline-block; margin-bottom:20px; padding:20px 5px; text-align:left;}
    .data .data1 .right .txt {text-align:left;}
    .data .data2            {height:auto; min-height:150px; padding:40px 0;}
    .data .data2 .tit       {text-align:left;}
    .data .data2 .left img  {width:60%;}
    .data .data2 .right     { padding:0 5px;}
    .wedo               {background: url(../img/wedo-bg.jpg) no-repeat center center; background-size:cover;}
    .wedo .t1           {width:20%; min-width:0px; top:31%; left:6%;}
    .wedo .t2           {width:20%; min-width:0px; top:31%; right:5%;}
    .wedo .t3           {width:20%; min-width:0px; top:61%; left:7%;}
    .wedo .t4           {width:20%; min-width:0px; top:61%; right:6%;}
    .wedo .t5           {width:40%; min-width:0px; top:80%; left:30%;}

    .products .info .pop-content {padding-top:30px;}
    .products .info .pop-content img {width:20%;}
    .products .info .pop-content .tit {font:1.86em/.9em 'Aller Bold'; letter-spacing: -2px;}
    .products .info .pop-content .txt {font-size:1em; line-height:1.5em;}
    .products .title            {top:90px;}
    .products .nav              {height:40px; position:absolute; top:40px; background:#ecf2f2; border-top:0px solid #e4e9e9; box-shadow: inset 5px 0px 20px -13px #000;}
    .products .nav              {font:1.8em 'Aller Bold'; letter-spacing:-2px;}
    .products .nav div          {width:100px; margin-top:12px;}
    .quebueno-cover             {background: url(../img/quebueno-cover.jpg) no-repeat center 60px; background-size: auto 80%;}
    .products .quebueno .t1     {width:20%; min-width:0px; position:absolute; top:26%; left:5%;}
    .products .quebueno .t2     {width:20%; min-width:0px; position:absolute; top:35%; right:5%;}
    .products .quebueno .desc   {width:100%; position:absolute; bottom:30px; left:0px; text-align:center; line-height:.5em;}
    .products .quebueno .desc img {width:14%;}
    .pagatarde-cover            {background: url(../img/pagatarde-cover.jpg) no-repeat center 50px; background-size: auto 80%;}
    .products .pagatarde .t1    {width:30%; min-width:0px; top:25%; left:5%;}
    .products .pagatarde .t2    {width:15%; min-width:0px; top:55%; right:5%;}
    .products .pagatarde .desc  {width:100%; position:absolute; bottom:30px; left:0px; text-align:center; line-height:.5em;}
    .products .pagatarde .desc img {width:15%; margin-left:30px;}
    .products .pagatarde .info .pop-content img {width:15%;}
    .pagantis-cover {background: url(../img/pagantis-cover.jpg) no-repeat center 80px; background-size:auto 80%;}
    .products .pagantis .t1     {width:20%; min-width:0px; top:26%; left:5%;}
    .products .pagantis .t2     {width:20%; min-width:0px; top:65%; right:5%;}
    .products .pagantis .desc   {width:100%; position:absolute; bottom:30px; left:0px; text-align:center; line-height:.5em;}
    .products .pagantis .desc img {width:15%;}

    .regulation                 {background:url(../img/regulation-bg.jpg) no-repeat; background-position: center center; background-size:100%;}
    .regulation .tit1-wrap      {position:absolute; top:20%; left:5%;}
    .regulation .tit1           {font:2.83em 'Aller'; letter-spacing:-2px;}
    .regulation .tit2           {font:3.2em 'Aller Bold';letter-spacing: -2px; line-height: .5em;}
    .regulation .txt            {margin-top:5px; font: 1.7em 'Aller';letter-spacing: -1px; line-height: 1em;}
    .regulation .tit2-wrap      {width:100%; top:65%; right:5%; text-align:right;}
    .regulation .txt2           {margin-top:10px; font: 1.7em 'Aller'; letter-spacing:-2px; line-height:1.2em;}
    .regulation .tit2-wrap img  {width:40%;}
    .events                     {padding-top:50px; margin-bottom:30px;}
    .events .new .line          {display:none;}
    .events .new .date          {width:20%; margin: 0 10px 0 0;}
    .events .new .type          {width:100%;}
    .events .new .body          {width:75%;}
    .events .new .collapsed     {height:15px;}
    .team                       {padding-top:60px; text-align:center;}
    .team .member               {width:100%; text-align:center;}
    .team .member .name         {letter-spacing:-1px;}
    .team .member .txt          {text-align:left;}
    .contact                    {padding-top:40px; }
    .contact .inner             {width:250px;}
    .contact .contacto          {width:100%; display:block; }
    .contact .contacto img      {}
    .contact .mail              {width:100%; font:1.42em 'Aller Bold'; line-height:.8em;}
    .contact .job               {width:100%; display:block;  margin:20px auto; padding-left:20px;}
    .contact .job img           {}
    .contact .press             {width:100%;}
    .contact .dir               {width:150px; vertical-align:top; text-align:center;  margin-bottom:50px;}
    .contact .dir .tit          {font: 1.46em 'Aller Bold'; letter-spacing: -2px;}
    .footer     {bottom:20px;}
}


/***** Phone (landscape 420px) *****/
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .weare .chart-border{border:0; bottom:-320px;}
    .data .data1 .pie1-wrap {margin-right:10px;}
    .header .foro-fintech-banner { display:none; }
}


@media only screen and (max-width: 479px) {
    #socialsidebar { display:none; }
    .header .foro-fintech-banner { display:none; }
    .products .t1 {left:2%;}
    .products .t2 {right:2%;}
    .data .data1        {padding-top:110px; padding-bottom:120px; height:auto; background: url(../img/data-bg-01.jpg) repeat-y; background-size:cover;}
    .data .data1 .left {width:40%;}
    .data .data1 .pie2-wrap {margin-top:70px;}
    .data .data1 .right {width:40%;}
    .data .data1 .right .tit1 {font: 700 3.15em 'Aller Bold'; letter-spacing: -2px;}
    .data .data1 .right .tit2 {font: 700 2em/.9em 'Aller Bold'; letter-spacing: -2px;}
    .data .data2 .left img {width:80%; padding-top:20px;}
    .wedo .t5 {width:100%; top:80%; left:0%; right:0; margin:0;}

    .weare .t-left      {width:40%; height:25%; bottom:70px; text-align: right;}
    .weare .t-left .tit {font:700 3.65em 'Aller Bold'; letter-spacing:-4px;}
    .weare .t-left .txt {font: 700 1.3em/1em 'Aller Bold';}
    .weare .t-left .txt1 {height:30px;}
    .weare .t-left .txt2 {height:35px;}
    .weare .t-left .txt3 {height:35px;}
    .weare .t-left .txt4 {}
    .weare .t-right     {width:60%; height:25%; bottom:73px; text-align:left;}
    .weare .t-right .tit {font:700 3.65em 'Aller Bold'; letter-spacing:-4px;}
    .weare .t-right .txt {font:400 1em/.9em 'Aller';}
    .weare .t-right .txt1 {height:32px;}
    .weare .t-right .txt2 {height:35px;}
    .weare .t-right .txt3 {height:35px;}
    .weare .t-right .txt4 {}

    .products .nav { height:40px; position: absolute; top:40px; background:#ecf2f2; border-top: 0px solid #e4e9e9; box-shadow: inset 5px 0px 20px -13px #000;   }
    .products .info .pop-content img { width:40%; margin-bottom:30px;}
    .quebueno-cover {background: url(../img/quebueno-cover.jpg) no-repeat center 170px; background-size: auto 35%;}
    .products .quebueno .t1     {width:40%; min-width:0px; position:absolute; top:20%; left:5%;}
    .products .quebueno .t2     {width:35%; min-width:0px; position:absolute; top:60%; right:5%;}
    .products .quebueno .desc   {width:100%; position:absolute; bottom:80px; left:0px; text-align:center; line-height:.5em;}
    .products .quebueno .desc img {width:30%;}
    .pagatarde-cover {background: url(../img/pagatarde-cover.jpg) no-repeat center 120px; background-size: auto 60%;}
    .products .pagatarde .t1    {width:40%; min-width:0px; top:25%; left:5%;}
    .products .pagatarde .t2    {width:30%; min-width:0px; top:65%; right:5%;}
    .products .pagatarde .desc  {width:100%; position:absolute; bottom:70px; left:0px; text-align:center; line-height:.5em;}
    .products .pagatarde .desc img {width:20%; margin-left:30px;}
    .products .pagatarde .info .pop-content img {width:25%;}
    .pagantis-cover {background: url(../img/pagantis-cover.jpg) no-repeat center 180px; background-size: auto 60%;}
    .products .pagantis .t1     {width:40%; min-width:0px; top:17%; left:5%;}
    .products .pagantis .t2     {width:40%; min-width:0px; top:70%; right:5%;}
    .products .pagantis .desc   {width:100%; position:absolute; bottom:70px; left:0px; text-align:center; line-height:.5em;}
    .products .pagantis .desc img {width:20%;}

    .regulation                 {background:url(../img/regulation-bg.jpg) no-repeat; background-position: center center; background-size:auto 50%;}
    .regulation .tit1-wrap      {position:absolute; top:20%; left:5%;}
    .regulation .tit1           {font:3em 'Aller'; letter-spacing:-2px;}
    .regulation .tit2           {font:3.5em 'Aller Bold';letter-spacing: -2px; line-height: .5em;}

    .contact .contacto {width:280px; margin:0px auto; margin-bottom:20px; display:block;}
    .contact .contacto img {}
    .contact .job {width: 250px; margin:20px auto;}
    .contact .job img {}
    .contact img {width:20%;}
    .contact .dir {width:120px;}
}



@media only screen and (max-width: 480px) and (orientation : landscape) {
    .weare .t1-wrap {top:16%;}
    .weare .t-left {width:45%; height:25%; bottom:55px; text-align: right;}
    .weare .t-left .tit {font:700 3em 'Aller Bold'; letter-spacing:-4px;}
    .weare .t-left .txt {font: 700 1.1em/1em 'Aller Bold';}
    .weare .t-left .txt1 {height:28px;}
    .weare .t-left .txt2 {height:22px;}
    .weare .t-left .txt3 {height:26px;}
    .weare .t-left .txt4 {}
    .weare .t-right     {width:55%; height:25%; bottom:58px; text-align:left;}
    .weare .t-right .tit {font:700 3em 'Aller Bold'; letter-spacing:-4px;}
    .weare .t-right .txt {font:400 1.1em/1em 'Aller';}
    .weare .t-right .txt1 {height:28px;}
    .weare .t-right .txt2 {height:22px;}
    .weare .t-right .txt3 {height:26px;}
    .weare .t-right .txt4 {}
    .data {padding-top:30px;}
    .data .data1 .pie1-wrap {margin-right:0px;}
    .data .data1 .left {width:40%; padding-bottom:120px;}
    .data .data1 .right {width:35%; display:inline-block; margin-bottom:20px; padding:20px 0px; text-align:left;}
    .data .data1 .right .tit2 {font: 700 2em/.8em 'Aller Bold'; letter-spacing: -2px;}
    .data .data1 .pie2-wrap {margin-top:70px;}
    .data .data2 .left img {width:80%; margin-top:20px;}
    .products .nav { height:30px; position: absolute; top:40px; background: #ecf2f2; border-top: 0px solid #e4e9e9; box-shadow: inset 5px 0px 20px -13px #000;  }
    .products .nav div { width: 100px; margin-top: 5px;}
    .products .info .pop-content .tit {font: 1.56em/.9em 'Aller Bold'; letter-spacing: -2px;}
    .products .info .pop-content .txt {font-size: .9em;  line-height: 1.2em;}
    .quebueno-cover {background: url(../img/quebueno-cover.jpg) no-repeat center 53px; background-size: 100% auto;}
    .products .quebueno .t1     {width:20%; min-width:0px; position:absolute; top:30%; left:5%;}
    .products .quebueno .t2     {width:20%; min-width:0px; position:absolute; top:50%; right:5%;}
    .products .quebueno .desc   {width:100%; position:absolute; bottom:20px; left:0px; text-align:center; line-height:.5em;}
    .products .quebueno .desc img {width:20%;}
    .products .pagatarde .t1    {width:30%; min-width:0px; top:25%; left:5%;}
    .products .pagatarde .t2    {width:20%; min-width:0px; top:45%; right:5%;}
    .products .pagatarde .desc  {width:100%; position:absolute; bottom:25px; left:0px; text-align:center; line-height:.5em;}
    .products .pagatarde .desc img {width:20%; margin-left:30px;}
    .products .pagatarde .info .pop-content img {width:15%;}
    .pagantis-cover {background: url(../img/pagantis-cover.jpg) no-repeat center 90px; background-size: auto 60%;}
    .products .pagantis .t1     {width:25%; min-width:0px; top:30%; left:5%;}
    .products .pagantis .t2     {width:25%; min-width:0px; top:60%; right:5%;}
    .products .pagantis .desc   {width:100%; position:absolute; bottom:20px; left:0px; text-align:center; line-height:.5em;}
    .products .pagantis .desc img {width:20%;}

    .regulation                 {background:url(../img/regulation-bg.jpg) no-repeat; background-position: center 80px; background-size:auto 70%;}
    .regulation .tit1-wrap      {position:absolute; top:20%; left:5%;}
    .regulation .tit1           {font:3em 'Aller'; letter-spacing:-2px;}
    .regulation .tit2-wrap      {width:100%; top:50%; right:5%; text-align:right;}
    .regulation .txt2           {margin-top:10px; font: 1.7em 'Aller'; letter-spacing:-2px; line-height:1.2em;}
    .regulation .tit2-wrap img  {width:30%;}

}

@media only screen and (max-width: 400px) and (orientation : portrait) {
    .footer {width:30%;}
    .weare .chart-border {border:0; bottom:-280px;}
    .weare .t-left .txt {font: 700 .9em/1em 'Aller Bold';}
    .weare .t-left .txt1 {height:20px;}
    .weare .t-left .txt2 {height:26px;}
    .weare .t-left .txt3 {height:26px;}
    .weare .t-right .txt {font: 400 .8em/.9em 'Aller';}
    .weare .t-right .txt1 {height:20px;}
    .weare .t-right .txt2 {height:26px;}
    .weare .t-right .txt3 {height:26px;}
    .weare .t1-wrap {top:18%;}
    .data .data1 {padding-bottom:60px;}
    .data .data1 .left {width:100%;}
    .data .data1 .right {width:100%; padding:0px 10px; padding-top:90px; text-align:center;}
    .data .data1 .pie1-wrap {margin-right:0px; margin-top:20px;}
    .data .data2 .tit {font: 700 2.5em 'Aller Bold';letter-spacing: -3px; line-height: .8em;}
    .quebueno-cover {background: url(../img/quebueno-cover.jpg) no-repeat center 130px; background-size: auto 55%;}
    .products .info .pop-content .tit {font: 1.46em/.9em 'Aller Bold'; letter-spacing: -2px;}
    .products .info .pop-content .txt {font-size: .9em; line-height: 1.5em;}
    .products .info .pop-content img {width:25%; margin-bottom:0px;}
    .products .quebueno .t1     {width:40%; top:30%; left:5%;}
    .products .quebueno .t2     {width:25%; min-width:0px; position:absolute; top:60%; right:5%;}
    .products .quebueno .desc   {bottom:30px;}
    .products .pagatarde .t1    {width:30%; min-width:0px; top:35%; left:5%;}
    .products .pagatarde .t2    {width:20%; min-width:0px; top:60%; right:5%;}
    .products .pagatarde .desc  {bottom:30px;}
    .pagantis-cover {background: url(../img/pagantis-cover.jpg) no-repeat center 110px; background-size: auto 60%;}
    .products .pagantis .t1     {width:25%; min-width:0px; top:30%; left:5%;}
    .products .pagantis .t2     {top:60%;}
    .products .pagantis .desc   {bottom:30px;}
    .regulation .tit1-wrap      {position:absolute; top:20%; left:5%;}
    .regulation .tit1           {font:3em 'Aller'; letter-spacing:-2px;}
    .data .data1 .right .txt {text-align:center;}
    .contact .content {padding-top:70px;}
    .contact .job {padding-left:10px;}
    .contact .dir {width:100px; font-size:10px; margin-bottom:80px;}
    .contact .dir img {width:40%;}
}


@media only screen and (max-width: 991px) {
    #media_coverage_tab h3, #events_tab h3 { font-size:2em; text-align: center; margin-top:20px; }
    #media_coverage_tab , #events_tab  { text-align:center; }
    #events_tab .new-img  { margin:20px 0; }
}