/**********************/


/***** RESPONSIVE *****/


/**********************/

@media screen and (min-width:640px) and (max-width:1280px) {
    h1 {
        font-size: 24px;
        line-height: 24px;
    }
    /*************/
    /* MAIN MENU */
    /*************/
    .menu {
        margin: 2px 0 0;
    }
    .menu ul li a {
        font-size: 12px;
    }
    /***************/
    /* BANNER HOME */
    /***************/
    .bannerHome {
        top: -32px;
    }
    /****************/
    /* MENU SOPORTE */
    /****************/
    .support-menu li a {
        font-size: 15px;
        padding: 19px 0 19px 90px;
    }
    /********/
    /* CHAT */
    /********/
    .chatContent img {
        width: 70px;
    }
    /*****************************/
    /***** CARRUSEL CON TABS *****/
    /*****************************/
    .ax-tab-content h2,
    .ax-tab-content-pop h2 {
        font-size: 18px;
    }
    .ax-tab-content p,
    .ax-tab-content-pop p {
        font-size: 12px;
        line-height: 12px;
    }
    .ax-contentPopup .accesos a,
    .closePop .ax-close {
        font-size: 12px;
        padding: 5px;
    }
    /*********************/
    /***** NEWS HOME *****/
    /*********************/
    .newsHome .articulo:first-child .contenido h2 a {
        font-size: 20px;
        line-height: 20px;
    }
    .newsHome .articulo:first-child .contenido .entradilla p,
    .newsHome .articulo:first-child .contenido .entradilla {
        font-size: 13px;
        line-height: 15px;
    }
    /**********************************/
    /***** RESPONSABILIDAD SOCIAL *****/
    /**********************************/
    .ResponsabilidadHome .bstrap30 .nav-tabs>li>a {
        font-size: 18px;
    }
    .bstrap30 h2,
    .bstrap30 .h2 {
        font-size: 24px;
    }
    .ResponsabilidadHome .tab-content p,
    .ResponsabilidadHome .panel-collapse p {
        font-size: 12px;
    }
}


/*********/


/*TABLETS*/


/*********/

@media screen and (max-width:1024px) {
    /******************/
    /***** HEADER *****/
    /******************/
    /*********/
    /* REDES */
    /*********/
    .header .redes .fb,
    .header .redes .tw,
    .header .redes .yt {
        margin-left: 10px;
    }
    /********************/
    /* MENU TRANSVERSAL */
    /********************/
    .header .transversal .headerTools a::after {
        padding: 0 10px;
    }
    /*************/
    /* MAIN MENU */
    /*************/
    .menu {
        margin: 11px 0 0;
    }
    .menu ul {
        width: 100%;
    }
    .menu ul li a {
        padding: 10px 11px;
    }
    .menu>ul>li>a::after {
        top: 10px;
    }
    /************/
    /* BANCANET */
    /************/
    .header .BancaNet .bancaBtn {
        background-size: contain !important;
        width: 100%;
    }
    /***************/
    /* BANNER HOME */
    /***************/
    .bannerHome {
        top: -20px;
    }
    /********/
    /* CHAT */
    /********/
    .needHelp img {
        width: auto;
    }
    /*****************************/
    /***** CARRUSEL CON TABS *****/
    /*****************************/
    .ax-tabs li a,
    .ax-accordion {
        font-size: 14px;
    }
    .ax-tab-container .ax-prev {
        left: 5px;
    }
    .ax-tab-container .ax-next {
        right: 5px;
    }
    /****************************/
    /***** ACCESOS DIRECTOS *****/
    /****************************/
    .quick-access li {
        font-size: 15px;
    }
    .intro {
        font-size: 15px;
        padding-left: 5%;
        text-align: justify;
        padding-right: 5%;
    }
    .margen {
        padding-left: 5%;
        margin-bottom: -2%;
    }
    /****************/
    /***** APPS *****/
    /****************/
    .ax-contentChange .ax-title-tasa::after {
        left: -10px;
    }
    .ax-contentChange .ax-title-tasa {
        background: rgba(0, 0, 0, 0) url("Imagenes/support-menu-item.png") no-repeat scroll 55px 35px
    }
}

