/* Casos especiales, fuerza mayor */
@media (max-width: 1680px) {
	.lista-soft-c {
    	background-color: #ffffff69;
    	padding: 110px 2em 2em 2em;
    	background-position: center 1em;
	}
	.nuestra-metodol {
	    background-size: 660px;
	    min-width: inherit;
	    min-height: 700px;
	    margin-top: 19px;
	    background-position: center 206px;
	}
	.nuestra-metodol-c {
	    min-height: 700px;
	}
	.sub-titulo {
	    font-size: 1.6em;
	}
	.m-margen-1 {
	    margin-bottom: 0.2em;
	}
	.contigo-t {
	    font-size: 0.9em;
	}
	.cartel.cart-nube {
	    bottom: 465px;
	    left: 533px;

	    font-size: 0.9em;
	}
	.cartel.cart-asesoramiento {
	    bottom: 465px;
	    left: 110px;
	    font-size: 0.9em;
	}
	.cartel.cart-desarrollo {
	    bottom: 465px;
	    left: 321px;

	    font-size: 0.9em;
	}
	.cartel.cart-prototipos {
	    top: 547px;
	    left: 428px;
	    font-size: 0.9em;
	}
	.cartel.cart-diseno {
	    top: 547px;
	    left: 214px;
	    font-size: 0.9em;
	}
	.cartel.cart-idea {
	    top: 547px;
	    left: 6px;
		font-size: 0.9em;
	}

}
/* Resto 'Extra extra large' */

