@media screen and (min-width: 1500px) {
    .titulo h1 {
        font-size:4em !important
    }
}

@media screen and (min-width: 1200px) {
    .equipo {
        max-width:50vw !important
    }
}

@media screen and (max-width: 1100px) {
    header li {
        padding:0 0 0 10px !important
    }

    header li a {
        font-size: 0.7em !important
    }

    #formulario .wrap {
        width: 90%
    }
}

@media screen and (max-width: 1200px) {
    .contenido-home .titulo h1 {
        font-size:3em !important
    }

    .contenido-home .titulo h2 {
        font-size: 2em !important
    }

    .contenido-home .equipo .slick-list {
        max-width: 100%
    }
}

@media screen and (max-width: 1000px) {
    .contenido-home .titulo h1 {
        font-size:2.5em !important
    }

    .contenido-home .titulo h2 {
        font-size: 1.5em !important
    }

    .contenido-home {
        padding: 50px 0 !important
    }

    .contenido-home .row {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .contenido-home .row .titulo,.contenido-home .row .contenido {
        width: 100% !important
    }

    .contenido-home .row .titulo {
        padding: 0 10% !important;
        text-align: center !important
    }

    .contenido-home .row .titulo h1 {
        text-align: center !important;
        font-size: 2em !important
    }

    .contenido-home .row .titulo h2 {
        text-align: center !important
    }

    .contenido-home .row .contenido {
        margin: 0 !important;
        padding: 0 10% !important
    }

    .contenido-home .row .contenido .items {
        margin: 50px 0 0 0;
        padding: 0 10% !important
    }

    .contenido-home .row .botonera {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .contenido-home .row .botonera a {
        width: 100% !important;
        margin: 5px 0 !important;
        text-align: center
    }

    .nuestra-empresa .col {
        width: 100% !important
    }

    .nuestra-empresa .menu-lateral {
        width: 100%;
        display: block
    }

    .nuestra-empresa .menu-lateral ul {
        display: block !important;
        position: static !important;
        min-height: unset
    }

    .nuestra-empresa .section-screen section {
        padding: 5% 0
    }

    #ejecutivos .equipo {
        width: 100% !important
    }

    #project .wrap .row .col {
        width: 100%;
        text-align: center
    }

    #project .wrap .row .col.menu ul {
        padding: 0;
        margin: 0
    }

    #project .wrap .row .col.menu ul li a:after {
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #project .wrap .row .col.contenido .encabezado {
        padding: 50px 0;
        margin: 0 5%
    }

    #project .wrap .row .col.contenido .recuadro {
        padding: 30px 0
    }

    #project .wrap .row .col.contenido .recuadro .item {
        width: 80%
    }

    #project .wrap .row .col.contenido .recuadro .item ul {
        -webkit-columns: 1;
        columns: 1;
        text-align: left
    }

    #project .wrap .row .col.contenido .recuadro .galeria {
        padding: 0 30px
    }
}

@media screen and (min-width: 800px) {
    nav ul li:hover .nivel-2 {
        display:block !important
    }
}

