@media screen and (max-width: 1616px){
    .body #proyectos .content-proyectos .content-titulo, .body #proyectos .content-proyectos .content-description {
       padding: 40px 5%;
    }
}

@media (max-width: 1330px){
    .body #proyectos .titulos {  padding: 0 0 20px;  }
}

@media (max-width: 1215px){
    .body .menu-titulo {  top: 39%;  }
    .body .menu-slider a.down {  padding: 0 5px;  }
}

@media (max-width: 1135px){
    #header .navbar ul {
        margin-right: 23.5%;
    }
}

@media (max-width: 1121px){
    #header .navbar ul {
        margin-right: 22.5%;
    }
}

@media (max-width: 1107px){
    #header .navbar ul { margin-right: 21.5%; }

    .body .redes { right: 14%; }
}

@media (max-width: 1094px){
    #header .navbar ul {
        margin-right: 20.5%;
    }
}

@media (max-width: 1094px){
    #header .navbar ul { margin-right: 19.5%; }
}

@media (max-width: 1068px){
    #header .navbar ul { margin-right: 18.5%; }
    .body .redes { right: 13%; }
    .body .menu-titulo { top: 36%; }
}

@media (max-width: 1055px){
    #header .navbar ul { margin-right: 17.5%; }
    .body .redes { right: 12%; }
}

@media (max-width: 1044px){
    #header .navbar ul { margin-right: 16.5%; }
    .body .redes { right: 11%; }
}

@media (max-width: 1032px){
    #header .navbar ul { margin-right: 15.5%; }
    .body .redes { right: 10%; }
}

@media (max-width: 1024px){
    #header .navbar ul { margin-right: 14.5%; }
    .body .redes { right: 9%; }
    #empresa p, #proyectos p, #quien p,
    #instalaciones p, #servicios p{
        font-size: 20px;
        line-height: 23px;
    }

    .body h3 { font-size: 24px; }
    .body #proyectos .content-proyectos p {
        font-size: 14px;
        line-height: 14px;
    }

    .body #proyectos .content-proyectos .content-description h4 {
        font-size: 20px;
        line-height: 20px;
    }

    .body #proyectos .content-proyectos .content-titulo h2 {
        font-size: 33.89px;
        line-height: 33.89px;
    }

    .body .menu-titulo h1 {
        font-size: 65px;
        line-height: 65px;
    }
}

@media (max-width: 1009px){
    #header .navbar ul { margin-right: 13.5%; }
}

@media (max-width: 998px){
    #header .navbar ul { margin-right: 12.5%; }
}

@media (max-width: 987px){
    #header .navbar ul { margin-right: 11.5%; }
}

@media (max-width: 976px){
    #header .navbar ul { margin-right: 10.5%; }
}

@media (max-width: 966px) {
    #header .navbar ul { margin-right: 9.5%; }
    .content-maximo, .body #contactos .content-contacto{padding: 55px 20px;}
    .body #equipos .content-ofertas{padding: 95px 20px 80px;}
    .body #equipos .casas, .body #instalaciones .casas { height: 160px; }
}

@media (max-width: 966px) {
    #header .navbar ul { margin-right: 8.5%; }
    .body .redes { right: 8%; }
}

@media (max-width: 946px) {
    #header .navbar ul li a { font-size: 12px; }
    .body .menu-titulo {top: 25%; }
    .body .menu-slider { padding: 10px 25px 15px; }
    .body .menu-slider a.down {
        font-size: 25px;
        line-height: 25px;
    }

    .body #proyectos .content-proyectos .content-titulo h2 {
        font-size: 30.89px;
        line-height: 30.89px;
    }

    .body #proyectos .content-proyectos a {
        font-size: 16px;
        line-height: 16px;
    }
}

@media (max-width: 898px) {
    #footer .content-footer .sub-footer p {
        font-size: 16px;
        line-height: 16px;
    }
}

@media (max-width: 883px) {
    #footer .content-footer .sub-footer ul li a {
        font-size: 12px;
        line-height: 12px;
    }

    .body .menu-titulo h1 {
        font-size: 56px;
        line-height: 56px;
    }
}
@media (max-width: 845px) {
    #header .navbar ul { margin-right: 7.5%; }
    .body .redes { right: 7%; }
}

@media (max-width: 836px) {
    #header .navbar ul { margin-right: 6.5%; }
    .body #empresa, .body #quien, .body #instalaciones, .body #servicios,
    .body #equipos .content-ofertas, .body #contactos .content-contacto{  padding: 0px 5%; }
    .body #proyectos { padding: 50px 9% 0; }
    .body h3 { font-size: 25px; }
    #empresa p, #proyectos p, #quien p, #instalaciones p, #servicios p {
        font-size: 20px;
        line-height: 23px;
    }

    #footer .content-footer .sub-footer { padding: 20px 9%;}
    #header { margin: 20px 0; }
}

@media (max-width: 836px) {
    #header .navbar ul { margin-right: 5.5%; }
    .body .redes { right: 6%; }
}

@media (max-width: 820px) {
    #header .navbar ul { margin-right: 4.5%; }
}

