@media (max-width: 1024px) {
    #infografia {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .ribbon_turquoise, .ribbon_blue, .ribbon_green, .ribbon_green2, .ribbon_orange { left: -2px; }
    .brazo img.nube0 {right: 260px;}
    .brazo img.nube1 {left: 265px;}
    .brazo img.nube2 {left: 290px;}
    .brazo p { margin: 0 0 0 -200px; width: 40%;}
    .titulo_selector { border: none; line-height: 44px; }
    
    .reloj > div { width: 33%;}
    .reloj > div.ambulancia > p { margin: 38px 0 0 -255px; }
    .reloj > div.ambulancia > img { margin-left: -60px; }

}

@media (max-width: 820px) {
    #header { padding: 0; }

    .link_header_title img { margin: 0 0 0 -30%; }

    .titulo_texto p { width: 75%; margin: 80px auto 180px auto; }

    .ribbon_turquoise, .ribbon_blue, .ribbon_green, .ribbon_green2, .ribbon_orange { top: -14px; }

    .brazo img.nube0 { right: 140px; }
    .brazo img.nube1 { left: 184px; }
    .brazo img.nube2 { left: 190px; }
    .brazo p { width: 50%; margin: 0 0 0 -190px; }

        
    .reloj img.nube3 { left: 200px; }
    .reloj img.nube4 { left: 500px; }
    .reloj img.nube5 { left: 228px; }
    .reloj img.nube6 { left: 246px; }
    .reloj img.nube7 { left: 400px; }
    .reloj img.nube8 { left: 480px; }

    .reloj > div { width: 43%;}
    .reloj > div.ambulancia { top: 780px; }
    .reloj > div.ambulancia > p { width: 30%; margin: 38px 0 0 -262px; }

    .mundo p { padding: 100px 40px; }
    
    .mosaico > div { width: 80%; left: 10%; top: 440px; }
    .mosaico > div.iconos { top: 30px; left: 160px; width: 73%; }
    .mosaico > div > h2 { margin-left: 0; margin-bottom: 0; width: 100%; }
    .mosaico > div > h3 { margin: 20px 0; }
    .mosaico > div > ul { margin: 30px 0; }
    .mosaico > div > ul > li { margin: 12px 0 0 12px; }

    #mosaico { margin: 0; height: 880px; }


    .telefono > h3 { border-bottom: 5px solid #dfe1be; }
    .telefono > p { width: 80%; left: 10%; margin-left: 0; }

    #paises { margin: 0; height: 760px; padding: 0; }

    .paises .pais { width: 50%; }
    .paises .second .pais { left: 50%; }
    .paises .third .pais { left: 0; top: 400px; width: 100%; }
    .paises .third .pais h4 { margin: 0 6% 16px; }
    .paises .third .pais p { margin: 0 6%; }

    .paises .pais p br + br { display: inline-block; }
    .paises .pais p br + strong { margin: 2px 4px; display: inline-block; }
    .paises .pais p strong > br { display: inline-block; content: ' '; }
    .paises .pais p .separador { width: 6%; margin: 14px 0 0px; }

    .casa { top: 620px; }
    .casa .linea { width: 36%; margin: 5% 2%; }
    .casa img { width: 18%; left: 46%;}

    .corazon .corazon-header { height: 234px; }
    .corazon .corazon-header img[src*="corazon"] { margin-left: -25%; width: 50%; }
    .corazon img.nube9 { top: 5px; left: 90px; }
    .corazon img.nube10 { top: 172px; left: 286px; }
    .corazon img.nube11 { left: 550px; }
    .corazon img.nube12 { top: 110px; left: 550px; }
    .corazon img.nube13 { top: 100px; left: 600px; }
    .corazon > p { width: 50%; margin-left: -192px; }
    .corazon .territorio { left: 52.5%; width: 45%; }
    .corazon .territorio.internacional { left: 2.5%; margin-left: 0; }
    .corazon .territorio.nacional { margin-left: 0; }
    .corazon .territorio h2 { width: 70%; }
    
    .solicitud > p { width: 80%; margin-left: -307px; }
    .solicitud > div { width: 50%; }
    .solicitud > .notas { left: 0; margin-left: 0; }
    
    .opcion-2 #paises { height: 1360px; }
    .opcion-2 .paises .first .pais:nth-child(2) { top: 410px; }
    .opcion-2 .paises .first .pais:nth-child(3) { top: 714px; }
    .opcion-2 .paises .second .pais:nth-child(2) { top: 320px; }
    .opcion-2 .paises .second .pais:nth-child(3) { top: 645px; }
    .opcion-2 .telefono img { top: 1160px; margin-left: -73px; }
    .opcion-2 .telefono p { top: 1270px; }

    #final { padding: 0; }
}

@media (max-width: 736px) { 
    #infografia { overflow: hidden; }

    .logo { width: 60px; height: 60px; margin: 10px 0 0 10px; }

    .tarjeta { margin-right: 0; }
    .tarjeta p { font-size: 10px; margin-right: -10px; bottom: 6px; width: 120px; }
    .tarjeta-img-mobile { display: block; }
    .tarjeta-img { display: none; }

    #titulo { margin-top: 0;Â }
    .titulo .title h1 { margin: 0; font-size: 28px; }
    .titulo .title p { font-size: 14px; margin: 10px 0 0px 0; }

    .link_header_title { height: 240px; }
    .link_header_title img { left: 0; margin: 0 10%; width: 60%; }
    .link_header_title p { bottom: 20px; }
    .link_header_title small { bottom: 10px; }
    .link_header_title { background-size: 60% !important; }
    .link_header_title.active p { bottom: 25px; }
    .link_header_title:hover small,
    .link_header_title.active small{bottom: 10px;}
    .link_header_title p span, 
    .link_header_title:hover p span, 
    .link_header_title.active p span{letter-spacing: 0; padding: 0 0 7px 0;}
    

    .ribbon_turquoise, .ribbon_blue, .ribbon_green, .ribbon_green2, .ribbon_orange { background-repeat: no-repeat; width: 150px; height: 140px; left: -33px; top: 34px; }
    .ribbon_turquoise small, .ribbon_blue small, .ribbon_green small, .ribbon_green2 small, .ribbon_orange small { top: 40px; padding-right: 12px; }
    .ribbon_turquoise p, .ribbon_blue p, .ribbon_green p, .ribbon_green2 p, .ribbon_orange p { top: 45px; padding-right: 12px; max-width: 117px; font-size: 10px; }

    #brazo { height: 430px; padding: 0; }
    .brazo img[src*="brazo"] { width: 80px; margin-left: -40px; }
    .brazo img.nube0 { right: 0; top: 150px; }
    .brazo img.nube1 { left: 20px; top: 200px; }
    .brazo img.nube2 { left: 30px; top: 220px; }
    .brazo p { width: 100%; margin: 0; left: 0; padding: 5%; bottom: 10px; }

    #reloj { padding: 0; height: 1250px; }
    .reloj img[src*="clock"] {width: 35%;margin-left: -18%;top: 50px;}
    .reloj img.nube3 { left: 50px; top: 220px; }
    .reloj img.nube4 {left: 410px;top: 200px;}    
    .reloj img.arrow { top: 245px; }
    .reloj img.nube5 { left: 160px; top: 397px; }
    .reloj img.nube6 { left: 180px; top: 328px; }
    .reloj img.nube7 { left: 390px; top: 353px; }
    .reloj img.nube8 { left: 400px; top: 356px; }
    .reloj > strong { top: 300px; }
    .reloj > span { top: 310px; }
    .reloj > div { margin: 99px 0 0; }
    .reloj > div.bocadillos,
    .reloj > div.doctor{background: none; text-align: center; margin: 0; width: 100%;  left: 0;}
    .reloj > div.bocadillos{top: 470px;}
    .reloj > div.bocadillos img {margin-left: -110px;}
    .reloj > div.bocadillos h2, .reloj > div.bocadillos h3, .reloj > div.bocadillos p {left: 20px; width: 90%;}
    .reloj > div.doctor{top: 750px;}
    .reloj > div.doctor img {left: 41%}
    .reloj > div.doctor h2, .reloj > div.doctor h3, .reloj > div.doctor p {left: 20px; width: 90%;}
    .reloj > div p { font-size: 12px;}
    .reloj > div.ambulancia { top: 1050px; }
    .reloj > div.ambulancia > p { width: 47%; margin: 30px 0 0; left: 0; font-size: 12px; line-height: 16px; z-index: 200; }
    .reloj > div.ambulancia > img { margin-left: -50px; width: 40%; }

    #mundo { height: 440px; padding: 0; }
    .mundo img {width: 40%; margin-left: -20%;}
   .mundo p { top: 166px; padding: 80px 20px 40px; font-size: 16px; }
    
    #mosaico { padding: 0; height: 880px; }
    .ribbon_blue { top: 0; }
    .mosaico > div.iconos { top: 80px; left: 0; width: 100%; }
    .mosaico > div.iconos > img { display: none; }
    .mosaico > div.iconos > img.mobile { display: block; width: 50%; left: 5%; }
    .mosaico > div { width: 90%; left: 5%; top: 430px; }
    .mosaico > div > h2 { font-size: 32px; line-height: 28px; }
    .mosaico > div > h3 { margin: 10px 0; font-size: 14px; }
    .mosaico > div > ul { margin: 0; }
    .mosaico > div > ul > li { margin: 10px 0 0 10px; font-size: 14px; }
    .mosaico > div > ul > li > span { float: left; height: 18px; margin-right: 5px; }

    #telefono { padding: 0; height: 690px; }
    .ribbon_orange { top: 0; }
    .ribbon_green2 { top: 0; }
    .telefono img.iconos { top: 133px; }
    .telefono img.mano { top: 226px; }
    .telefono img.mundo { top: 80px; }
    .telefono > h2 { width: 90%; left: 5%; margin: 0; font-size: 28px; top: 430px; text-align: center; line-height: 30px;}
    .telefono > h3 { width: 50%; left: 25%; margin: 0; text-align: center; font-size: 18px; top: 480px; }
    .telefono > p { width: 90%; left: 5%; top: 520px; font-size: 14px; }
    .telefono > p > a { font-size: 16px; }

    #paises { padding: 0; height: 950px; }
    .paises .pais { width: 100%; }
    .paises .pais h4 { margin: 0 5% 12px; padding: 5px 0; font-size: 14px; }
    .paises .pais h4 br { content: ''; }
    .paises .pais p { margin: 0 5%; }
    .paises .pais p br + strong { margin: auto; display: initial; letter-spacing: -0.5px; }
    .paises .pais p br + br { display: block; }
    .paises .first .pais:nth-child(2) { top: 120px; }
    .paises .first .pais:nth-child(3) { top: 200px; }
    .paises .second { top: 280px; position: relative; }
    .paises .second .pais { left: 0; }
    .paises .second .pais:nth-child(2) { top: 100px; }
    .paises .second .pais:nth-child(3) { top: 180px; }
    .paises .third .pais { left: 0; top: 540px; }
    .paises .third .pais h4 { margin: 0 5% 12px; }
    .paises .third .pais p { margin: 0 5%; }
    .casa { top: 820px; }
    .casa img {width: 20%;}
    .casa .linea { display: none; }

    #ordenador { height: 750px; }
    .ordenador img {margin-left: -14%;width: 30%;top: 40px;}
    .ordenador img.arrow { margin-left: -7%; width: 16%; top: 289px;}
    .ordenador h2 { top: 450px; }
    .ordenador p { top: 510px; left: 5%; margin-left: 0; width: 90%; }
    .ordenador .selector { top: 580px; left: 5%; margin-left: 0; width: 90%; }
    
    #corazon { height: 1050px; }
    .corazon .corazon-header img[src*="corazon"] { margin-left: -30%; width: 50%; top: 30px; }
    .corazon img.nube9 { display: none; }
    .corazon img.nube10 { top: 198px; left: 84px; }
    .corazon img.nube11 { left: 330px; top: 20px; }
    .corazon img.nube12 { display: none; }
    .corazon img.nube13 { display: none;}
    .corazon > p { width: 90%; margin-left: 0; left: 5%; top: 300px; }
    .corazon .territorio { left: 5%; width: 90%; top: 400px; }
    .corazon .territorio h2 { width: 100%; text-align: center; margin: 0;}
    .corazon .territorio h3 { width: 100%; text-align: center; margin: 0;}
    .corazon .territorio p { text-align: center; }
    .corazon .territorio.internacional h3,
    .corazon .territorio.internacional h2,
    .corazon .territorio.nacional h3,
    .corazon .territorio.nacional h2{margin: 0;}
    .corazon .territorio.internacional { left: 5%; }
    .corazon .selector { width: 100%; }
    .corazon .territorio.internacional .selector { z-index: 101; }
    .corazon .territorio.nacional { top: 720px; }
    .corazon .territorio.nacional img,
    .corazon .territorio img {display: none;}
    
    #solicitud {height: 780px;}
    .solicitud > img { top: 110px; }
    .solicitud > h3 { font-size: 20px; top: 300px; }
    .solicitud > h2 { font-size: 28px; top: 330px; }
    .solicitud > .separador { top: 410px; }
    .solicitud > p { width: 100%; margin-left: 0; left: 0; top: 420px; }
    .solicitud > div { top: 570px; }
    .solicitud > .notas { height: 200px; }
    .solicitud > div img { left: 31%; margin-left: 0; width: 38%; }
    .solicitud > div h3 { font-size: 14px; top: 110px; letter-spacing: -1px; }
    .solicitud > div p { font-size: 12px; top: 150px; }
    
    .opcion-2 #paises { height: 1970px; }
    .opcion-2 .paises .pais { width: 100%; }
    .opcion-2 .paises .pais p { margin: 0 5% 12px; }
    .opcion-2 .paises .pais .separador { margin: 0 5% 12px; }
    .opcion-2 .paises .first .pais:nth-child(2) { top: 340px; }
    .opcion-2 .paises .first .pais:nth-child(3) { top: 588px; }
    .opcion-2 .paises .second { top: 930px; }
    .opcion-2 .paises .second .pais { left: 0; }
    .opcion-2 .paises .second .pais:nth-child(2) { top: 265px; }
    .opcion-2 .paises .second .pais:nth-child(3) { top: 510px; }
    .opcion-2 .telefono img { top: 1770px; }
    .opcion-2 .telefono p { top: 1890px; }

}
@media (max-width: 568px) {
    .reloj img.nube3 { left: 50px; top: 220px; }
    .reloj img.nube4 {left: 410px;top: 200px;}    
    .reloj img.arrow { top: 245px; }
    .reloj img.nube5 { left: 30px; top: 397px; }
    .reloj img.nube6 { left: 50px; top: 328px; }
    .reloj img.nube7 { left: 390px; top: 353px; }
    .reloj img.nube8 { left: 370px; top: 356px; }

    .mundo img {width: 50%; margin-left: -24%;}
    .corazon .corazon-header img[src*="corazon"] {margin-left: -37%; width: 60%;}
    .corazon img.nube13,
    .corazon img.nube9,
    .solicitud > p {font-size: 12px; width: 90%; left: 5%;}
    .solicitud > div img {left: 22%; width: 50%;}
    #solicitud {height: 780px;}
    

}


@media (max-width: 420px) {
    .link_header_title img { width: 80%;}
    .link_header_title { background-size: 90% !important; }
    .reloj img[src*="clock"] { width: 50%; margin-left: -25%; top: 50px; }
    .reloj img.nube4 { left: 310px; top: 200px; }
    .reloj > div.ambulancia > img { width: 60%; }
    .mosaico > div.iconos > img.mobile {width: 90%;}
    .casa img { width: 40%; }
    .mundo img { width: 70%; margin-left: -34%;}
    .corazon .corazon-header img[src*="corazon"] {margin-left: -40%; width: 80%;}
    .solicitud > div img { left: 10%; margin-left: 0; width: 80%; }

}
@media (max-width: 412px) {
    .titulo .title p { font-size: 12px; }

    .link_header_title { height: 220px; }

    .reloj img[src*="clock"] { top: 70px; }
    .reloj img.nube3 { left: 40px; }
    .reloj img.nube4 { left: 280px; }
    .reloj img.nube5 { left: 8px; }
    .reloj img.nube6 { left: 26px; }
    .reloj img.nube8 { left: 270px; }

    .mundo p { top: 150px; }

    .ordenador img.arrow { top: 250px;}
    .ordenador img { top: 60px; }
    .ordenador h2 { top: 360px; }
    .ordenador p {top: 430px;}
    .ordenador .selector {top: 510px;}
    #ordenador {height: 620px;}

    .corazon .corazon-header img[src*="corazon"] { top: 50px; }
    .corazon img.nube10 { top: 200px; left: 84px; }
    .corazon img.nube11 { left: 260px; top: 20px; }
    .corazon img.nube12 { top: 150px; left: 310px; }
    
    #solicitud {height: 810px;}
    .solicitud > div h3 {top: 130px}
    .solicitud > div p {top: 170px;}

}

@media (max-width: 360px) {
    #infografia {max-width: 100%;}

    .titulo .title p { font-size: 16px; }

    .link_header_title { height: 200px; }

    .reloj img[src*="clock"] { top: 100px; }
    .reloj img.nube3 { left: 30px; top: 230px; }
    .reloj img.nube4 { left: 250px; top: 210px; }
    .reloj > div.bocadillos img {margin-left: -100px;}
    .reloj > div h2, .reloj > div h3 { width: 90%;}
    .reloj > div.bocadillos h2, .reloj > div.bocadillos h3, .reloj > div.bocadillos p {left: 20px;}
    .reloj > div.doctor img {left: 37%;}
    .reloj > div.ambulancia > img { margin-left: -40px; }

    .mundo p { top: 128px; }

    .mosaico > div { top: 370px; }

    .ordenador img { top: 90px; }
    .ordenador h2 { top: 342px; }
    .ordenador p { top: 428px; }
    .ordenador img.arrow {top: 230px;}
    .ordenador img.arrow {margin-left: -13%;width: 26%;top: 289px;}
    .ordenador img {margin-left: -18%;width: 38%;}
    .solicitud > img { top: 150px;}
    .solicitud > h3 {top: 345px;}
    .solicitud > h2 {font-size: 24px; top: 373px;}

    .corazon .corazon-header img[src*="corazon"] { top: 80px; }
    .corazon img.nube9 { top: 75px; left: -90px; }
    .corazon img.nube10 { top: 208px; left: 84px; }
    .corazon img.nube11 { left: 260px; top: 40px; }
    .corazon img.nube12 { top: 160px; left: 260px; }
    .corazon img.nube13 { top: 150px; left: 270px; }

    
    .opcion-2 #paises { height: 2020px; }
    .opcion-2 .paises .second { top: 940px; }
    .opcion-2 .paises .second .pais:nth-child(3) { top: 526px; }
    .opcion-2 .telefono img { top: 1830px; }
    .opcion-2 .telefono p { top: 1940px; }
}