@media screen and (max-width: 800px) {
    .wrap {
        width:85%
    }

    .movil {
        display: block !important
    }

    .desktop {
        display: none !important
    }

    header {
        padding: 10px 0 0 0;
        width: 100% !important
    }

    header .logo {
        width: auto !important;
        padding-left: 2% !important
    }

    header .logo img {
        max-width: 100px !important
    }

    header .cont-idioma {
        margin: 0 !important
    }

   /* header nav ul {
        opacity: 1;
        position: absolute;
        right: 0;
        top: 74px;
        width: 230px !important;
        background-color: rgba(126,122,119,0.9) !important;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out;
        text-align: center;
        z-index: 20000;
        padding: 20px 0 !important
    }

    header nav ul ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    header nav ul li {
        margin: 0 !important;
        width: 100%;
        padding: 0 !important;
        text-align: center !important
    }

    header nav ul li a {
        color: #fff;
        padding: 8px 8px !important;
        display: block;
        text-align: center !important;
        font-size: 0.6em !important
    }*/

    header nav ul li.submenu::before {
        content: "";
        background: url(../img/puntero.png) no-repeat 98%;
        background-size: contain;
        width: 10px;
        height: 10px;
        position: absolute;
        right: 18px;
        top: 7px;
        -webkit-transition: all .3s ease;
        transition: all .3s ease;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    header nav ul .cerrar-movil {
        display: block !important
    }

    header nav ul.active {
        display: block !important;
        right: 0;
        opacity: 1
    }

    header nav .nivel-2 ul {
        padding: 0 !important
    }

    header nav .nivel-2.active {
        display: block !important
    }

    header .nav-nuestra-empresa {
        display: none !important
    }

    header .wrap .row nav ul.menu-nav {
        max-width: 0;
        display: none
    }

    header .wrap .row nav ul.menu-nav.active {
        max-width: 100%
    }

    header .wrap .row nav ul .nivel-2 {
        position: static !important;
        -webkit-transform: unset !important;
        transform: unset !important
    }

    header .wrap .row nav ul .nivel-2 ul {
        min-height: 100%;
        position: static;
        background-color: #3659AD !important
    }

    header .wrap .row nav ul .nivel-2 ul li {
        border-bottom: 1px solid #797979
    }

    #historia .wrap .contenido .acordeon {
        max-height: 70vh
    }

    #proyectos {
        display: none
    }

    #proyecto-movil .contenido {
        padding: 0 10% !important
    }

    #banner .video {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    #banner .video .col-1,#banner .video .col-2 {
        width: 100%;
        padding: 0 !important;
        text-align: center !important
    }

    #banner .video .col-2 {
        margin: 20px 0 0 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: none !important
    }

    #banner .video .col-2 a {
        display: block;
        width: 30%
    }

    #banner .video .col-2 a img {
        margin: 0 auto;
        max-width: 100% !important
    }

    #banner .titulo {
        margin: 0 30px
    }

    #banner .titulo h1 {
        font-size: 1.8em !important
    }

    #banner .titulo p {
        font-size: 1em !important
    }

    #banner .slick-dots {
        right: -1%
    }

    #banner .slick-dots li button {
        margin: 30px 0 13px 0;
        width: 50px
    }

    #banner .rrss {
        bottom: 1%
    }

    #banner .rrss .row a img {
        max-width: 30px
    }

    #productos-servicios-home .wrap .contenido,#proyectos-ejecutados-home .wrap .contenido {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    #productos-servicios-home .wrap .contenido .btn,#proyectos-ejecutados-home .wrap .contenido .btn {
        margin: 100px 0 0 0 !important
    }

    #productos-servicios-home .wrap .contenido .items,#proyectos-ejecutados-home .wrap .contenido .items {
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    #productos-servicios-home .wrap .contenido .items .slick-dots,#proyectos-ejecutados-home .wrap .contenido .items .slick-dots {
        max-width: 100vw !important
    }

    #productos-servicios-home .wrap .contenido .items .slick-arrow,#proyectos-ejecutados-home .wrap .contenido .items .slick-arrow {
        bottom: 47px
    }

    #productos-servicios-home .wrap .contenido .items .slick-arrow img,#proyectos-ejecutados-home .wrap .contenido .items .slick-arrow img {
        max-width: 35px !important
    }

    #productos-servicios-home .wrap .contenido .items .slick-arrow.slick-prev,#proyectos-ejecutados-home .wrap .contenido .items .slick-arrow.slick-prev {
        left: 40% !important
    }

    #productos-servicios-home .wrap .contenido .items .slick-arrow.slick-next,#proyectos-ejecutados-home .wrap .contenido .items .slick-arrow.slick-next {
        right: 40% !important
    }

    footer .row {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    footer .row .col {
        width: 100% !important;
        padding: 0 22%;
        margin: 40px 0 0 0 !important
    }

    footer .row .logo {
        text-align: center
    }

    footer .row .links {
        padding: 0 22% !important;
        border: none !important
    }

    #formulario .wrap {
        width: 90%
    }

    #formulario .wrap h1 {
        font-size: 1em
    }

    #formulario form .row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    #formulario form .row .form-group:not(:first-child) {
        margin: 0 0 0 0
    }
}

@media screen and (max-width: 600px) {
    .contenido-home .equipo .persona {
        margin:0 50px !important
    }
}