@media screen and (max-width:980px) {
    /*************/
    /* MAIN MENU */
    /*************/
    .menu {
        margin: 9px 0 0;
    }
    .menu ul li a {
        padding: 10px 8px;
    }
    /**********************/
    /***** CONTENIDOS *****/
    /**********************/
    /********************/
    /* INTERNAS GENERAL */
    /********************/
    /********************/
    /* ACCESOS DIRECTOS */
    /********************/
    .accesosDirectos .accesos li a {
        font-size: 16px;
    }
}

@media screen and (max-width:800px) {}

@media screen and (min-width:640px) and (max-width:800px) {
    /************/
    /* BANCANET */
    /************/
    .header .BancaNet .bancaBtn {
        background-size: contain !important;
        margin-top: 0;
    }
    /*************/
    /* MAIN MENU */
    /*************/
    .menu {
        margin: -40px;
    }
    .menu ul li {
        width: 25%;
    }
    .menu ul li a {
        line-height: 13px;
        padding: 5px 0;
    }
    /*********/
    /* REDES */
    /*********/
    .header .redes .fb,
    .header .redes .tw,
    .header .redes .yt {
        margin-left: 2px;
    }
    /********************/
    /* MENU TRANSVERSAL */
    /********************/
    .header .transversal .headerTools a::after {
        padding: 0 5px;
    }
    .header .transversal .headerTools a {
        font-size: 10px;
    }
    /*************/
    /* MAIN MENU */
    /*************/
    .menu ul li a::after {
        top: 11px;
    }
    .menu ul li a {
        font-size: 10px;
        padding: 12px 0;
    }
    /****************/
    /* MENU SOPORTE */
    /****************/
    .support-menu li a.historia,
    .support-menu li a.valores,
    .support-menu li a.pilares,
    .support-menu li a.paises,
    .support-menu li a.historia:hover,
    .support-menu li a.valores:hover,
    .support-menu li a.pilares:hover,
    .support-menu li a.paises:hover {
        background-size: 18%;
        padding: 10px 0 10px 50px;
    }
    /***************/
    /* BANNER HOME */
    /***************/
    .bannerHome {
        top: -5px;
    }
    /*****************************/
    /***** CARRUSEL CON TABS *****/
    /*****************************/
    .ax-tabs li a,
    .ax-accordion {
        font-size: 12px;
    }
    .ax-tabs li a[class|="ax-icon"],
    .ax-tabs li.ax-active a[class|="ax-icon"] {
        background-position: 93% center;
        background-size: 15%;
    }
    /****************************/
    /***** ACCESOS DIRECTOS *****/
    /****************************/
    .quick-access .grid_3 {
        padding: 0 30px;
    }
    /****************/
    /***** APPS *****/
    /****************/
    .ax-contentChange .ax-title-tasa {
        background: rgba(0, 0, 0, 0) url("Imagenes/support-menu-item.png") no-repeat scroll 35px 35px;
        font-size: 17px;
        padding: 0 0 10px 17px;
        line-height: 17px;
    }
    .ax-contentChange .ax-title-tasa::after {
        left: -12px;
        top: -7px;
    }
    .lafise-valorCompra,
    .lafise-valorVenta {
        width: 48%;
    }
}

@media screen and (max-width:768px) {
    /*************/
    /* MAIN MENU */
    /*************/
    .menu ul li a {
        font-size: 11px;
    }
    .menu ul li>ul li>ul li a,
    .menu ul li.list1>ul li>ul li a,
    .menu ul li.list2>ul li>ul li a,
    .menu ul li.list3>ul li>ul li a {
        padding: 0;
    }
    /**********************/
    /***** ERROR 404 *****/
    /*********************/
    .internaError {
        background: rgba(0, 0, 0, 0) url("/Portals/0/Skins/institucional/images/bg_404.jpg") no-repeat scroll 0 0 / contain;
        height: 512px;
        position: relative;
        top: -10px;
    }
    .contentError {
        padding: 0 0 0 20px;
        position: absolute;
        top: 25px;
    }
    .contentError span:nth-of-type(1) {
        color: #00583c;
        font-size: 60px;
        line-height: 60px;
    }
    .contentError span:nth-of-type(2) {
        color: #5cba55;
        font-size: 80px;
        line-height: 80px;
        padding: 0 0 0 60px;
    }
}