/* Extra large:xl; */
@media (max-width: 1400px) {
	.lista-soft-c {
	    background-color: #ffffff9e;
	}
	.apps-moviles {
	    padding-left: 2em;
	}
	.diseno-prog {
	    margin-right: 1em;
	    background-color: #76839aba;
	    padding: 1em;
	    width: inherit;
	}
	.consult {
	    margin-left: 1em;
	}
	.container-2-c {
	    padding-left: 1em;
	    padding-right: 1em;
	}
	.bg-android .caja-izq {
	    background-color: #f3f4f6e8;
	    padding: 1em 3em;
	}
}
/* Large:lg;	 */
@media (max-width: 1200px) {
	.contacto-c {
	    padding-left: 1em;
	    padding-right: 1em;
	}
	.contacto-container {
	    padding-left: 1em;
	    padding-right: 1em;
	}
	.form-drcha.row, .form-izq.row, .form-izq.row > div, .form-drcha.row > div {
	    padding-right: 0;
	}
	.bg-android {
	    background-position: center;
	}
	.doble-izq {
	    margin-right: 0;
	}
	.doble-drcha {
	    margin-left: 0;
	}
	.opciones-descrip {
	    order: 1;
	}
	.doble > .monedas-eur {
	    max-width: 244px;
	    width: 35%;
	    margin-bottom: 2em;
	}
	.ideas {
	    width: 35%;
	    max-width: 300px;
	    margin-bottom: 1.5em;
	}
	.flechas-circulo {
	    width: 35%;
	    max-width: 140px;
	    margin-bottom: 1.5em;
	}
	.bg-gadgets-teclado {
	    background-position: center;
	}
	.bg-gadgets-teclado .caja-drcha{
		background-color: #0009;
	}
	.laberinto {
	    order: 0;
	    max-width: 501px;
	    width: 75%;
	}
	.sol-amedida {
	    margin-top: 2em;
	    order: 1;
	}
	.sub-cabecera {
	    width: 100%;
	}
	.menu a {
	    margin: 0 9px;
	}
	.logo-c img {
	    max-width: 210px;
	}
	.slogan-home {
	    font-size: 0.8em;
	}
	.slogan-tel {
	    padding-left: 2.7em;
	    background-size: 33px;
	}
	.somos-especialistas-c {
	    font-size: 0.95em;
	}
	.titulo-3 {
	    font-size: 2em;
	}
	.blog-c {
	    padding: 3em 0;
	}
	.entrada-c {
	    flex-direction: column;
	    margin-top: 0;
	}
	.b-fecha-i {
	    padding-right: 0;
	    border: 0;
	}
	.entrada-imagen-c {
	    text-align: center;
	    margin: 1em 0;
	}
	.blog-control {
	    position: inherit;
	    top: inherit;
	    right: inherit;
	    text-align: center;
	    margin-top: 1em;
	}
	.b-fecha {
	    order: 1;
	}

	.entrada-imagen-c {
	    order: 2;
	}

	.entrada {
	    order: 3;
	}
	.entrada-imagen-c img {
	    max-width: 380px;
	    width: 100%;
	}
	.footer-c div.contactos-f-c {
	    flex: 0 0 100%;
	    display: flex;
	    flex-direction: row;
	    justify-content: space-evenly;
	    border-top: 1px solid #dadbdf;
	    padding-top: 0.5em;
	}
	.about-f-c {
	    padding-left: 1em;
	    padding-right: 1em;
	}
	.footer-c div.soft-f-c {
		padding-left: 1em;
	}
	.footer-c div.contactanos-f-c {
	    padding-right: 1em;
	}
	.footer-c div.contactos-f-c {
	    padding-left: 1em;
	    padding-right: 1em;
	}
	.footer-c ul {
	    margin-left: 0;
	}
	.footer-c ul {
	    margin-left: 0;
	    justify-content: flex-end;
	}

	.aviso-legal-c li a {
	    margin-right: 9px;
	}
	.aviso-legal-c li:last-child a {
	    margin-right: 0;
	}
	.bg-movil .caja-izq{
	    background-color: #ffa429b8;
	}
	.caja-izq {
	    margin: 2em;
	    padding: 1em 3em;
	}
	.caja-drcha{
		margin: 2em;
		padding: 1em 3em;
	}
	.bg-consultoria .caja-izq,
	.bg-ionic .caja-izq,
	.bg-calc .caja-drcha,
	.soft-gestion-ins-c .caja-drcha
	 {
	    background-color: #ffffffcf;
	}
	.nuestro-programa-c .caja-drcha {
	    background-color: #ff8e01de;
	}
	.bg-ionic {
	    background-position: center;
	}
	.bg-portatil .caja-drcha {
	    background-color: #9aa0aed9;
	}
	.doble {
	    flex-direction: column;
	    margin: 0;
	}
	.doble > img {
	    margin: 0;
	}
	.doble-c {
	    padding-left: 1em;
	    padding-right: 1em;
	    padding-bottom: 0;
	}
	.pag-amedida {
	    order: 1;
	    margin-top: 2em;
	}
	.puzzle {
	    order: 0;
	    max-width: 464px;
	    width: 75%;
	}
	.doble > .soft-gest-estand {
	    margin-bottom: 1.5em;
	    max-width: 535px;
	    width: 75%;
	}
	.bg-servicios-online .caja-drcha {
	    margin-left: inherit;
	    background-color: #ff9400d9;
	}
	.bg-servicios-online {
	    background-image: url(../images/bg-servicios-online-responsive.jpg);
	    background-position: center;
	}
	.data-analytics {
	    max-width: 646px;
	    width: 95%;
	}
	.doble > img.data-analytics{
    	margin-bottom: 1.5em;
	}
	.doble-c.bg-blanco.data-analytics-c {
	    padding-bottom: 4em;
	}
	.bg-android .caja-izq{
		padding: 0;
	}
}
/* Medium:md; */
@media (max-width: 992px) {
    .tituloContainer {
        margin-top: 2em;
        margin-bottom: 0.5em;
    }
	.sub-cabecera-c.bg-contacto {
	    background-size: auto 100%;
	    background-position: center;
	    background-repeat: no-repeat;
	}
	.fichas-datos {
	    flex-direction: column;
	    max-width: 400px;
	    margin-left: auto;
	    margin-right: auto;
	}
	.slogan-home-c {
	    font-size: 0.8em;
	    padding: 0 1em;
	}
	.slogan-tel {
	    background-size: 25px;
	}
	.sub-titulo {
	    font-size: 1.6em;
	}
	.software-gestion{
		margin: 0;
		width: inherit;
	}
	.software-gestion-c {
	    align-items: center;
	    justify-content: center;
	}
	.apps-moviles-c {
	    align-items: center;
	    justify-content: center;
	    background-position: center;
	}
	.apps-moviles {
	    padding: 1em;
	    width: inherit;
	    margin: 0;
	    background-color: #fa9c2e8a;
	}
	.diseno-prog-c {
	    align-items: center;
	    justify-content: center;
	}
	.diseno-prog {
	    margin: 0;
	}
	.consult {
	    margin: 0;
	    background-color: #ffffff9e;
	    padding: 1em;
	    width: inherit;
	}
	.consult-c {
	    background-position: center;
	    align-items: center;
	    justify-content: center;
	}
	.que-hacemos {
	    padding-left: 1em;
	    padding-right: 1em;
	}
	.cuentanos-c {
	    line-height: 3em;
	}
	.cuentanos-c {
	    font-size: 0.9em;
	}
	.asesoramos-titulo {
	    font-size: 16px;
	}
	.cuentanos-titulo {
	    line-height: 1.2em;
	}
	.cuentanos-c {
	    flex-direction: column;
	}
	.cuenta-col1, .cuenta-col2 {
	    padding: 1em;
	    text-align: center;
	}
	.cuenta-col2 {
	    background-size: 45px;
	}
	.cuenta-col2 {
	    background-image: none;
	}
	.cuentanos-tel {
	    margin: 0;
	}
	.cuentanos-email {
	    margin: 0;
	}
	.cuentanos-col.cuenta-col1 > p {
	    margin: 0;
	}
	.titulo {
	    margin-bottom: 0.2em;
	}
	.titulo-3 {
	    margin-bottom: 0.2em;
	}
	.clientres-c {
	    margin-top: 1em;
	}
	.experiencia-c {
	    height: inherit;
	    padding: 1em;
	}
	.titulo-3 {
	    font-size: 1.6em;
	}
	.soft-f-c {margin-right: 0;min-width: inherit;}

	.nosotros-f-c {
	    margin-right: 0;
	}

	.contactanos-f-c {
	    margin-right: 0;
	}

	.interior.footer-c {
	    max-width: inherit;
	    padding-top: 1.5em;
	    align-items: stretch;
	}
	.footer-c div.soft-f-c {
		flex: 1;
		margin-right: 10%;
	}

	.footer-c div.nosotros-f-c {
	    flex: 1;
	    max-width: inherit;
	    border-left: 1px solid #dadbdf;
	    padding-left: 2em;
	}
	.footer-c div.contactanos-f-c {
	    flex: 1;
	    max-width: inherit;
	    border-left: 1px solid #dadbdf;
	    padding-left: 2em;
	}
	.about-f-c {
	    flex-direction: column;
	}
	.empresa-f-c {
		display: inline-block;
		margin: 0 auto;
		padding: 3px 3em;
	}
	.footer-c ul {
	    justify-content: center;
	}
	.caja-izq {
	    margin: 2em;
	}

	.container-3 {
	    justify-content: stretch;
	    align-items: stretch;
	}
	.caja-izq, .caja-drcha {
	    margin: 0;
	    flex: 0 0 100%;
	    padding: 0;
	    display: flex;
	    flex-direction: column;
	    justify-content: center;
	    padding: 1em;
	}
	.bg-android .caja-izq {
	    padding-left: 1em;
	    padding-right: 1em;
	}

}
/* Small:sm; */
@media (max-width: 768px) {
	.slogan-grande {
	    font-size: 20px;
	}
	.slogan-medio {
	    font-size: 18px;
	}
	.opciones-descrip,
	.caja-izq,
	.caja-drcha,
	.asesorar_cliente,
	.container-1,
	.se-bottom
	{
	    text-align: left;
	}
	.titulo-7 {
	    text-align: center;
	}
	body {
	    font-size: 16px;
	}
	h2.titulo-2 {
    	text-align: center;
    	font-size: 20px;
	}
	.subtitulo-cabecera {
	    font-size: 20px;
	}
	.titulo-7 {
	    font-size: 18px;
	}
	.menu-c {
	    display: none;
	}
	.logo-c {
	    text-align: center;
	}
	.lista-soft-c {
    	padding-left: 1em;
    	max-width: inherit;
    	padding-right: 1em;
	}
	.software-gestion-c {
	    align-items: stretch;
	}
	.software-gestion {
	    flex: 1;
	    display: flex;
	}
	.lista-soft-c {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	    background-position: center 25px;
	    flex: 1;
	}
	.menu-responsive{
		display: inline-block;
	}
	.apps-moviles {
	    flex: 1;
	    align-items: center;
	    justify-content: center;
	}
	.apps-moviles-c {
	    align-items: stretch;
	}
	.lista-apps-moviles {
	    background-size: 145px;
	}
	.diseno-prog {
	    flex: 1;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	    padding: 1em;
	}
	.diseno-prog-c {
	    align-items: stretch;
	}
	.consult {
	    flex: 1;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.consult-c {
	    align-items: stretch;
	}
	.lista-diseno-prog {
	    background-size: 122px;
	}
	.lista-consult {
	    background-size: 61px;
	}
	.que-hacemos-c {
	    padding-top: 2em;
	}
	.software-gestion-c{
		margin-top: 2em;
	}
	.somos-especialistas-c {
	    padding: 1em;
	}
	.blog-c {
	    padding-left: 1em;
	    padding-right: 1em;
	}
	.entrada {
	    margin: 0;
	    text-align: justify;
	}
	.interior.boletin {
	    max-width: inherit;
	    margin: 0;
	    width: 100%;
	}
	.formulario-boletin {
	    width: 70%;
	}
	.titulo-5 {
	    font-size: 1.8em;
	}
	.interior.footer-c {
	    flex-direction: column;
	    padding-left: 1em;
	    padding-right: 1em;
	}
	.interior.footer-c {
	    flex-direction: column;
	    padding-left: 1em;
	    padding-right: 1em;
	    text-align: center;
	}

	.footer-c.interior > div {
	    padding-left: 0;
	    padding-right: 0;
	    margin-right: 0;
	    border-left: 0;
	}

	.footer-c div.contactos-f-c {
	    flex-direction: column;
	    margin-top: 0;
	}

	a.linkedin-f {
	    display: inline-flex;
	    margin: 0 auto;
	}
	.aviso-legal-c {
	    flex-direction: column;
	}
	.sector04-a-f {
	    display: block;
	}
	.nuestra-metodol {
	    background: url(../images/circulos-vertical.png);
	}
	.nuestra-metodol {
	    background: url(../images/circulos-vertical.png);
	    background-position: 20px 153px;
	    background-repeat: no-repeat;
	    background-size: auto 503px;
	}
	.cartel.cart-asesoramiento {
	    bottom: 467px;
	    left: 375px;
	    text-align: left;
	}
	.cartel.cart-desarrollo {
	    bottom: 395px;
	    left: 401px;
	    text-align: left;
	}
	.cartel.cart-idea {
	    top: 180px;
	    left: 182px;
	    text-align: left;
	}
	.cartel.cart-asesoramiento {
	    bottom: 389px;
	    left: 211px;
	    text-align: left;
	}
	.cartel.cart-diseno {
	    top: 342px;
	    left: 182px;
	    text-align: left;
	}
	.cartel.cart-desarrollo {
	    bottom: 235px;
	    left: 211px;
	    text-align: left;
	}
	.cartel.cart-prototipos {
	    top: 504px;
	    left: 182px;
	    text-align: left;
	}
	.cartel.cart-nube {
	    bottom: 76px;
	    left: 211px;
	    text-align: left;
	}
	.sub-titulo {
	    font-size: 18px;
	}
	.titulo {
	    font-size: 16px;
	}
	.contigo-t {
	    padding-left: 1em;
	    padding-right: 1em;
	    font-weight: normal;
	    text-align: justify;
	}
	.contigo-t br {
	    display: none;
	}
	.container-1-c {
	    flex-direction: column;
	}
	.container-1 {
	    margin: 0;
	}
	.circulo {
	    max-width: 334px;
	    width: 40%;
	    margin: 2em 0;
	}
	.titulo-6 {
	    font-size: 18px;
	    text-align: center;
	    margin-bottom: 1.5em;
	}
	.g-b-raya {
	    font-size: 16px;
	}
	.titulo-8 {
	    font-size: 20px;
	}
	.g-b {
	    font-size: 16px;
	}
.menu-c {
    position: fixed;
    z-index: 1000;
    display: block;
    background-color: #fff;
    width: 300px;
    top: 0;
    bottom: 0;
    left: -300px;
    transition: all 0.5s ease;
}
.menu ul {
    flex-direction: column;
}
.menu-c.m-abierto {
    left: 0;
    border-right: 1px solid #e6e6e6;
}
body{
    transition: all 0.5s ease;
    left: 0;
    position: absolute;
}
body.m-abierto {
    overflow-x: hidden;
    position: relative;
    left: 300px;

}
header.m-abierto{
	left: 300px;
}
.menu a {
    border-bottom: 1px solid #e6e6e6;
    display: block;
    padding: 1em;
    margin: 0;
}
.menu a:hover {
    background-color: #efefef;
}
.btn.focus, .btn:focus {
    box-shadow: none;
}
	.hta-c {
	    margin: 3em 1em;
	}
	.cuentanos-titulo {
	    font-size: 20px;
	}
	.asesoramos-titulo {
	    font-size: 16px;
	    line-height: 1.5em;
	}
	.cuentanos-tel, .cuentanos-email {
	    font-size: 20px;
	}
	.cuenta-col2 {
	    line-height: 2.5em;
	}
	.cuentanos-titulo {
	    width: inherit;
	}
	.titulo-f {
	    font-size: 18px;
	}
}
/* X-Small:none; */
@media (max-width: 576px) {
	.botones-contacto {
	    flex-direction: column;
	}
	.slogan-tel, .slogan-email {
	    border-radius: 20px;
	    margin: 0.5em;
	}
	.slogan-tel {
	    padding-right: 1.4em;
	}
	.lista-soft-c {
	    padding: 1em;
	    background-size: 55px;
	}
	.lista-apps-moviles .titulo-2,
	.lista-diseno-prog .titulo-2,
	.lista-consult .titulo-2
	 {
	    text-align: center;
	}
	span.set-1 {
	    font-size: 17px;
	}
	span.set-2 {
	    font-size: 22px;
	}
	.se-margen-1 {
	    margin-top: 1em;
	}
	.conocenos {
	    font-size: 19px;
	}
	.se-bottom {
	    font-size: 16px;
	}
	.somos-especialistas-c {
	    min-height: 450px;
	}
	.formulario-boletin {
	    width: 100%;
	}
	.boletin-c {
	    padding-left: 1em;
	    padding-right: 1em;
	}
	.aviso-legal-c li a {
	    background: 0 none;
	    padding: 0;
	}
	.empresa-f-c {
	    background-position: center top;
	    padding-top: 2.2em;
	}
	.subtitulo-cabecera {
	    text-align: center;
	}
}