@media (max-width: 812px) {
    #header .navbar ul { margin-right: 4.3%; }
}

@media (max-width: 810px) {
    #header .navbar ul { margin-right: 3.3%; }
}

@media (max-width: 802px) {
    #header .navbar ul { margin-right: 2.3%; }
}

@media (max-width: 795px) {
    #header .navbar ul { margin-right: 1.3%; }
    .body .redes { right: 4%; }
}

@media (max-width: 787px){
    #header .navbar ul { margin-right: 0.3%; }
}

@media (max-width: 779px){
    #header .navbar ul { margin-right: 0; }
    #header .navbar ul li a { padding: 10px 5px; }
}

@media screen and (max-width: 767px) {
    .navbar-toggle .icon-bar {  background-color: #2f3773; }
    #header .navbar ul li { text-align: left; margin: 0}
    #header .navbar ul { width: 100%; }
    #header .navbar ul li a { display: inline; }
    #header .navbar ul li a:hover, #header .navbar ul li.active a { border: 1px solid #fff;}
    #empresa p, #proyectos p, #quien p, #instalaciones p, #servicios p {
        font-size: 15px;
        line-height: 18px;
    }
}

@media (max-width: 699px) {
    .body .menu-titulo h1 {
        font-size: 45px;
        line-height: 45px;
    }
}

@media screen and (max-width: 617px) {
    .body .menu-titulo p {
        font-size: 16px;
        line-height: 16px;
    }

    .body .menu-titulo h1 {
        font-size: 35px;
        line-height: 35px;
        margin-bottom: 10px;
    }

    .body .menu-titulo a {
        font-size: 15px;
        line-height: 15px;
    }
}


@media screen and (max-width: 583px) {
    #footer .content-footer .sub-footer ul {
        margin-top: 0;
    }

    #footer .content-footer .sub-footer ul li a {
        font-size: 10px;
        line-height: 10px;
    }

    #footer .content-footer .sub-footer p {
        font-size: 12px;
        line-height: 12px;
    }
}


@media screen and (max-width: 550px) {
    .body .menu-slider a.down {
        font-size: 20px;
        line-height: 20px;
    }

    .body .botons { left: 8%; }
    .body .menu-slider { padding: 0 25px 8px; }
}

@media screen and (max-width: 521px) {
    #footer .content-footer .sub-footer ul, #footer .content-footer .sub-footer ul li {
        margin: 0;
    }

    #footer .content-footer .sub-footer ul li a:after { margin: 0; }
}

@media screen and (max-width: 485px) {
    .body #contactos input {
        width: 100%;
    }

    #footer .content-footer .sub-footer p {
        font-size: 10px;
        line-height: 10px;
        margin-top: 4px;
    }
}

@media screen and (max-width: 472px) {
    .body .redes a {
        font-size: 11px;
        margin-right: 0;
    }

    .body .redes span {
        font-size: 10.43px;
        margin-right: 0;
    }

    .body .menu-titulo h1 {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 0;
    }

    .body .menu-titulo a {
        font-size: 12px;
        line-height: 12px;
    }
    #empresa p, #proyectos p, #quien p,
    #instalaciones p, #servicios p {text-align: justify}
    #equipos .col-xs-8{margin-top: -15px}
}

@media screen and (max-width: 453px) {
    .body .botons span.right {
        margin-left: 5px;
        margin-right: 5px;
    }

    .body .botons span.left {
        margin-right: 5px;
    }
}

@media screen and (max-width: 420px) {
    .body #contactos button { width: 100%; }
    .body .menu-titulo p {
        font-size: 12px;
        line-height: 12px;
        padding-bottom: 8px;
    }

    .body .menu-titulo h1 {
        font-size: 20px;
        line-height: 20px;
    }

    .body h3 {
        font-size: 18px;
    }

    .body #equipos a {
        font-size: 12px;
    }

    .body #proyectos .content-proyectos .content-titulo h2 {
        font-size: 20.89px;
        line-height: 20.89px;
    }

    .body .redes { top: -12px; }
}

@media screen and (max-width: 365px) {
    .body .menu-titulo p {
        padding-bottom: 5px;
    }

    .body .menu-titulo h1 {
        font-size: 17px;
        line-height: 14px;
    }

    .body #equipos a {
        font-size: 10px;
    }
}

@media screen and (max-width: 345px) {
    .body .botons { line-height: 0; }
    .body .botons span { font-size: 12px; }
    .body .botons span.num {  font-size: 12px; }
    .body .menu-slider {
        height: 34px;
        padding: 0 25px;
    }

    .body .menu-slider a.down {
        display: block;
        font-size: 12px;
        line-height: 18px;
        margin: 9px auto 0;
        width: 8.4%;
    }

    .body #proyectos .content-proyectos .content-description h4 {
        font-size: 16px;
        line-height: 16px;
    }

    .body #proyectos .content-proyectos p {
        font-size: 14px;
        line-height: 14px;
    }

    .body #equipos a { padding: 2px; }
}


@media screen and (max-width: 320px) {

    .body .menu-slider a.down { width: 9.4%; }
}