@media screen and (max-width:640px) {
    /******************/
    /***** HEADER *****/
    /******************/
    .header .container>.grid_9 {
        width: 70%;
    }
    /********/
    /* LOGO */
    /********/
    .logo {
        width: 30%;
    }
    /*************/
    /* MAIN MENU */
    /*************/
    .menu ul li a {
        font-size: 10px;
        line-height: 10px;
        padding: 7px 0;
    }
    .menu ul li.list1 a,
    .menu ul li.list2 a,
    .menu ul li.list3 a {
        /*padding: 7px 0;*/
    }
    /************/
    /* BANCANET */
    /************/
    .header .BancaNet .bancaBtn {
        background-size: contain !important;
        height: 48px;
    }
    .header .BancaNet .BancaNetList {
        width: 150%;
        margin-top: -2%;
    }
    /******************/
    /* PRESSROOM HOME */
    /******************/
    .link a>p,
    .pressRoomHome .link a>p,
    .pressRoomSubhome .link a>p {
        font-size: 10px;
        padding: 5px 10px;
    }
}


/*******************/


/***** MOVILES *****/


/*******************/

@media screen and (max-width:639px) {
    /*********************/
    /***** GENERALES *****/
    /*********************/
    .button,
    .button:visited {
        display: block;
        margin-bottom: 25px;
        text-align: center;
    }
    /******************/
    /***** HEADER *****/
    /******************/
    .header .container>.grid_9 {
        background: #fff;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 11;
    }
    /********/
    /* LOGO */
    /********/
    .logo {
        background: #00593b none repeat scroll 0 0;
        margin-top: 46px;
        position: relative;
        width: 100%;
        z-index: 10;
    }
    .logo a {
        display: block;
        text-align: center;
    }
    .logo a img {
        display: inline-block;
        margin-top: 15%;
    }
    /********/
    /* REDES*/
    /********/
    .header .redes {
        display: none;
    }
    /********************/
    /* MENU TRANSVERSAL */
    /********************/
    .header .transversal {
        float: right;
        margin-right: 15%;
        position: relative;
        width: auto;
        z-index: 11;
    }
    .header .transversal .DNNModuleContent a {
        background: url("Imagenes/header/preguntasIcon.jpg") center center no-repeat;
        box-sizing: border-box;
        color: #fff;
        display: inline-block;
        font-family: "Montserrat", sans-serif;
        font-size: 0;
        font-weight: 700;
        height: 46px;
        padding: 0;
        text-transform: uppercase;
        width: 46px;
    }
    .header .transversal .DNNModuleContent a:hover {
        background: url("Imagenes/header/preguntasIcon.jpg") center center no-repeat;
        opacity: 0.5;
    }
    .header .transversal .DNNModuleContent a:nth-child(2) {
        background: url("Imagenes/header/contactoIcon.jpg") center center no-repeat;
    }
    .header .transversal .DNNModuleContent a:last-child {
        background: url("Imagenes/header/encuentranosIcon.jpg") center center no-repeat;
    }
    /**********/
    /* SEARCH */
    /**********/
    .search {
        margin: 0;
        position: absolute;
        right: 0;
        width: 13%;
        z-index: 20;
    }
    .search .SearchButton,
    .search .searchBtn {
        box-sizing: border-box;
        background: #00593b url("Imagenes/header/searchBtn.png") no-repeat scroll center center;
        padding: 31px 15px 28px;
        width: 100%;
    }
    /*************/
    /* MAIN MENU */
    /*************/
    .menu .responsiveMenuButton {
        background: rgba(0, 0, 0, 0) url("Imagenes/header/menuResponsive.png") no-repeat scroll 20px center;
        box-sizing: border-box;
        color: #444;
        display: inline-block;
        font-family: "Open Sans", sans-serif;
        font-size: 20px;
        font-weight: 700;
        line-height: 13px;
        padding: 17px 20px 23px 55px;
        text-transform: capitalize;
        width: auto;
    }
    .menu .responsiveMenuButton:hover,
    .menu .responsiveMenuButton.active {
        background: #ddd url("Imagenes/header/menuResponsive.png") no-repeat scroll 20px center;
    }
    .menu {
        margin: 0;
        position: absolute;
        text-align: left;
    }
    .menu ul {
        background: #fff none repeat scroll 0 0;
        border-bottom: 1px solid #59bd4d;
        border-top: 1px solid #59bd4d;
        display: none;
        position: relative;
        z-index: 20;
    }
    .menu ul li {
        float: none;
        width: 100%;
    }
    .menu ul li a {
        border-bottom: 1px solid #ddd;
        font-size: 13px;
        line-height: 15px;
        margin: 0;
        padding: 14px 10px;
        position: relative;
    }
    .menu ul li:last-child a {
        border: none;
    }
    .menu ul li a.hasMenu::after {
        color: #aaa;
        content: "▼";
        font-size: 10px;
        position: absolute;
        right: 10px;
    }
    .menu ul li a.active.hasMenu::after {
        color: #fff;
        content: "▲";
    }
    .menu ul li:hover,
    .menu ul li.selected {
        border-bottom: none;
    }
    .menu ul li:hover>a,
    .menu ul li.selected>a,
    .menu ul li a.active {
        background: #00593B;
        color: #fff;
    }
    .menu ul li:hover>ul {
        display: none;
    }
    .menu ul li>ul {
        border-bottom: 1px solid #5abc4f;
        padding: 0;
        position: relative;
        width: auto;
    }
    .menu ul li>ul li>ul {
        display: none;
    }
    .menu ul li>ul li a {
        border-bottom: 1px solid #ccc;
        font-family: "Lato", sans-serif;
        margin: 0;
        padding: 10px 20px;
        text-transform: none;
    }
    .menu ul li>ul li:last-child a {
        border: none;
    }
    .menu ul li>ul li:hover a,
    .menu ul li>ul li.selected a,
    .menu ul li>ul li a.active {
        background: #7f7f7f;
        color: #fff;
    }
    /************/
    /* BANCANET */
    /************/
    .header .BancaNet {
        display: inline-block;
        margin-top: 0;
    }
    .header .BancaNet .bancaBtn {
        background-size: contain !important;
        background: #43bb6c url("Imagenes/header/bancaNet.svg") no-repeat scroll right top;
        height: 48px;
        margin-top: 0;
        width: 100%;
    }
    .header .BancaNet .bancaBtn.active {
        background: #858585 url("Imagenes/header/Bancanetgris.svg") no-repeat scroll right top;
    }
    .header .BancaNet .BancaNetList {
        right: 0;
        width: 100%;
    }
    /**********/
    /* BANNER */
    /**********/
    .bannerHome {
        display: none;
    }
    .bannerHome.responsive {
        display: block;
        top: 0;
    }
    /**********************/
    /***** CONTENIDOS *****/
    /**********************/
    .row {
        margin: 0;
    }
    .articuloNovedadesDetalle .contenido .informacion {
        -moz-column-count: 1;
    }
    /***************/
    /* MIGA DE PAN */
    /***************/
    .breadcrumb {
        background: #eeeeee none repeat scroll 0 0;
        margin: 0 0 45px;
        /* padding: 10px 4%;*/
        position: relative;
        top: 0;
        margin-top: -3%;
    }
    /********************/
    /* INTERNAS GENERAL */
    /********************/
    /****************/
    /* MENU LATERAL */
    /****************/
    .sidebar,
    .rightContent {
        //padding:0 4%;
    }
    .sidebar #dnn_pnav {
        display: none;
    }
    .pageTitleSidebar {
        position: relative;
        transition: all 0.3s ease-in-out;
    }
    .pageTitleSidebar::after {
        color: #fff;
        content: "▼";
        font-size: 10px;
        position: absolute;
        right: 10px;
    }
    .pageTitleSidebar.active {
        background: #333;
    }
    .pageTitleSidebar.active::after {
        content: "▲";
    }
    /***********/
    /* GENERAL */
    /***********/
    /************************************************/
    /* NOTICIAS HOME, SUBHOME, NOVEDADES E INTERNAS */
    /************************************************/
    .newsTitle,
    .newsHome,
    .pressRoomHome,
    .newsSubhome,
    .pressRoomSubhome,
    .interna,
    .container.interna {
        padding: 0 4%;
    }
    .newsHome .articulo,
    .newsHome .articulo:first-child,
    .newsSubhome .articulo,
    .articuloNovedades {
        width: 100%;
    }
    .newsSubhome .articulo {
        padding: 0;
    }
    .articuloNovedades {
        margin: 0;
    }
    /******************/
    /* PRESSROOM HOME */
    /******************/
    .link a>p,
    .pressRoomHome .link a>p,
    .pressRoomSubhome .link a>p {
        font-size: 14px;
        padding: 10px;
    }
    /********************/
    /* ACCESOS DIRECTOS */
    /********************/
    .accesosDirectos {
        margin: -30px 0 25px;
    }
    .accesosDirectos .accesos ul {
        padding: 0 4%;
    }
    .accesosDirectos .accesos ul li {
        margin: 0 0 5px;
        width: 100%;
    }
    .accesosDirectos .accesos ul li a {
        font-size: 18px;
        line-height: 30px;
    }
    /***********************/
    /* TARJETAS DE CRÉDITO */
    /***********************/
    .articuloTarjeta {
        padding: 0;
        width: 100%;
    }
    /********/
    /* CHAT */
    /********/
    .chatContainer {
        display: none;
    }
    /**********************/
    /***** ERROR 404 *****/
    /*********************/
    .internaError {
        background: #f4f4f4 none repeat scroll 0 0;
        height: auto;
        margin: 0 0 20px;
        position: inherit;
    }
    .contentError {
        padding: 0 0 0 20px;
        position: inherit;
    }
    .contentError span:nth-of-type(1) {
        font-size: 70px;
        line-height: 70px;
    }
    .contentError span:nth-of-type(2) {
        font-size: 90px;
        line-height: 90px;
    }
    /*****************************/
    /***** CARRUSEL CON TABS *****/
    /*****************************/
    .ax-accordion {
        border-bottom: 1px solid #ccc;
        box-sizing: border-box;
        display: inline-block;
        padding: 12px 20px;
        width: 100%;
    }
    .ax-accordion.ax-active {
        background: #8CC63E;
        color: #fff;
    }
    .ax-accordion:first-child {
        border-top: 1px solid #ccc;
    }
    .ax-tab-container {
        margin-bottom: 25px;
    }
    .ax-tabs,
    .ax-selected {
        display: none;
    }
    .ax-tab {
        border-bottom: 1px solid #ccc;
        float: left;
        padding: 0 0 20px;
        width: 100%;
    }
    .ax-tab-content .ax-tab:nth-child(4) {
        display: none;
    }
    .ax-next,
    .ax-prev {
        display: none;
    }
    /****************************/
    /***** ACCESOS DIRECTOS *****/
    /****************************/
    .quick-access .grid_3 {
        margin-bottom: 25px;
    }
    /*****************/
    /* NOTICIAS HOME */
    /*****************/
    .newsHome .articulo .imagen {
        margin-bottom: 15px;
        width: 100%;
    }
    .newsHome .contenido {
        padding: 0 4%;
        width: 100%;
    }
    .newsHome .articulo:first-child .contenido h2 a {
        font-size: 16px;
        line-height: 18px;
    }
    .newsHome .articulo:first-child .contenido .entradilla p {
        font-size: 11px;
        line-height: 14px;
    }
    /****************/
    /***** APPS *****/
    /****************/
    .lafiseApp {
        width: 80%;
        margin: 20px auto 20px auto;
    }
    .ax-contentChange .ax-title-tasa {
        background: rgba(0, 0, 0, 0) url("Imagenes/support-menu-item.png") no-repeat scroll 105px 35px;
    }
    /***************************/
    /* SUSCRIPCION A BOLETINES */
    /***************************/
    .newsletters {
        padding: 0 4%;
    }
    .newsletters .lafise-container-suscripcion-boletin>.lafise-group,
    .newsletters .lafise-container-suscripcion-boletin>.lafise-group>.lafise-group,
    .newsletters .lafise-container-suscripcion-boletin>.lafise-container-options,
    .newsletters .lafise-container-options .lafise-button {
        width: 100%;
    }
    .newsletters .lafise-container-text input {
        margin: 0 0 20px;
        width: 100%;
    }
    .newsletters .lafise-container-options .lafise-button {
        box-sizing: border-box;
        margin-top: 20px;
    }
    /******************/
    /***** FOOTER *****/
    /******************/
    .footer {
        text-align: center;
    }
    .footer img {
        display: inline-block;
    }
    .footer .col-3 ul {
        -moz-column-count: 1;
    }
    .footer ul {
        margin-bottom: 20px;
    }
    .footer ul li {
        background: none;
    }
    .footer a.reclamo {
        margin: 0 30px;
    }
}

@media screen and (max-width:568px) {}

@media screen and (max-width:480px) {}

@media screen and (max-width:360px) {}

@media screen and (max-width:320px) {}