/* CSS personalizado para 05 FORMACIÓN */ /**************************************** GAMA DE COLORES ****************************************/ /* Azul Oscuro: 0077C8 rgb( 0,119,200) */ /* Gris: 999999 rgb(153,153,153) */ /* Azul Medio: 4C8EC9 rgb( 76,142,201) */ /* Azul Claro: A5C6E4 rgb(165,198,228) */ /* Azul Muy Claro: D2E2F1 rgb(210,226,241) */ /* Azul Dark: 005996 rgb( 0, 89,150) */ /* Azul Turquesa: 04D9A0 rgb( 4,217,160) */ /************************************ MODIFICADOS DE syle-home ***********************************/ /**************************************** #rowCabeceraPage ***************************************/ @media (max-width: 780px) { body.page-id-7512 #rowCabeceraPage .divPageTitle br5080:before { content: " "; } } /* Formación académica (ES) */ @media (max-width: 780px) { body.page-id-7514 #rowCabeceraPage .divPageTitle br5080:before { content: " "; } } /* Formación académica (EN) */ /***************************************** #rowFormacion *****************************************/ #rowFormacion * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowFormacion .divFormacion { position: relative; padding: 30px var(--caja-padding); } #rowFormacion .divFormacion:after { content: ""; position: absolute; top: 100%; left: 0px; width: 100%; height: var(--divNewsletter-height); background: var(--color5-hex); } #rowFormacion .divItems { margin: auto; max-width: 1180px; display: flex; flex-wrap: wrap; justify-content: center; } #rowFormacion .divItem { padding: 40px 0px; width: 25%; } #rowFormacion .divTitulo { margin-top: -25px; padding-left: 30px; white-space: nowrap; } #rowFormacion .divTexto { margin: 20px 0px; padding-left: 30px; } #rowFormacion .divBoton { padding-left: 30px; } @media (max-width: 1180px) { #rowFormacion .divItem { padding: 40px; width: 370px; } } @media (max-width: 980px) { #rowFormacion .divItem { padding: 30px; width: 310px; } #rowFormacion .divIconSector { width: 140px !important; height: 140px !important; } #rowFormacion .divTitulo { margin-top: -20px; padding-left: 20px; } #rowFormacion .divTexto { margin: 15px 0px; padding-left: 20px; } #rowFormacion .divBoton { padding-left: 20px; } } @media (max-width: 780px) { #rowFormacion .divFormacion { padding: var(--caja-padding); } #rowFormacion .divItem { padding: 20px; width: 250px; } #rowFormacion .divIconSector { width: 120px !important; height: 120px !important; } #rowFormacion .divTitulo { padding-left: 15px; } #rowFormacion .divTexto { margin: 5px 0px 10px 0px; padding-left: 15px; } #rowFormacion .divBoton { padding-left: 15px; } } @media (max-width: 580px) { #rowFormacion .divItem { padding: 20px 0px; width: 400px; } #rowFormacion .divItem:last-of-type { padding-bottom: 0px; } #rowFormacion .divIconSector { width: 110px !important; height: 110px !important; } #rowFormacion .divTitulo { margin-top: -115px; padding-left: 130px; } #rowFormacion .divTitulo br5080:before { content: " "; } #rowFormacion .divTexto { margin: 5px 0px 10px 0px; padding-left: 130px; } #rowFormacion .divBoton { padding-left: 130px; } #rowFormacion .divBoton a { padding: 8px 20px; font-size: 13px; } } @media (max-width: 480px) { #rowFormacion .divItem { position: relative; padding: 30px 0px; width: 100%; } #rowFormacion .divIconSector { width: 100px !important; height: 100px !important; } #rowFormacion .divTitulo { margin-top: -105px; padding-left: 120px; } #rowFormacion .divTitulo br5080:before { content: "\A"; } #rowFormacion .divTexto { margin: 60px 0px 0px 0px; padding-left: 0px; } #rowFormacion .divBoton { position: absolute; top: 97px; padding-left: 120px; } } @media (max-width: 380px) { #rowFormacion .divItem { padding: 20px 0px; width: 100%; } #rowFormacion .divIconSector { width: 90px !important; height: 90px !important; } #rowFormacion .divTitulo { margin-top: -90px; padding-left: 105px; } #rowFormacion .divTexto { margin: 50px 0px 0px 0px; } #rowFormacion .divBoton { top: 80px; padding-left: 105px; } #rowFormacion .divBoton a { padding: 6px 20px; } } /************************************ #rowFormacionAcademica-1 ***********************************/ #rowFormacionAcademica-1 { margin: auto; } #rowFormacionAcademica-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowFormacionAcademica-1 .divFormacionAcademica-1 { display: flex; } #rowFormacionAcademica-1 .divIzda { padding: 80px; width: 50%; display: flex; flex-direction: column; } #rowFormacionAcademica-1 .divHeading h2 { margin-top: 0px !important; line-height: 120%; } #rowFormacionAcademica-1 .divIzda p { margin-top: 20px; } #rowFormacionAcademica-1 .divDcha { width: 50%; background-image: url("/wp-content/themes/fha_v4/images/fotos/master.jpg"); } #rowFormacionAcademica-1 .divDcha { background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 1280px) { #rowFormacionAcademica-1 .divIzda { padding: 60px; width: 60%; } #rowFormacionAcademica-1 .divDcha { width: 40%; } } @media (max-width: 1180px) { #rowFormacionAcademica-1 .divIzda { padding: var(--caja-padding); } } @media (max-width: 980px) { #rowFormacionAcademica-1 .divIzda { width: 65%; } #rowFormacionAcademica-1 .divIzda p { margin-top: 10px; } #rowFormacionAcademica-1 .divDcha { width: 35%; } } @media (max-width: 780px) { #rowFormacionAcademica-1 .divIzda p { margin-top: 0px; } } @media (max-width: 580px) { #rowFormacionAcademica-1 .divFormacionAcademica-1 { flex-direction: column-reverse; } #rowFormacionAcademica-1 .divIzda { width: 100%; } #rowFormacionAcademica-1 .divDcha { width: 100%; height: 200px; } } @media (max-width: 380px) { #rowFormacionAcademica-1 .divDcha { width: 100%; height: 160px; } } /************************************ #rowFormacionAcademica-2 ***********************************/ #rowFormacionAcademica-2 { margin: auto; max-width: 1180px; } #rowFormacionAcademica-2 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowFormacionAcademica-2 .divFormacionAcademica-2 { padding: 0px var(--caja-padding); } #rowFormacionAcademica-2 .divMwpHeading { margin-bottom: 40px; max-width: 880px; } #rowFormacionAcademica-2 .divRowContent { max-width: 880px; } @media (max-width: 980px) { #rowFormacionAcademica-2 .divMwpHeading { margin-bottom: 30px; } } @media (max-width: 780px) { #rowFormacionAcademica-2 .divMwpHeading { margin-bottom: 20px; } } /************************************ #rowFormacionAcademica-3 ***********************************/ #rowFormacionAcademica-3 { margin: auto; } #rowFormacionAcademica-3 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowFormacionAcademica-3 .divFormacionAcademica-3 { margin: auto; padding: 80px var(--caja-padding); max-width: 1180px; display: flex; justify-content: space-between; } #rowFormacionAcademica-3 .divIzda { width: 45%; } #rowFormacionAcademica-3 .divIzda ul { margin-left: 0px; } #rowFormacionAcademica-3 .divIzda li { margin-bottom: 10px; } #rowFormacionAcademica-3 .divDcha { width: 45%; } #rowFormacionAcademica-3 .divDcha ul { margin-left: 0px; } #rowFormacionAcademica-3 .divDcha li { margin-bottom: 5px; } @media (max-width: 1280px) { #rowFormacionAcademica-3 .divFormacionAcademica-3 { padding: 60px var(--caja-padding); } } @media (max-width: 1180px) { #rowFormacionAcademica-3 .divFormacionAcademica-3 { padding: var(--caja-padding); } } @media (max-width: 1080px) { #rowFormacionAcademica-3 .divIzda { width: calc(100% - 60px - 365px); } #rowFormacionAcademica-3 .divDcha { width: 365px; } } @media (max-width: 980px) { #rowFormacionAcademica-3 .divIzda { width: calc(100% - 60px - 330px); } #rowFormacionAcademica-3 .divDcha { width: 330px; } } @media (max-width: 780px) { #rowFormacionAcademica-3 .divFormacionAcademica-3 { flex-direction: column; } #rowFormacionAcademica-3 .divIzda { width: 100%; } #rowFormacionAcademica-3 .divDcha { width: 100%; } } /************************************ #rowFormacionAcademica-4 ***********************************/ #rowFormacionAcademica-4 { margin: auto; max-width: 1180px; } #rowFormacionAcademica-4 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowFormacionAcademica-4 .divFormacionAcademica-4 { padding: 0px var(--caja-padding); } #rowFormacionAcademica-4 .divMwpHeading { margin-bottom: 40px; max-width: 880px; } #rowFormacionAcademica-4 .divRowContent { max-width: 880px; } @media (max-width: 980px) { #rowFormacionAcademica-4 .divMwpHeading { margin-bottom: 30px; } } @media (max-width: 780px) { #rowFormacionAcademica-4 .divMwpHeading { margin-bottom: 20px; } } /************************************ #rowFormacionAcademica-5 ***********************************/ #rowFormacionAcademica-5 { margin: auto; } #rowFormacionAcademica-5 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowFormacionAcademica-5 .divFormacionAcademica-5 { margin: auto; padding: 80px var(--caja-padding); max-width: 1180px; } #rowFormacionAcademica-5 .divMwpHeading { margin-bottom: 40px; max-width: 880px; } #rowFormacionAcademica-5 .divRowContent { max-width: 880px; } #rowFormacionAcademica-5 .divRowContent p:first-of-type { margin-bottom: 5px; } #rowFormacionAcademica-5 .divRowContent p:last-of-type { max-width: 880px; } #rowFormacionAcademica-5 .divRowContent ul { margin: 0px; } @media (max-width: 1280px) { #rowFormacionAcademica-5 .divFormacionAcademica-5 { padding: 60px var(--caja-padding); } #rowFormacionAcademica-5 .divMwpHeading { margin-bottom: 30px; } } @media (max-width: 1180px) { #rowFormacionAcademica-5 .divFormacionAcademica-5 { padding: var(--caja-padding); } #rowFormacionAcademica-5 .divMwpHeading { margin-bottom: 20px; } } /************************************ #rowFormacionAcademica-6 ***********************************/ #rowFormacionAcademica-6 { margin: auto; } #rowFormacionAcademica-6 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowFormacionAcademica-6 .divFormacionAcademica-6 { margin: auto; padding: 0px var(--caja-padding); max-width: 1180px; } /************************************* #rowFormacionOnline-1 *************************************/ #rowFormacionOnline-1 { margin: auto; } #rowFormacionOnline-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowFormacionOnline-1 .divFormacionOnline-1 { margin: auto; padding: 80px var(--caja-padding); max-width: 1180px; } #rowFormacionOnline-1 .divRowContent { margin: auto; max-width: 780px; } #rowFormacionOnline-1 .divRowContent h2 { color: #FFFFFF; line-height: 120%; text-align: center; } #rowFormacionOnline-1 .divRowContent a { color: #FFFFFF; } @media (max-width: 1280px) { #rowFormacionOnline-1 .divFormacionOnline-1 { padding: 60px var(--caja-padding); } } @media (max-width: 1180px) { #rowFormacionOnline-1 .divFormacionOnline-1 { padding: 40px var(--caja-padding); } } @media (max-width: 980px) { #rowFormacionOnline-1 .divFormacionOnline-1 { padding: var(--caja-padding); } #rowFormacionOnline-1 .divRowContent { max-width: 580px; } } /************************************* #rowFormacionOnline-2 *************************************/ #rowFormacionOnline-2 { margin: auto; } #rowFormacionOnline-2 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowFormacionOnline-2 .divFormacionOnline-2 { margin: auto; padding: 0px var(--caja-padding); } #rowFormacionOnline-2 .divCurso { height: 400px; display: flex; } #rowFormacionOnline-2 .divFoto { width: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; } #rowFormacionOnline-2 .divRowContent { padding: 0px 60px; width: 50%; display: flex; flex-direction: column; justify-content: center; } #rowFormacionOnline-2 .divRowContent h2 { margin: 0px !important; line-height: 120%; } #rowFormacionOnline-2 .divRowContent p { margin: 20px 0px 30px 0px; } #rowFormacionOnline-2 .divFoto.pilas { background-image: url("/wp-content/themes/fha_v4/images/fotos/pilas.jpg"); } #rowFormacionOnline-2 .divFoto.molinos-1 { background-image: url("/wp-content/themes/fha_v4/images/fotos/molinos-1.jpg"); } #rowFormacionOnline-2 .divFoto.cargador { background-image: url("/wp-content/themes/fha_v4/images/fotos/cargador.jpg"); } #rowFormacionOnline-2 .divFoto.paneles { background-image: url("/wp-content/themes/fha_v4/images/fotos/paneles.jpg"); } #rowFormacionOnline-2 .divFoto.enchufe { background-image: url("/wp-content/themes/fha_v4/images/fotos/enchufe.jpg"); } #rowFormacionOnline-2 .divFoto.tejado { background-image: url("/wp-content/themes/fha_v4/images/fotos/tejado.jpg"); } @media (max-width: 1080px) { #rowFormacionOnline-2 .divRowContent { padding: 0px 40px; } #rowFormacionOnline-2 .divRowContent p { margin: 10px 0px 20px 0px; } } @media (max-width: 980px) { #rowFormacionOnline-2 .divRowContent { padding: 0px 40px; } #rowFormacionOnline-2 .divRowContent p { line-height: 150%; } #rowFormacionOnline-2 .divButtonHref a { padding: 12px 20px; border-radius: 20px; } } @media (max-width: 780px) { #rowFormacionOnline-2 .divCurso:nth-of-type(2n+1) .divRowContent { padding: 0px 0px 0px 30px; } #rowFormacionOnline-2 .divCurso:nth-of-type(2n+0) .divRowContent { padding: 0px 30px 0px 0px; } #rowFormacionOnline-2 .divCurso { height: 360px; } #rowFormacionOnline-2 .divButtonHref a { padding: 10px 20px; border-radius: 15px; } } @media (max-width: 580px) { #rowFormacionOnline-2 .divCurso { position: relative; height: 290px; display: block; } #rowFormacionOnline-2 .divFoto { position: absolute; top: 0px; left: 0px; width: 150px; height: 150px; } #rowFormacionOnline-2 .divRowContent .mwp_heading { position: absolute; top: 0px; left: 170px; width: 190px; } #rowFormacionOnline-2 .divRowContent p { position: absolute; top: 165px; left: 0px; margin: 0px; padding-bottom: 10px; border-bottom: solid 1px var(--color4-hex); } #rowFormacionOnline-2 .divRowContent .mwp_button_href { position: absolute; top: 115px; left: 170px; } #rowFormacionOnline-2 .divButtonHref a { padding: 8px 15px; font-size: 13px; border-radius: 12px; } } @media (max-width: 480px) { #rowFormacionOnline-2 .divCurso { margin-bottom: 20px; height: 330px; border-bottom: solid 1px var(--color4-hex); } #rowFormacionOnline-2 .divRowContent { position: absolute; top: 130px; left: 0px; padding: 0px !important; width: 100%; } #rowFormacionOnline-2 .divFoto { width: 120px; height: 120px; } #rowFormacionOnline-2 .divRowContent .mwp_heading { position: relative; top: auto; left: auto; margin: -133px 0px 0px 135px; width: 190px; height: 140px; } #rowFormacionOnline-2 .divRowContent p { position: relative; top: auto; left: auto; padding-bottom: 20px; border-bottom: none; } #rowFormacionOnline-2 .divRowContent .mwp_button_href { position: relative; top: auto; left: auto; } } @media (max-width: 380px) { #rowFormacionOnline-2 .divCurso { height: 300px; } #rowFormacionOnline-2 .divRowContent { top: 110px; } #rowFormacionOnline-2 .divFoto { width: 100px; height: 100px; } #rowFormacionOnline-2 .divRowContent .mwp_heading { margin: -113px 0px 0px 115px; width: 170px; height: 115px; } #rowFormacionOnline-2 .divRowContent p { padding-bottom: 10px; } } /************************************* #rowFormacionMedida-1 *************************************/ #rowFormacionMedida-1 { margin: auto; } #rowFormacionMedida-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowFormacionMedida-1 .divFormacionMedida-1 { margin: auto; padding: 80px var(--caja-padding); max-width: 1180px; } #rowFormacionMedida-1 .divRowContent { margin: auto; max-width: 780px; } #rowFormacionMedida-1 .divRowContent h2 { color: #FFFFFF; line-height: 120%; text-align: center; } @media (max-width: 1280px) { #rowFormacionMedida-1 .divFormacionMedida-1 { padding: 60px var(--caja-padding); } } @media (max-width: 1180px) { #rowFormacionMedida-1 .divFormacionMedida-1 { padding: 40px var(--caja-padding); } } @media (max-width: 980px) { #rowFormacionMedida-1 .divFormacionMedida-1 { padding: var(--caja-padding); } #rowFormacionMedida-1 .divRowContent { max-width: 580px; } } /************************************* #rowFormacionMedida-2 *************************************/ #rowFormacionMedida-2 { margin: auto; } #rowFormacionMedida-2 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowFormacionMedida-2 .divFormacionMedida-2 { margin: auto; padding: 0px var(--caja-padding); } #rowFormacionMedida-2 .divRow { height: 400px; display: flex; } #rowFormacionMedida-2 .divFoto { width: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; } #rowFormacionMedida-2 .divRowContent { padding: 0px 60px; width: 50%; display: flex; flex-direction: column; justify-content: center; } #rowFormacionMedida-2 .divRowContent h2 { margin: 0px !important; line-height: 120%; } #rowFormacionMedida-2 .divRowContent p { margin: 20px 0px 30px 0px; } #rowFormacionMedida-2 .divFoto.soldando { background-image: url("/wp-content/themes/fha_v4/images/fotos/soldando.jpg"); } #rowFormacionMedida-2 .divFoto.molinos-2 { background-image: url("/wp-content/themes/fha_v4/images/fotos/molinos-2.jpg"); } @media (max-width: 1080px) { #rowFormacionMedida-2 .divRowContent { padding: 0px 40px; } #rowFormacionMedida-2 .divRowContent p { margin: 10px 0px 20px 0px; } } @media (max-width: 980px) { #rowFormacionMedida-2 .divRowContent { padding: 0px 40px; } #rowFormacionMedida-2 .divRowContent p { line-height: 150%; } } @media (max-width: 780px) { #rowFormacionMedida-2 .divRow:nth-of-type(2n+1) .divRowContent { padding: 0px 0px 0px 30px; } #rowFormacionMedida-2 .divRow:nth-of-type(2n+0) .divRowContent { padding: 0px 30px 0px 0px; } #rowFormacionMedida-2 .divRow { height: 360px; } } @media (max-width: 580px) { #rowFormacionMedida-2 .divRow:nth-of-type(2n+1) .divRowContent { padding: 0px 0px 0px 20px; width: calc(100% - 150px); } #rowFormacionMedida-2 .divRow:nth-of-type(2n+0) { margin-top: 20px; } #rowFormacionMedida-2 .divRow:nth-of-type(2n+0) .divRowContent { padding: 0px 20px 0px 0px; width: calc(100% - 150px); } #rowFormacionMedida-2 .divRow { height: auto; } #rowFormacionMedida-2 .divFoto { width: 150px; height: 150px; } } @media (max-width: 380px) { #rowFormacionMedida-2 .divRow:nth-of-type(2n+1) .divRowContent { width: calc(100% - 120px); } #rowFormacionMedida-2 .divRow:nth-of-type(2n+0) .divRowContent { width: calc(100% - 120px); } #rowFormacionMedida-2 .divFoto { width: 120px; height: 120px; } } /***************************************** #rowVisitas-1 *****************************************/ #rowVisitas-1 { margin: auto; } #rowVisitas-1 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowVisitas-1 .divVisitas-1 { margin: auto; padding: 80px var(--caja-padding); max-width: 1180px; } #rowVisitas-1 .divRowContent { margin: auto; max-width: 780px; } #rowVisitas-1 .divRowContent h2 { color: #FFFFFF; line-height: 120%; text-align: center; } @media (max-width: 1280px) { #rowVisitas-1 .divVisitas-1 { padding: 60px var(--caja-padding); } } @media (max-width: 1180px) { #rowVisitas-1 .divVisitas-1 { padding: 40px var(--caja-padding); } } @media (max-width: 980px) { #rowVisitas-1 .divVisitas-1 { padding: var(--caja-padding); } #rowVisitas-1 .divRowContent { max-width: 580px; } } /***************************************** #rowVisitas-2 *****************************************/ #rowVisitas-2 { margin: auto; } #rowVisitas-2 * { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } #rowVisitas-2 .divVisitas-2 { margin: auto; padding: 0px var(--caja-padding); } #rowVisitas-2 .divRow { height: 400px; display: flex; } #rowVisitas-2 .divFoto { width: 50%; background-repeat: no-repeat; background-position: center center; background-size: cover; } #rowVisitas-2 .divRowContent { padding: 0px 60px; width: 50%; display: flex; flex-direction: column; justify-content: center; } #rowVisitas-2 .divFoto.deposito { background-image: url("/wp-content/themes/fha_v4/images/fotos/deposito.jpg"); } #rowVisitas-2 .divFoto.hidrogenera { background-image: url("/wp-content/themes/fha_v4/images/fotos/hidrogenera.jpg"); } #rowVisitas-2 .divVisitas-2-580px { margin: auto; padding: 0px var(--caja-padding); display: none; } @media (max-width: 1080px) { #rowVisitas-2 .divRowContent { padding: 0px 40px; } #rowVisitas-2 .divRowContent p { margin: 10px 0px; } } @media (max-width: 980px) { #rowVisitas-2 .divRowContent { padding: 0px 40px; } #rowVisitas-2 .divRowContent p { line-height: 150%; } } @media (max-width: 780px) { #rowVisitas-2 .divRow:nth-of-type(2n+1) .divRowContent { padding: 0px 0px 0px 30px; } #rowVisitas-2 .divRow:nth-of-type(2n+0) .divRowContent { padding: 0px 30px 0px 0px; } #rowVisitas-2 .divRow { height: 360px; } } @media (max-width: 580px) { #rowVisitas-2 .divVisitas-2 { display: none; } #rowVisitas-2 .divVisitas-2-580px { display: block; } #rowVisitas-2 .divFoto { width: 150px; height: 150px; } #rowVisitas-2 .divFoto.deposito { float: left; margin: 0px 20px 10px 0px; } #rowVisitas-2 .divFoto.hidrogenera { float: right; margin: 0px 0px 10px 20px; } } @media (max-width: 380px) { #rowVisitas-2 .divFoto { width: 120px; height: 120px; } } /*****************************************************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************************************************/ /************************************************************************************** OLD V3 - OLD V3 - OLD V3 *************************************************************************************/ /*****************************************************************************************************************************************************************************************************/ /*****************************************************************************************************************************************************************************************************/ /********************************* #rowContentFormacionPresencial ********************************/ #rowContentFormacionPresencial .divContentText { width: 100%; } #rowContentFormacionPresencial .divContentText h5 { text-align: center; } #rowContentFormacionPresencial .divSeccion { margin: 15px; width: calc(33% - 30px); } #rowContentFormacionPresencial .divSeccion p { text-align: left; } @media(max-width: 780px) { #rowContentFormacionPresencial .divSeccion { margin: 10px; width: calc(50% - 20px); } } @media(max-width: 480px) { #rowContentFormacionPresencial .divSeccion { width: calc(100% - 20px); } } /*************************************** #rowContentVisitas **************************************/ #rowContentVisitas .divFotos { margin-top: 40px; display: flex; flex-wrap: wrap; justify-content: center; } #rowContentVisitas .divFoto { margin: 10px; width: 300px; overflow: hidden; line-height: 0px; } @media(max-width: 1080px) { #rowContentVisitas .divFoto { padding: 10px; width: calc(33% - 20px); } } @media(max-width: 780px) { #rowContentVisitas .divFoto { width: calc(50% - 20px); } } @media(max-width: 480px) { #rowContentVisitas .divFoto { width: calc(90% - 20px); } } @media(max-width: 380px) { #rowContentVisitas .divFoto { width: calc(100% - 20px); } }