/* EVoting

INDICE:
----------------------------------------
    1. Custom, iPhone Retina
    2. Extra Small Devices, Phones
    3. Small Devices, Tablets
    4. Medium Devices, Desktop
    5. Iphone 5/SE

*/

/*1. ------ Custom, iPhone Retina -----------------------------------------------------------------*/ 
@media (min-width: 320px) and (max-width: 479px) {

    .container {
        width: 100%;
    }

    /*2. ------ Nav --------*/
    nav,
    nav .container,
    nav .boxNav{
        height: 60px;
    }
    nav .container {
        padding: 0 20px;
    }
    nav .boxNav .columnRight ul {
        display: none;
    }
    nav .boxNav a.contactanos {
        position: relative;
        right: unset;
        top: unset;
        font-size: 1.4em;
    }
    nav .menuBox {
        top: 60px;
        width: 100%;
    }

    /*3. ------ Footer --------*/
    footer .topFooter .columnLeft {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnRight {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnRight .box {
        padding: 40px 20px;
    }
    footer .bottomFooter {
        padding: 30px 20px;
    }
    footer .bottomFooter .columnLeft,
    footer .bottomFooter .columnRight {
        width: 100%;
    }
    footer .bottomFooter .columnRight p {
        padding: 20px 0 0 0;
        text-align: center;
    }
    footer .topFooter .columnLeft .columns .item .box {
        padding: 40px 0 20px 0;
    }

    /*4. ------ Home --------*/

    /*- Home: Slider top -*/
    .sliderTopHome #sliderHome .item .sliderText h1 {
        font-size: 2.4em;
    }
    .sliderTopHome #sliderHome .item .sliderText {
        top: unset;
        bottom: 200px;
        margin: 0 5%;
        width: 90%;
    }
    .sliderTopHome .owl-dots {
        padding: 30px 0 0 0;
    }
    .sliderTopHome .bgSolid {
        height: 50px;
    }
    .sliderTopHome #sliderHome .item .container {
        height: 100vh;
    }
    /*- Home: Cifras -*/  
    .cifrasHome {
        padding: 0;
    }
    .cifrasHome .item {
        width: 92%;
        height: auto;
        margin: 4%;
        padding: 20px;
    }
    .cifrasHome .item + .item + .item + .item {
        width: 92%;
        height: auto;
        margin: 4%;
        padding: 20px;
    }
    /*- Home: Servicios principales -*/  
    .serviciosHome .box .image {
        width: 100%;
        height: 50vh;
    }
    .serviciosHome .box .text {
        width: 100%;
        padding: 20px;
    }
    .serviciosHome .box .text h2 {
        font-size: 2.4em;
    }
    .serviciosHome .box .text .item.eholders img {
        height: 64px;
    }
    .serviciosHome .box .text .item.evoters img {
        height: 52px;
    }
    .serviciosHome .box .text .item.eparticipa img {
        height: 54px;
    }
    .serviciosHome .box .text .item.easambleas img {
        height: 52px;
    }
    /*- Home: Voto electrónico -*/ 
    .votoElectronicoHome {
        margin: 0;
    }
    .votoElectronicoHome h2 {
        margin: 0;
        padding: 0 20px;
        font-size: 2.4em;
    }
    .votoElectronicoHome .box .item .card {
        width: 100%;
    }
    .votoElectronicoHome .box .item .card .image {
        width: 100%;
        height: 100%;
    }
    .votoElectronicoHome .box .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .votoElectronicoHome .box .item + .item  {
        width: 100%;
        margin: 30px 0;
    }
    .votoElectronicoHome .box .item + .item + .item  {
        width: 100%;
        margin: 30px 0;
    }
    .votoElectronicoHome .box .item .card .text {
        width: 100%;
    }
    .votoElectronicoHome .box .item .card .text p {
        height: auto;
    }
    /*- Home: Somos -*/ 
    .somosHome {
        margin: 20px 0;
        padding: 20px;
    }
    .somosHome .box .columnLeft {
        width: 100%;
    }
    .somosHome .box .columnRight {
        width: 100%;
    }
    .somosHome .box .columnRight p {
        text-align: center;
        padding: 0 20px;
        margin-top: 30px;
    }
    /*- Home: Slider de videos -*/ 
    .videosHome {
        margin: 20px 0;
        padding: 0;
    }
    .videosHome .box #sliderVideosHome .item .image a {
        top: 25%;
    }
    .videosHome .box #sliderVideosHome .item .image a svg {
        width: 90px;
        height: 90px;
    }
    /*- Home: Dato específico -*/ 
    .datoHome {
        margin: 20px 0;
        padding: 20px;
    }
    .datoHome .box .text {
        width: 100%;
        padding: 0;
    }
    .datoHome .box .text h3 {
        font-size: 6em;
    }
    .datoHome .box .text p {
        padding: 0 30% 0 0;
    }
    /*- Home: Opinión de clientes -*/ 
    .clientesHome {
        margin: 30px 0;
        padding: 0;
    }
    .clientesHome .box h2 {
        font-size: 2.4em
    }
    .clientesHome .box .item {
        width: 70%;
    }
    .clientesHome .box .item p {
        font-size: 1.8em;
    }
    /*- Home: Blog -*/ 
    .blogHome {
        margin: 30px 0;
        padding: 0 20px;
    }
    .blogHome h2 {
        font-size: 2.4em;
    }
    article.principal .card {
        width: 100%;
        height: 100%;
    }
    article.principal .card .image {
        width: 100%;
        height: 100%;
    }
    article.principal .card .text {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    article.principal .card .text a.btn {
        position: relative;
        bottom: unset;
    }
    article.principal .card .text p {
        font-size: 1.6em;
        line-height: unset;
    }
    article.other,
    article.other + article.other,
    article.other + article.other + article.other,
    article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other {
        width: 100%;
    }
    article.other .card {
        height: auto;
    }
    article.other .card .image {
        width: 100%;
        height: 100%;
    }
    article.other .card .text {
        width: 100%;
        height: auto;
    }
    article.other .card .text a.btn {
        position: relative;
        bottom: unset;
        margin-top: 20px;
    }
    article.other .card .text p.fecha {
        position: relative;
        bottom: unset;
    }

    /*5. ------ Seguridad electoral --------*/

    .contenidoSecciones .topContenido {
        padding: 30px 10px;
    }
    .contenidoSecciones .topContenido .columnLeft {
        width: 100%;
        margin: 0;
    }
    .contenidoSecciones .topContenido .columnRight {
        width: 100%;
        margin: 0;
    }
    .headerSecciones {
        display: block;
        align-items: unset;
        justify-content: unset;
        background-position: top !important;
        padding: 170px 10px 0 10px;
        height: 280px;
    }
    .headerSecciones h1 {
        font-size: 2.8em;
        width: 100%;
        margin: 0 0 6px 0;
    }
    .contenidoSecciones .topContenido .columnLeft h2 {
        font-size: 2em;
        width: 100%;
    }
    .contenidoSecciones .cuerpoContenido .box {
        padding: 20px 10px;
    }
    .contenidoSecciones .cuerpoContenido h2 {
        font-size: 2em;
        width: 100%;
        padding: 0 10px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item,
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item + .item,
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item + .item + .item {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .contenidoSecciones .cuerpoContenido .box .item .image a {
        top: 28%;
    }
    .contenidoSecciones .cuerpoContenido .box .item .image a svg {
        width: 70px;
        height: 70px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion {
        padding: 0 10px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item h2 {
        padding: 0;
    }
    .headerSecciones.seguridadElectoral {
        height: 680px;
        padding: 280px 10px 0 10px;
    }
    .headerSecciones.seguridadElectoral h1 {
        width: 100%;
        padding: 0;
        font-size: 2.4em;
    }
    .headerSecciones.seguridadElectoral p {
        width: 100%;
        padding: 0;
    }
    .headerSecciones.seguridadElectoral svg {
        margin: 0;
        width: 75%;
    }
    .serviciosPrivacidad {
        margin: 0 0 30px 0;
    }
    .serviciosPrivacidad .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosPrivacidad .box .text {
        width: 100%;
    }
    .serviciosPrivacidad .box .text .top {
        padding: 20px 10px;
    }
    .serviciosPrivacidad .box .text .top h2 {
        font-size: 2.2em;
        padding: 0px 0 0 50px;
    }
    .serviciosPrivacidad .box .text .top h2 svg {
        left: 10px;
        width: 40px;
        top: 10px;
    }
    .serviciosPrivacidad .box .text .top .boton {
        padding: 0;
    }
    .serviciosSecretoDelVoto {
        margin: 0 0 30px 0;
    }
    .serviciosSecretoDelVoto .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosSecretoDelVoto .box .text {
        width: 100%;
    }
    .serviciosSecretoDelVoto .box .text .top {
        padding: 20px 10px;
    }
    .serviciosSecretoDelVoto .box .text .top h2 {
        font-size: 2.2em;
        padding: 0px 0 0 50px;
    }
    .serviciosSecretoDelVoto .box .text .top h2 svg {
        left: 10px;
        width: 40px;
        top: 10px;
    }
    .serviciosSecretoDelVoto .box .text .top .boton {
        padding: 0;
    }
    .serviciosProtocolos {
        padding: 50px 0 50px 0;
        background-position: right;
    }
    .serviciosProtocolos .box {
        width: 100%;
        padding: 0 5%;
    }
    .serviciosProtocolos .box .text .top h2 {
        font-size: 2.2em;
        padding: 0 50px 0 0;
    }
    .serviciosProtocolos .box .text .top h2 svg {
        right: 10px;
        width: 40px;
        top: -10px;
    }
    .serviciosProtocolos .box .text .top .boton {
        padding: 0;
    }
    .serviciosAutentificacion {
        margin: 0px 0 30px 0;
    }
    .serviciosAutentificacion .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosAutentificacion .box .text {
        width: 100%;
    }
    .serviciosAutentificacion .box .text .top {
        padding: 20px 10px;
    }
    .serviciosAutentificacion .box .text .top h2 {
        font-size: 2.2em;
        padding: 0 50px 0 0;
    }
    .serviciosAutentificacion .box .text .top h2 svg {
        right: 10px;
        width: 40px;
        top: 4px;
    }
    .serviciosAutentificacion .box .text .top .boton {
        padding: 0;
    }
    .serviciosSeguridadInformatica {
        margin: 0 0 30px 0;
    }
    .serviciosSeguridadInformatica .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosSeguridadInformatica .box .text {
        width: 100%;
    }
    .serviciosSeguridadInformatica .box .text .top {
        padding: 10px;
    }
    .serviciosSeguridadInformatica .box .text .top h2 {
        font-size: 2.2em;
        padding: 0 50px 0 0;
    }
    .serviciosSeguridadInformatica .box .text .top h2 svg {
        right: 10px;
        width: 40px;
        top: 0;
    }
    .serviciosSeguridadInformatica .box .text .top .boton {
        padding: 0;
    }


    /*6. ------ Nosotros --------*/ 

    .contenidoSecciones .itemVideo .image a {
        top: 8%;
    }
    .contenidoSecciones .itemVideo .image a svg {
        width: 50px;
    }
    .contenidoSecciones.historia .botones .columnLeft {
        width: 96%;
        margin: 0 2% 20px 2%;
    }
    .contenidoSecciones.historia .botones .columnRight {
        width: 96%;
        margin: 0 2%;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo.descripcion {
        height: auto !important;
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .fraseEquipo .text {
        padding: 0 0 0 250px;
        width: 100%;
    }
    .contenidoSecciones .fraseEquipo {
        padding: 70px 0;
    }
    .contenidoSecciones .fraseEquipo .text p {
        font-size: 2em;
    }

    /*7. ------ Plataformas --------*/

    .headerSecciones.serviciosPlataformas {
        height: 600px;
        padding: 280px 10px 0 10px;
    }
    .headerSecciones.serviciosPlataformas img {
        margin: 0;
        padding: 0 10px;
    }
    .headerSecciones.serviciosPlataformas p {
        width: 100%;
        padding: 0 10px;
        margin: 20px 0;
    }
    .headerSecciones.serviciosPlataformas svg {
        margin: 0;
    }
    .caracteristicasPlataformas {
        margin: 20px 0;
    }
    .caracteristicasPlataformas .box.rightImage .image,
    .caracteristicasPlataformas .box .image {
        width: 100%;
        height: 200px;
    }
    .caracteristicasPlataformas .box.rightImage .text,
    .caracteristicasPlataformas .box.leftImage .text {
        width: 100%;
    }
    .caracteristicasPlataformas .box .text .titulo {
        padding: 20px 10px;
        height: auto;
    }
    .caracteristicasPlataformas .box .text .titulo h2 {
        font-size: 2em;
    }
    .caracteristicasPlataformas .box .text .parrafo {
        padding: 30px 10px;
        height: auto;
    }
    .caracteristicasPlataformas .box.leftImage .text .titulo h2 {
        padding: 0;
    }
    .cifrasPlataformas {
        margin: 0 0 20px 0;
    }
    .cifrasPlataformas h2 {
        font-size: 2em;
        margin: 0 20px 40px 20px;
    }
    .cifrasPlataformas .box {
        width: 90%;
    }
    .cifrasPlataformas .box .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item + .item  + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item .bottom {
        height: auto;
    }
    .masCaracteristicasPlataformas {
        margin: 0;
    }
    .masCaracteristicasPlataformas .top h2 {
        width: 290px;
    }
    .masCaracteristicasPlataformas .top p {
        padding: 20px 10px;
    }
    .masCaracteristicasPlataformas .contenido {
        margin: 40px 0 0 0;
    }
    .masCaracteristicasPlataformas .contenido h2,
    .masCaracteristicasPlataformas .contenido h3 {
        margin: 0;
        padding: 0 10px;
        font-size: 2em;
    }
    .masCaracteristicasPlataformas .contenido .box {
        margin: 10px 0;
    }
    .masCaracteristicasPlataformas .contenido .box .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card {
        width: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .image {
        width: 100%;
        height: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text {
        width: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text p {
        height: auto;
    }
    .videosHome .box .videos .item .image a {
        top: 26%;
    }
    .videosHome .box .videos .item .image a svg {
        width: 90px;
        height: 90px;
    }
    .servicioGlobal .box .left,
    .servicioGlobal .box .right {
        width: 100%;
        text-align: center;
    }
    .servicioGlobal .box .left img {
        width: 75%;
        margin: 0 auto;
    }
    .servicioGlobal .box .right .text,
    .servicioGlobal .box .right .text h2,
    .servicioGlobal .box .right .text p,
    .servicioGlobal .box .right .text .boton {
        text-align: center;
    }
    .servicioGlobal .box .right .text {
        width: 90%;
        margin: 0 auto;
        margin-top: 40px;
    }
    .beneficiosPlataformas {
        margin: 20px 0;
    }
    .beneficiosPlataformas .container h2 {
        font-size: 2em;
        margin: 20px 10px;
    }
    .beneficiosPlataformas .box .image {
        width: 100%;
        height: 150px;
    }
    .beneficiosPlataformas .box .text {
        width: 100%;
    }
    .beneficiosPlataformas .box .text .top {
        padding: 20px 10px;
    }
    .clientesHome .titulo h2 {
        font-size: 2em;
        margin: 20px 10px 40px 10px;
    }
    .homePlataformas .headerSecciones.serviciosPlataformas .box {
        width: 90%;
    }
    .homePlataformas .caracteristicasPlataformas .tituloServicios p,
    .homePlataformas .caracteristicasPlataformas .tituloServicios h2 {
        width: 100%;
    }
    .homePlataformas .caracteristicasPlataformas .box.rightImage .text .titulo {
        padding: 20px;
        height: auto;
    }
    .homePlataformas .caracteristicasPlataformas .tituloServicios {
        margin: 0;
        padding: 40px 20px;
    }
    .homePlataformas .headerSecciones.serviciosPlataformas .box h1 {
        font-size: 3.4em;
    }
    .homePlataformas .headerSecciones.serviciosPlataformas svg {
        width: 100%;
    }
    .homePlataformas .caracteristicasPlataformas .box .text .parrafo {
        height: auto;
        display: inline-block;
    }
    .homePlataformas .caracteristicasPlataformas .box.leftImage .text .titulo {
        padding: 20px;
        height: auto;
    }

    /*7. ------ Sucede ahora --------*/

    .blog .headerSecciones.serviciosPlataformas {
        height: 300px;
        padding: 190px 10px 0 10px;
    }
    .blog .headerSecciones h1 {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .clientesHablan {
        margin: 30px 0;
        padding: 0 20px;
    }
    .clientesHablan .boxOpiniones .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item .contenido {
        height: auto;
        padding: 100px 30px 30px 30px;
        margin-top: -80px;
    }
    #sliderMedios .item .bottom {
        padding: 20px;
        height: auto;
    }
    #sliderMedios .item .bottom .boton {
        margin: 30px 0;
    }
    #sliderMedios .owl-dots button.owl-dot {
        margin: 0 6px;
    }
    .acordeonNotas .acordeon__titulo h2 {
        padding: 0 40px 0 0;
    }

    /*8. ------ Experiencias --------*/

    .logosEmpresas {
        padding: 0;
    }
    .logosEmpresas .box {
        padding: 0 20px;
    }
    .blogHome.experiencias h2 {
        padding: 0 10px;
    }
    .blogHome.experiencias p {
        padding: 0 10px;
        margin: 0 0 30px 0;
    }
    .logosEmpresas .box .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item  + .item + .item + .item + .item{
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item  + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item  + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    /*home*/
    .experienciasHome .logosEmpresas .titulo h2,
    .experienciasHome .logosEmpresas .titulo p {
        margin: 0 0 20px 0;
        padding: 0 10px;
    }
    .experienciasHome .logosEmpresas .btn.home {
        padding: 0 10px;
    }
    .experienciasHome .logosEmpresas .btn.home a {
        padding: 20px 10px;
        font-size: 1.4em;
    }
    .experienciasHome .headerSecciones h1 {
        width: 100%;
        margin: 0;
    }
    .experienciasHome .headerSecciones.experiencias p {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .experienciasHome .headerSecciones.experiencias {
        height: 360px;
    }
    .experienciasHome .headerSecciones.experiencias svg {
        margin: 10px 0 0 0;
    }

    /*10. ------ Artículo --------*/

    .headerArticulo {
        margin: 20px 0 10px 0;
        padding: 0 10px;
    }
    .headerArticulo h1 {
        font-size: 2.4em; 
    }
    .contenidoArticulo .cuerpoArticulo {
        padding: 0 10px;
        width: 100%;
    }
    .contenidoArticulo aside {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }
    .contenidoArticulo aside .box h2 {
        font-size: 2.4em;
    }
    .contenidoArticulo aside .box .notasRecientes a .item h3 {
        font-size: 2em;
    }
    .contenidoArticulo aside .box .notasRecientes a .item p.fecha {
        font-size: 1.4em;
    }

}

/*2. ------ Extra Small Devices, Phones -----------------------------------------------------------------*/ 
@media (min-width: 480px) and (max-width: 767px) {

    .container {
        width: 100%;
    }

    /*2. ------ Nav --------*/
    nav,
    nav .container,
    nav .boxNav{
        height: 60px;
    }
    nav .container {
        padding: 0 20px;
    }
    nav .boxNav .columnRight ul {
        display: none;
    }
    nav .boxNav a.contactanos {
        position: relative;
        right: unset;
        top: unset;
        font-size: 1.4em;
    }
    nav .menuBox {
        top: 60px;
    }

    /*3. ------ Footer --------*/
    footer .topFooter .columnLeft {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnRight {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnRight .box {
        padding: 40px 20px;
    }
    footer .bottomFooter {
        padding: 30px 20px;
    }
    footer .bottomFooter .columnLeft,
    footer .bottomFooter .columnRight {
        width: 100%;
    }
    footer .bottomFooter .columnRight p {
        padding: 20px 0 0 0;
        text-align: center;
    }
    footer .topFooter .columnLeft .columns .item .box {
        padding: 40px 0 20px 0;
    }

    /*4. ------ Home --------*/

    /*- Home: Slider top -*/
    .sliderTopHome #sliderHome .item .sliderText h1 {
        font-size: 2.4em;
    }
    .sliderTopHome #sliderHome .item .sliderText {
        top: 45vh;
    }
    /*- Home: Cifras -*/  
    .cifrasHome {
        padding: 0;
    }
    .cifrasHome .item {
        width: 92%;
        height: auto;
        margin: 4%;
        padding: 20px;
    }
    .cifrasHome .item + .item + .item + .item {
        width: 92%;
        height: auto;
        margin: 4%;
        padding: 20px;
    }
    /*- Home: Servicios principales -*/  
    .serviciosHome .box .image {
        width: 100%;
        height: 50vh;
    }
    .serviciosHome .box .text {
        width: 100%;
        padding: 20px;
    }
    .serviciosHome .box .text h2 {
        font-size: 2.4em;
    }
    .serviciosHome .box .text .item.eholders img {
        height: 64px;
    }
    .serviciosHome .box .text .item.evoters img {
        height: 52px;
    }
    .serviciosHome .box .text .item.eparticipa img {
        height: 54px;
    }
    .serviciosHome .box .text .item.easambleas img {
        height: 52px;
    }
    /*- Home: Voto electrónico -*/ 
    .votoElectronicoHome {
        margin: 0;
    }
    .votoElectronicoHome h2 {
        margin: 0;
        padding: 0 20px;
        font-size: 2.4em;
    }
    .votoElectronicoHome .box .item .card {
        width: 100%;
    }
    .votoElectronicoHome .box .item .card .image {
        width: 100%;
        height: 100%;
    }
    .votoElectronicoHome .box .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .votoElectronicoHome .box .item + .item  {
        width: 100%;
        margin: 30px 0;
    }
    .votoElectronicoHome .box .item + .item + .item  {
        width: 100%;
        margin: 30px 0;
    }
    .votoElectronicoHome .box .item .card .text {
        width: 100%;
    }
    .votoElectronicoHome .box .item .card .text p {
        height: auto;
    }
    /*- Home: Somos -*/ 
    .somosHome {
        margin: 20px 0;
        padding: 20px;
    }
    .somosHome .box .columnLeft {
        width: 100%;
    }
    .somosHome .box .columnRight {
        width: 100%;
    }
    .somosHome .box .columnRight p {
        text-align: center;
        padding: 0 20px;
        margin-top: 30px;
    }
    /*- Home: Slider de videos -*/ 
    .videosHome {
        margin: 20px 0;
        padding: 0;
    }
    .videosHome .box #sliderVideosHome .item .image a {
        top: 25%;
    }
    .videosHome .box #sliderVideosHome .item .image a svg {
        width: 90px;
        height: 90px;
    }
    /*- Home: Dato específico -*/ 
    .datoHome {
        margin: 20px 0;
        padding: 20px;
    }
    .datoHome .box .text {
        width: 100%;
        padding: 0;
    }
    .datoHome .box .text h3 {
        font-size: 6em;
    }
    .datoHome .box .text p {
        padding: 0 30% 0 0;
    }
    /*- Home: Opinión de clientes -*/ 
    .clientesHome {
        margin: 30px 0;
        padding: 0;
    }
    .clientesHome .box h2 {
        font-size: 2.4em
    }
    .clientesHome .box .item {
        width: 70%;
    }
    .clientesHome .box .item p {
        font-size: 1.8em;
    }
    /*- Home: Blog -*/ 
    .blogHome {
        margin: 30px 0;
        padding: 0 20px;
    }
    .blogHome h2 {
        font-size: 2.4em;
    }
    article.principal .card {
        width: 100%;
        height: 100%;
    }
    article.principal .card .image {
        width: 100%;
        height: 100%;
    }
    article.principal .card .text {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    article.principal .card .text a.btn {
        position: relative;
        bottom: unset;
    }
    article.principal .card .text p {
        font-size: 1.6em;
        line-height: unset;
    }
    article.other,
    article.other + article.other {
        width: 100%;
    }
    article.other .card {
        height: auto;
    }
    article.other .card .image {
        width: 100%;
        height: 100%;
    }
    article.other .card .text {
        width: 100%;
        height: auto;
    }
    article.other .card .text a.btn {
        position: relative;
        bottom: unset;
        margin-top: 20px;
    }
    article.other .card .text p.fecha {
        position: relative;
        bottom: unset;
    }

    /*5. ------ Seguridad electoral --------*/

    .contenidoSecciones .topContenido {
        padding: 30px 10px;
    }
    .contenidoSecciones .topContenido .columnLeft {
        width: 100%;
        margin: 0;
    }
    .contenidoSecciones .topContenido .columnRight {
        width: 100%;
        margin: 0;
    }
    .headerSecciones {
        display: block;
        align-items: unset;
        justify-content: unset;
        background-position: top !important;
        padding: 170px 10px 0 10px;
        height: 280px;
    }
    .headerSecciones h1 {
        font-size: 2.8em;
        width: 100%;
        margin: 0 0 6px 0;
    }
    .contenidoSecciones .topContenido .columnLeft h2 {
        font-size: 2em;
        width: 100%;
    }
    .contenidoSecciones .cuerpoContenido .box {
        padding: 20px 10px;
    }
    .contenidoSecciones .cuerpoContenido h2 {
        font-size: 2em;
        width: 100%;
        padding: 0 10px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item,
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item + .item,
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item + .item + .item {
        width: 100%;
        margin: 0 0 20px 0;
    }
    .contenidoSecciones .cuerpoContenido .box .item .image a {
        top: 28%;
    }
    .contenidoSecciones .cuerpoContenido .box .item .image a svg {
        width: 70px;
        height: 70px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion {
        padding: 0 10px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item h2 {
        padding: 0;
    }
    .headerSecciones.seguridadElectoral {
        height: 730px;
        padding: 350px 10px 0 10px;
    }
    .headerSecciones.seguridadElectoral h1 {
        width: 100%;
        padding: 0;
        font-size: 2.4em;
    }
    .headerSecciones.seguridadElectoral p {
        width: 100%;
        padding: 0;
    }
    .headerSecciones.seguridadElectoral svg {
        margin: 0;
        width: 75%;
    }
    .serviciosPrivacidad {
        margin: 0 0 30px 0;
    }
    .serviciosPrivacidad .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosPrivacidad .box .text {
        width: 100%;
    }
    .serviciosPrivacidad .box .text .top {
        padding: 20px 10px;
    }
    .serviciosPrivacidad .box .text .top h2 {
        font-size: 2.2em;
        padding: 0px 0 0 50px;
    }
    .serviciosPrivacidad .box .text .top h2 svg {
        left: 10px;
        width: 40px;
        top: 10px;
    }
    .serviciosPrivacidad .box .text .top .boton {
        padding: 0;
    }
    .serviciosSecretoDelVoto {
        margin: 0 0 30px 0;
    }
    .serviciosSecretoDelVoto .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosSecretoDelVoto .box .text {
        width: 100%;
    }
    .serviciosSecretoDelVoto .box .text .top {
        padding: 20px 10px;
    }
    .serviciosSecretoDelVoto .box .text .top h2 {
        font-size: 2.2em;
        padding: 0px 0 0 50px;
    }
    .serviciosSecretoDelVoto .box .text .top h2 svg {
        left: 10px;
        width: 40px;
        top: 10px;
    }
    .serviciosSecretoDelVoto .box .text .top .boton {
        padding: 0;
    }
    .serviciosProtocolos {
        padding: 50px 0 50px 0;
        background-position: right;
    }
    .serviciosProtocolos .box {
        width: 100%;
        padding: 0 5%;
    }
    .serviciosProtocolos .box .text .top h2 {
        font-size: 2.2em;
        padding: 0 50px 0 0;
    }
    .serviciosProtocolos .box .text .top h2 svg {
        right: 10px;
        width: 40px;
        top: -10px;
    }
    .serviciosProtocolos .box .text .top .boton {
        padding: 0;
    }
    .serviciosAutentificacion {
        margin: 0px 0 30px 0;
    }
    .serviciosAutentificacion .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosAutentificacion .box .text {
        width: 100%;
    }
    .serviciosAutentificacion .box .text .top {
        padding: 20px 10px;
    }
    .serviciosAutentificacion .box .text .top h2 {
        font-size: 2.2em;
        padding: 0 50px 0 0;
    }
    .serviciosAutentificacion .box .text .top h2 svg {
        right: 10px;
        width: 40px;
        top: 4px;
    }
    .serviciosAutentificacion .box .text .top .boton {
        padding: 0;
    }
    .serviciosSeguridadInformatica {
        margin: 0 0 30px 0;
    }
    .serviciosSeguridadInformatica .box .image {
        width: 100%;
        height: 200px;
    }
    .serviciosSeguridadInformatica .box .text {
        width: 100%;
    }
    .serviciosSeguridadInformatica .box .text .top {
        padding: 10px;
    }
    .serviciosSeguridadInformatica .box .text .top h2 {
        font-size: 2.2em;
        padding: 0 50px 0 0;
    }
    .serviciosSeguridadInformatica .box .text .top h2 svg {
        right: 10px;
        width: 40px;
        top: 0;
    }
    .serviciosSeguridadInformatica .box .text .top .boton {
        padding: 0;
    }

    /*6. ------ Nosotros --------*/ 

    .contenidoSecciones .itemVideo .image a {
        top: 8%;
    }
    .contenidoSecciones .itemVideo .image a svg {
        width: 50px;
    }
    .contenidoSecciones.historia .botones .columnLeft {
        width: 96%;
        margin: 0 2% 20px 2%;
    }
    .contenidoSecciones.historia .botones .columnRight {
        width: 96%;
        margin: 0 2%;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo.descripcion {
        height: auto !important;
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo{
        width: 100% !important;
        margin: 0 0 50px 0 !important;
    }
    .contenidoSecciones .fraseEquipo .text {
        padding: 0 0 0 250px;
        width: 100%;
    }
    .contenidoSecciones .fraseEquipo {
        padding: 70px 0;
    }
    .contenidoSecciones .fraseEquipo .text p {
        font-size: 2em;
    }

    /*7. ------ Plataformas --------*/

    .headerSecciones.serviciosPlataformas {
        height: 600px;
        padding: 280px 10px 0 10px;
    }
    .headerSecciones.serviciosPlataformas img {
        margin: 0;
        padding: 0 10px;
    }
    .headerSecciones.serviciosPlataformas p {
        width: 100%;
        padding: 0 10px;
        margin: 20px 0;
    }
    .headerSecciones.serviciosPlataformas svg {
        margin: 0;
    }

    /*7. ------ Plataformas --------*/

    .headerSecciones.serviciosPlataformas {
        height: 700px;
        padding: 450px 10px 0 10px;
    }
    .headerSecciones.serviciosPlataformas img {
        margin: 0;
        padding: 0 10px;
    }
    .headerSecciones.serviciosPlataformas p {
        width: 100%;
        padding: 0 10px;
        margin: 20px 0;
    }
    .headerSecciones.serviciosPlataformas svg {
        margin: 0;
    }
    .caracteristicasPlataformas {
        margin: 20px 0;
    }
    .caracteristicasPlataformas .box.rightImage .image,
    .caracteristicasPlataformas .box .image {
        width: 100%;
        height: 200px;
    }
    .caracteristicasPlataformas .box.rightImage .text,
    .caracteristicasPlataformas .box.leftImage .text {
        width: 100%;
    }
    .caracteristicasPlataformas .box .text .titulo {
        padding: 20px 10px;
        height: auto;
    }
    .caracteristicasPlataformas .box .text .titulo h2 {
        font-size: 2em;
    }
    .caracteristicasPlataformas .box .text .parrafo {
        padding: 30px 10px;
        height: auto;
    }
    .caracteristicasPlataformas .box.leftImage .text .titulo h2 {
        padding: 0;
    }
    .cifrasPlataformas {
        margin: 0 0 20px 0;
    }
    .cifrasPlataformas h2 {
        font-size: 2em;
        margin: 0 20px 40px 20px;
    }
    .cifrasPlataformas .box {
        width: 90%;
    }
    .cifrasPlataformas .box .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item + .item  + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .cifrasPlataformas .box .item .bottom {
        height: auto;
    }
    .masCaracteristicasPlataformas {
        margin: 0;
    }
    .masCaracteristicasPlataformas .top h2 {
        width: 290px;
    }
    .masCaracteristicasPlataformas .top p {
        padding: 20px 10px;
    }
    .masCaracteristicasPlataformas .contenido {
        margin: 40px 0 0 0;
    }
    .masCaracteristicasPlataformas .contenido h2,
    .masCaracteristicasPlataformas .contenido h3 {
        margin: 0;
        padding: 0 10px;
        font-size: 2em;
    }
    .masCaracteristicasPlataformas .contenido .box {
        margin: 10px 0;
    }
    .masCaracteristicasPlataformas .contenido .box .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 30px 0;
        padding: 0 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card {
        width: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .image {
        width: 100%;
        height: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text {
        width: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text p {
        height: auto;
    }
    .videosHome .box .videos .item .image a {
        top: 26%;
    }
    .videosHome .box .videos .item .image a svg {
        width: 90px;
        height: 90px;
    }
    .servicioGlobal .box .left,
    .servicioGlobal .box .right {
        width: 100%;
        text-align: center;
    }
    .servicioGlobal .box .left img {
        width: 75%;
        margin: 0 auto;
    }
    .servicioGlobal .box .right .text,
    .servicioGlobal .box .right .text h2,
    .servicioGlobal .box .right .text p,
    .servicioGlobal .box .right .text .boton {
        text-align: center;
    }
    .servicioGlobal .box .right .text {
        width: 90%;
        margin: 0 auto;
        margin-top: 40px;
    }
    .beneficiosPlataformas {
        margin: 20px 0;
    }
    .beneficiosPlataformas .container h2 {
        font-size: 2em;
        margin: 20px 10px;
    }
    .beneficiosPlataformas .box .image {
        width: 100%;
        height: 150px;
    }
    .beneficiosPlataformas .box .text {
        width: 100%;
    }
    .beneficiosPlataformas .box .text .top {
        padding: 20px 10px;
    }
    .clientesHome .titulo h2 {
        font-size: 2em;
        margin: 20px 10px 40px 10px;
    }
    .homePlataformas .caracteristicasPlataformas .tituloServicios p,
    .homePlataformas .caracteristicasPlataformas .tituloServicios h2 {
        width: 100%;
    }

    /*8. ------ Sucede ahora --------*/

    .blog .headerSecciones.serviciosPlataformas {
        height: 350px;
        padding: 260px 10px 0 10px;
    }
    .blog .headerSecciones h1 {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .clientesHablan {
        margin: 30px 0;
        padding: 0 20px;
    }
    .clientesHablan .boxOpiniones .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }
    .clientesHablan .boxOpiniones .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 100%;
        margin: 0 0 30px 0;
    }

    /*8. ------ Experiencias --------*/

    .logosEmpresas {
        padding: 0;
    }
    .logosEmpresas .box {
        padding: 0 20px;
    }
    .blogHome.experiencias h2 {
        padding: 0 10px;
    }
    .blogHome.experiencias p {
        padding: 0 10px;
        margin: 0 0 30px 0;
    }
    .logosEmpresas .box .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item  + .item + .item + .item + .item{
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item  + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item {
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 4% 40px 0;
        padding: 10px;
    }
    .logosEmpresas .box .item + .item + .item + .item + .item + .item + .item + .item  + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item{
        width: 48%;
        margin: 0 0 40px 0;
        padding: 10px;
    }
    /*home*/
    .experienciasHome .logosEmpresas .titulo h2,
    .experienciasHome .logosEmpresas .titulo p {
        margin: 0 0 20px 0;
        padding: 0 10px;
    }
    .experienciasHome .logosEmpresas .btn.home {
        padding: 0 10px;
    }
    .experienciasHome .logosEmpresas .btn.home a {
        padding: 20px;
        font-size: 1.4em;
    }
    .experienciasHome .headerSecciones h1 {
        width: 100%;
        margin: 0;
    }
    .experienciasHome .headerSecciones.experiencias p {
        width: 100%;
        margin: 10px 0 0 0;
    }
    .experienciasHome .headerSecciones.experiencias {
        height: 400px;
        padding: 230px 10px 0 10px;
    }
    .experienciasHome .headerSecciones.experiencias svg {
        margin: 10px 0 0 0;
    }

    /*10. ------ Artículo --------*/

    .headerArticulo {
        margin: 20px 0 10px 0;
        padding: 0 10px;
    }
    .contenidoArticulo .cuerpoArticulo {
        padding: 0 10px;
        width: 100%;
    }
    .contenidoArticulo aside {
        width: 100%;
        margin: 0;
        padding: 0 10px;
    }
    .contenidoArticulo aside .box h2 {
        font-size: 2.4em;
    }
    .contenidoArticulo aside .box .notasRecientes a .item h3 {
        font-size: 2em;
    }
    .contenidoArticulo aside .box .notasRecientes a .item p.fecha {
        font-size: 1.4em;
    }

}

/*3. ------ Small Devices, Tablets -----------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {

    .container {
        width: 760px;
    }

    /*2. ------ Nav --------*/
    nav .boxNav {
        padding: 0 20px;
    }

    /*3. ------ Footer --------*/
    footer .topFooter .columnLeft {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnRight {
        width: 100%;
        height: auto;
    }
    footer .topFooter .columnRight .box {
        padding: 40px 20px;
    }
    footer .bottomFooter {
        padding: 30px 20px;
    }
    footer .bottomFooter .columnLeft,
    footer .bottomFooter .columnRight {
        width: 100%;
    }
    footer .bottomFooter .columnRight p {
        padding: 20px 0 0 0;
        text-align: center;
    }
    footer .topFooter .columnLeft .columns .item .box {
        padding: 40px 0 20px 0;
    }

    /*4. ------ Home --------*/

    /*- Home: Slider top -*/
    .sliderTopHome #sliderHome .item .sliderText {
        top: 50vh;
    }
    /*- Home: Cifras -*/
    .cifrasHome {
        padding: 0;
    }
    .cifrasHome .container {
        padding: 30px 20px;
    }
    .cifrasHome .item {
        height: 150px;
    }
    .cifrasHome .item .box {
        padding: 20px;
    }
    .cifrasHome .item .box p {
        font-size: 3em;
    }
    /*- Home: Servicios principales -*/ 
    .serviciosHome .box .image {
        width: 100%;
        height: 50vh;
    }
    .serviciosHome .box .text {
        width: 100%;
        padding: 20px;
    }
    .serviciosHome .box .text h2 {
        font-size: 2.4em;
    }
    .serviciosHome .box .text .item.eholders img {
        height: 64px;
    }
    .serviciosHome .box .text .item.evoters img {
        height: 52px;
    }
    .serviciosHome .box .text .item.eparticipa img {
        height: 54px;
    }
    .serviciosHome .box .text .item.easambleas img {
        height: 52px;
    }
    /*- Home: Voto electrónico -*/  
    .votoElectronicoHome {
        padding: 0;
    }
    .votoElectronicoHome .container {
        padding: 0 20px;
    }
    .votoElectronicoHome .box .item .card {
        width: 100%;
    }
    .votoElectronicoHome .box .item .card .image {
        width: 100%;
        height: 100%;
    }
    .votoElectronicoHome .box .item .card .text {
        width: 100%;
        padding: 20px;
    }
    .votoElectronicoHome .box .item .card .text p {
        height: auto;
    }
    /*- Home: Somos -*/ 
    .somosHome {
        margin: 10px 0;
        padding: 30px 0;
    }
    .somosHome .container {
        width: 100%;
        padding: 0 20px;
    }
    .somosHome .box .columnLeft {
        width: 40%;
    }
    .somosHome .box .columnRight {
        width: 60%;
    }
    /*- Home: Slider de videos -*/ 
    .videosHome .box #sliderVideosHome .item .image a {
        top: 26%;
    }
    /*- Home: Dato específico -*/ 
    .datoHome .box .text h3 {
        font-size: 10em;
    }
    .datoHome .box .text {
        width: 90%;
        padding: 0 50px;
    }
    /*- Home: Testimonios de clientes -*/ 
    .clientesHome {
        padding: 0;
    } 
    .clientesHome .box .item {
        width: 70%;
    }
    /*- Home: Blog -*/ 
    .blogHome {
        margin: 30px 0;
        padding: 0 ;
    }
    .blogHome .container {
        padding: 0 20px ;
    }
    .blogHome h2 {
        font-size: 2.4em;
    }
    article.principal .card {
        width: 100%;
        height: 100%;
    }
    article.principal .card .image {
        width: 100%;
        height: 100%;
    }
    article.principal .card .text {
        width: 100%;
        height: auto;
        padding: 20px;
    }
    article.principal .card .text a.btn {
        position: relative;
        bottom: unset;
    }
    article.principal .card .text p {
        font-size: 1.6em;
        line-height: unset;
    }
    article.other,
    article.other + article.other,
    article.other + article.other + article.other,
    article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other {
        width: 100%;
    }
    article.other .card {
        height: auto;
    }
    article.other .card .image {
        width: 100%;
        height: 100%;
    }
    article.other .card .text {
        width: 100%;
        height: auto;
    }
    article.other .card .text a.btn {
        position: relative;
        bottom: unset;
        margin-top: 20px;
    }
    article.other .card .text p.fecha {
        position: relative;
        bottom: unset;
    }

    /*5. ------ Seguridad electoral --------*/

    .headerSecciones {
        height: 160px;
    }
    .headerSecciones h1 {
        font-size: 2.6em;
        width: 380px;
        margin: 0 0 10px 0;
    }
    .contenidoSecciones .topContenido .columnLeft h2 {
        font-size: 2em;
    }
    .contenidoSecciones .cuerpoContenido h2 {
        font-size: 2em;
    }
    .contenidoSecciones .topContenido .columnLeft {
        width: 50%;
    }
    .contenidoSecciones .topContenido .columnRight {
        width: 45%;
    }
    .contenidoSecciones .cuerpoContenido .box .item .image a {
        top: 20%;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnLeft {
        width: 80%;
        padding: 10px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnRight {
        width: 20%;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item h2 {
        font-size: 1.6em;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnRight .circulo {
        width: 30px;
        height: 30px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnRight .circulo svg {
        width: 16px;
        height: 16px;
        margin: 6px 0 0px 5px;
    }
    .serviciosPrivacidad .box .text,
    .serviciosAutentificacion .box .text,
    .serviciosSeguridadInformatica .box .text {
        width: 360px;
    }
    .serviciosProtocolos .box .text {
        width: 100%;
    }
    .serviciosSecretoDelVoto .box .text {
        width: 360px;
    }
    .headerSecciones.seguridadElectoral h1,
    .headerSecciones.seguridadElectoral p {
        padding: 0;
    }
    .headerSecciones.seguridadElectoral svg {
        margin: 0;
    }
    .serviciosProtocolos .box .text .top,
    .serviciosPrivacidad .box .text .top {
        padding: 20px 20px 0 0;
    }
    .serviciosPrivacidad .box .text .top h2 svg {
        left: 0px;
    }
    .serviciosAutentificacion .box .text .top,
    .serviciosSeguridadInformatica .box .text .top {
        padding: 20px 0 0 20px
    }
    .serviciosProtocolos .box {
        width: 60%;
    }
    .serviciosProtocolos .box .image,
    .serviciosAutentificacion .box .image {
        height: 450px;
    }
    .serviciosPrivacidad .box .image {
        height: 680px;
    }
    .serviciosSeguridadInformatica .box .image {
        height: 600px;
    }
    .serviciosProtocolos .box .text .top h2,
    .serviciosPrivacidad .box .text .top h2,
    .serviciosSecretoDelVoto .box .text .top h2,
    .serviciosAutentificacion .box .text .top h2,
    .serviciosSeguridadInformatica .box .text .top h2 {
        font-size: 2.2em;
    }
    .serviciosProtocolo .box .text .top p {
        margin: 20px 0 20px 0;
    }
    .serviciosProtocolo .box .text .bottom {
        padding: 20px 20px 27px 20px;
    }
    .serviciosProtocolo .box .text .bottom ul li {
        margin: 0 0 10px 0;
    }
    .serviciosProtocolo .box .text .bottom h3 {
        font-size: 1.6em;
    }
    .serviciosProtocolo .box .text .bottom ul li {
        font-size: 1.2em;
    }
    .serviciosProtocolo .box .text .bottom .boton {
        margin: 40px 0 0 0;
    }
    .serviciosSeguridadInformatica .box .text .top .boton {
        padding: 50px 0 0 0;
    }
    .serviciosPrivacidad .box .text .top .boton {
        padding: 20px 0 0 0;
    }
    .serviciosAutentificacion .box .text .top .boton {
        padding: 50px 0 0 0;
    }
    .serviciosAutentificacion .box .text .top h2 svg,
    .serviciosSeguridadInformatica .box .text .top h2 svg {
        width: 50px;
        top: 0px;
    }
    .serviciosProtocolos .box .text .top h2 svg {
        top: -10px;
        width: 50px;
    }
    .serviciosPrivacidad .box .text .top h2 svg {
        width: 50px;
        top: 10px;
    }
    .headerSecciones.seguridadElectoral p {
        width: 300px;
        font-size: 1.2em;
    }
    .headerSecciones.seguridadElectoral {
        height: 330px;
    }
    .serviciosProtocolos {
        padding: 100px 0 100px 0;
    }
    .serviciosSecretoDelVoto .box .text .top h2 svg {
        width: 50px;
        left: 10px;
        top: 10px;
    }
    .serviciosSecretoDelVoto .box .text .top {
        padding: 20px 20px 0 0;
    }

    /*6. ------ Nosotros --------*/

    .cifrasHome.historia {
        margin: 0 0 20px 0;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo.descripcion {
        height: 650px !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
        height: 250px;
    }
    .contenidoSecciones .fraseEquipo .text {
        width: 50%;
    }

    /*7. ------ Plataformas --------*/

    .headerSecciones.serviciosPlataformas {
        height: 280px;
    }
    .headerSecciones.serviciosPlataformas p {
        width: 400px;
        font-size: 1.4em;
    }
    .headerSecciones.serviciosPlataformas img {
        margin: 0 0 20px 0;
        padding: 0;
        width: 200px;
    }
    .headerSecciones.serviciosPlataformas p {
        width: 340px;
        padding: 0;
    }
    .headerSecciones.serviciosPlataformas svg {
        margin: 0;
    }
    .caracteristicasPlataformas .box .text {
        width: 360px;
    }
    .caracteristicasPlataformas .box .text .parrafo {
        padding: 40px;
    }
    .caracteristicasPlataformas .box .text .titulo h2 {
        font-size: 2em;
    }
    .caracteristicasPlataformas .box .text .titulo {
        padding: 30px 30px 30px 0;
    }
    .caracteristicasPlataformas .box.leftImage .text .titulo h2 {
        padding: 0 0 0 40px;
    }
    .caracteristicasPlataformas .box.leftImage .text .titulo {
        padding: 30px 0 30px 0;
    }
    .cifrasPlataformas h2 {
        font-size: 2em;
    }
    .cifrasPlataformas .box {
        width: 90%;
    }
    .cifrasPlataformas .box .item .bottom {
        height: 180px;
    }
    .masCaracteristicasPlataformas .contenido h2,
    .masCaracteristicasPlataformas .contenido h3 {
        margin: 0;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card {
        width: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .image {
        width: 100%;
        height: 100%;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text {
        width: 100%;
        padding: 20px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text p {
        height: auto;
    }
    .videosHome .box .videos .item .image a {
        top: 26%;
    }
    .servicioGlobal .box .right .text {
        padding: 30px;
    }
    .servicioGlobal .box .left img {
        width: 300px;
        margin: 130px 0 0 0;
    }
    .beneficiosPlataformas .box .image {
        height: 200px;
    }
    .beneficiosPlataformas .box .text {
        width: 380px;
    }
    .beneficiosPlataformas .box .text .top h2 {
        font-size: 2em;
        padding: 0 50px 0 0;
    }
    .beneficiosPlataformas .box .text .top {
        padding: 10px 0 0 20px;
    }
    .beneficiosPlataformas .box .text .top p {
        margin: 10px 0 10px 0;
    }
    .clientesHome .titulo h2 {
        font-size: 2em;
    }

    /*8. ------ Sucede ahora --------*/

    .blog .headerSecciones.serviciosPlataformas {
        height: 150px;
    }
    .blog .headerSecciones h1 {
        margin: 0 0 20px 0;
    }
    .clientesHablan .boxOpiniones .item .contenido {
        height: 450px; 
        padding: 50px 20px 30px 20px;
    }
    .clientesHablan .boxOpiniones .item .image img {
        width: 100px;
        height: 100px;
    }
    .clientesHablan .boxOpiniones .item .contenido h3 {
        font-size: 1.6em;
    }
    .clientesHablan .boxOpiniones .item .contenido h4 {
        font-size: 1.2em;
    }
    .clientesHablan .boxOpiniones .item p {
        font-size: 1.4em;
    }

    /*9. ------ Experiencias --------*/
    .experienciasHome .logosEmpresas .titulo h2,
    .experienciasHome .logosEmpresas .titulo p {
        margin: 0 20% 20px 0;
    }

}

/*4. ------ Medium Devices, Desktop -----------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1350px) {

    .container {
        width: 960px;
    }

    /*3. ------ Footer --------*/

    footer .topFooter .columnLeft {
        width: 580px;
    }
    footer .topFooter .columnRight {
        width: 380px;
    }

    /*4. ------ Home --------*/

    /*- Home: Slider top -*/
    .sliderTopHome #sliderHome .item .sliderText h1 {
        font-size: 3em;
    }
    /*- Home: Servicios principales -*/ 
    .serviciosHome .box .text {
        width: 482px;
        padding: 30px 20px 0 0;
    }
    .serviciosHome .box .text .item img {
        height: 40px;
    }
    /*- Home: Voto electrónico -*/
    .votoElectronicoHome .box .item .card .image {
        width: 300px;
        height: 300px;
    }
    .votoElectronicoHome .box .item .card .text {
        width: 300px;
    }
    .votoElectronicoHome .box .item .card {
        width: 300px;
    }
    /*- Home: Blog -*/
    article.principal .card {
        height: 385px;
    }
    article.principal .card .image {
        width: 580px;
        height: 385px;
    }
    article.principal .card .text {
        width: 380px;
        height: 385px;
        padding: 30px;
    }
    article.principal .card .text a.btn {
        bottom: 30px;
    }
    /*- Home: Blog -*/
    article.other .card {
        height: 280px;
    }
    article.other .card .image {
        width: 280px;
        height: 280px;
    }
    article.other .card .text {
        height: 280px;
        width: 185px;
    }
    article.other,
    article.other + article.other,
    article.other + article.other + article.other,
    article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other {
        width: 465px;
    }
    article.other .card .text h2 {
        font-size: 1.6em;
    }

    /*5. ------ Seguridad electoral --------*/

    .headerSecciones {
        height: 200px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnLeft {
        width: 70%;
        padding: 10px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnRight {
        width: 30%;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item h2 {
        font-size: 1.6em;
    }
    .serviciosProtocolo .box .text,
    .serviciosPrivacidad .box .text,
    .serviciosAutentificacion .box .text,
    .serviciosSeguridadInformatica .box .text,
    .serviciosSecretoDelVoto .box .text {
        width: 480px;
    }
    .headerSecciones.seguridadElectoral h1,
    .headerSecciones.seguridadElectoral p {
        padding: 0;
        width: 470px;
    }
    .headerSecciones.seguridadElectoral svg {
        margin: 0;
    }
    .serviciosProtocolo .box .text .top,
    .serviciosPrivacidad .box .text .top {
        padding: 50px 50px 0 0;
    }
    .serviciosPrivacidad .box .text .top h2 svg {
        left: 0px;
    }
    .serviciosAutentificacion .box .text .top,
    .serviciosSeguridadInformatica .box .text .top {
        padding: 50px 0 0 50px
    }
    .serviciosProtocolos .box {
        width: 60%;
    }
    .serviciosSecretoDelVoto .box .text .top .boton,
    .serviciosAutentificacion .box .text .top .boton {
        padding: 130px 0 0 0;
    }
    .serviciosPrivacidad .box .image {
        height: 740px;
    }

    /*6. ------ Nosotros --------*/
    .contenidoSecciones .cuerpoContenido .box .itemEquipo.descripcion {
        height: 540px !important;
    }
    .contenidoSecciones .cuerpoContenido .box .itemEquipo + .itemEquipo + .itemEquipo + .itemEquipo {
        height: 250px;
    }

    /*7. ------ Plataformas --------*/

    .headerSecciones.serviciosPlataformas img {
        padding: 0 0 0 30px;
    }
    .headerSecciones.serviciosPlataformas p {
        width: 450px;
        padding: 0 0 0 30px;
    }
    .caracteristicasPlataformas .box .text {
        width: 484px;
    }
    .caracteristicasPlataformas .box .text .titulo h2 {
        font-size: 1.8em;
    }
    .cifrasPlataformas .box {
        width: 90%;
    }
    .masCaracteristicasPlataformas .contenido h3,
    .masCaracteristicasPlataformas .contenido h2 {
        margin: 0 200px 0 0;
    }
    .servicioGlobal .box .left img {
        margin: 110px 0 0 0;
    }
    .headerSecciones.serviciosPlataformas {
        height: 330px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card {
        width: 300px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .image {
        width: 300px;
        height: 300px;
    }
    .masCaracteristicasPlataformas .contenido .box .item .card .text {
        width: 300px;
        padding: 20px;
    }

    /*8. ------ Sucede ahora --------*/ 
    .clientesHablan .boxOpiniones .item .contenido {
        height: 470px; 
    }

    /*9. ------ Experiencias --------*/
    .experienciasHome .logosEmpresas .titulo h2,
    .experienciasHome .logosEmpresas .titulo p {
        margin: 0 25% 20px 0;
    }

}

/*5. ------ Large Devices, Wide Screens -----------------------------------------------------------------*/
@media (min-width: 1351px) and (max-width: 1550px) { 

    .container {
        width: 1060px;
    }

    /*3. ------ Footer --------*/

    footer .topFooter .columnLeft {
        width: 600px;
    }
    footer .topFooter .columnRight {
        width: 460px;
    }

    /*4. ------ Home --------*/

    /*- Home: Servicios principales -*/ 
    .serviciosHome .box .text {
        width: 530px;
        padding: 30px 50px 0 0;
    }
    .serviciosHome .box .text .item img {
        height: 40px;
    }
    /*- Home: Voto electrónico -*/
    .votoElectronicoHome .box .item .card .image {
        width: 318px;
        height: 318px;
    }
    .votoElectronicoHome .box .item .card .text {
        width: 318px;
    }
    .votoElectronicoHome .box .item .card {
        width: 318px;
    }
    /*- Home: Blog -*/
    article.principal .card {
        height: 385px;
    }
    article.principal .card .image {
        width: 700px;
        height: 467px;
    }
    article.principal .card .text {
        width: 360px;
        height: 467px;
        padding: 30px;
    }
    article.other,
    article.other + article.other,
    article.other + article.other + article.other,
    article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other,
    article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other + article.other {
        width: 515px;
    }
    article.other .card {
        height: 318px;
    }
    article.other .card .image {
        width: 318px;
        height: 318px;
    }
    article.other .card .text {
        width: 197px;
        height: 318px;
    }
    article.other .card .text h2 {
        font-size: 1.8em;
    }

    /*5. ------ Seguridad electoral --------*/

    .serviciosProtocolo .box .text,
    .serviciosPrivacidad .box .text,
    .serviciosAutentificacion .box .text,
    .serviciosSeguridadInformatica .box .text,
    .serviciosSecretoDelVoto .box .text {
        width: 540px;
    }
    .serviciosPrivacidad .box .image {
        height: 690px;
    }

    /*7. ------ Plataformas --------*/

    .caracteristicasPlataformas .box .text {
        width: 540px;
    }
    .caracteristicasPlataformas .box .text .titulo h2 {
        font-size: 2.2em;
    }
    .masCaracteristicasPlataformas .contenido h3,
    .masCaracteristicasPlataformas .contenido h2 {
        margin: 0 300px 0 0;
    }

    /*8. ------ Sucede ahora --------*/ 
    .clientesHablan .boxOpiniones .item .contenido {
        height: 440px; 
    }

    /*9. ------ Experiencias --------*/
    .experienciasHome .headerSecciones h1 {
        width: 400px;   
    }
    .experienciasHome .logosEmpresas .titulo h2,
    .experienciasHome .logosEmpresas .titulo p {
        margin: 0 30% 20px 0;
    }
}

/*6. ------ Iphone 5/SE -----------------------------------------------------------------*/ 
@media (min-width: 320px) and (max-width: 374px) {

    /*5. ------ Seguridad electoral --------*/

    .contenidoSecciones .topContenido .columnRight form .categoriasSeguridadElectoral select {
        font-size: 1em;
    }
    .headerSecciones h1 {
        font-size: 2em;
    }
    .headerSecciones {
        padding: 136px 10px 0 10px;
        height: 230px;
    }
    .contenidoSecciones .cuerpoContenido .videosAutentificacion .item .columnLeft {
        padding: 10px;
    }
    .headerSecciones.seguridadElectoral {
        padding: 230px 10px 0 10px;
    }

    /*6. ------ Nosotros --------*/ 
    
    .contenidoSecciones .fraseEquipo {
        padding: 40px 0;
    }
    .contenidoSecciones .fraseEquipo .text {
        padding: 0 0 0 150px;
    }

    /*7. ------ Plataformas --------*/ 

    .headerSecciones.serviciosPlataformas {
        height: 570px;
        padding: 230px 10px 0 10px;
    }
    .videosHome .box .videos .item .image a {
        top: 17%;
    }

    /*. ------ Otros --------*/ 

    .blog .headerSecciones h1 {
        font-size: 3em;
    }

}