@media (max-width: 768px) {
    /* XS */
    #formularioCarrouselCont{
        top:14px;
        padding-top: 0px;
    }
    body{
        padding-top: 45px;
    }
    .navbar{
        min-height: 60px;
    }
    .navbar-inverse .navbar-toggle {
        margin-top: 14px;
    }
    .containerBtnNaranja {
        margin-bottom: 15px;
    }
    .carousel-control.right span {
        margin-left: -10px;
    }
    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control span, .carousel-control .fa-angle-right {
        top: 45%;
        font-size: 50px;
    }

    #newsletterFormContainer .btn-newsletter{
        margin-top:1.3rem;
    }

    .navbar-header .btn{
        padding: 5px 7px;
        border-radius: 2px;
        margin-top: 12px;
        margin-right: 4px;
        background:transparent;
        color:#7d7d7d;
        box-shadow:none;
    }
    .navbar-brand {
        /*float: left;*/
        text-align: center;
        height: 45px;
        padding: 4px 0px;
        font-size: 18px;
        line-height: 30px;
    }

    .imageHome {
        margin-top: -16px;
    }

    .navbar-inverse .navbar-nav > li > a {
        text-align: center;
        margin-top: 1.2rem;
        line-height: 1;
        /* margin-top: 2px; */
    }
    .titulo1{
        font-size: 20px;
        line-height: 20px;
        text-shadow: 1px 1px 20px rgba(0, 0, 0, .5);
    }

    #formularioCarrouselCont .search-card{
        height:auto;
        /*min-height: 163px;*/
    }

    #formularioCarrouselCont{
        padding: 0px 0px;
    }
    .containerBtnNaranja{
        padding: 15px;
    }
    .formContainer{
        padding: 25px;
    }
    .separator{
        border-width: 1px;
    }
    .form-control {
        font-size: 16px;
        padding: 20px 12px;
    }
    #formularioCarrouselCont .form-control{
        min-height: 34px;
    }
    .formContainer .btn {
        width: 100%;
        padding: 10px 30px;
        min-height: 55px;
    }

    .col-dos-images-right{
        padding: 0;
    }

    .col-xs-12.image-tres{
        padding: 0;
    }

    .container-gallery-home .image-left{
        padding-left:15px!important;
    }

    .container-gallery-home .image-right{
        padding-right:15px!important;
    }

    .container-gallery-home{
        padding: 1rem;
        width: 90%;
        margin-left: 40px!important;
    }

    .fill .caption{
        width: 70%;
    }
    #footer-social a {
        /*margin: 0 20px;*/
    }
    .project .col-c iframe{
        height: 180px;
    }
    .post-header h2 a, .post-header h1 {
        font-size: 18px;
    }
    .project iframe{
        height: 180px;
    }
    #picture_principal{
        height: 180px;
    }
    .home-gallery .item{
        /*height: 300px;*/
    }
    header.carousel {
        /*height: 440px!important;*/
    }
    .container-gallery-home {
        margin-top: 30px;
        margin-left: 0px;
        margin-right: 0px;
    }
    .promo-overlay {
        /*        padding-top: 40%;*/
        /*padding-top: 100px;*/
    }

    #newsletter .btnNaranja {
        float: right;
        border-radius: 50%;
        padding: 0px;
        line-height: 46px;
        font-size: 40px;
        width: 50px;
        padding-bottom: 15px;
        height: 50px;
        margin-top: -60px;
    }
    .fill .caption .title-h2{
        font-size: 12px;
        letter-spacing: 1px;
        text-transform: capitalize;
        margin-bottom: 10px;
    }
    .grid figure {
        max-height: 200px;
    }
    .navbar-header .btn.btn-contact{
        font-size: 18px;
        margin-right: 0.8rem;
        padding: 6px 5px;
        /* border-radius: 50%; */
        margin-top: 12px;
        background-color: transparent;
        border: none;
        box-shadow: none;
    }
    .navbar-header .btn.btn-contact .fa{
        color: #7d7d7d;
        font-size: 2.3rem;
    }
    #formularioCarrouselContProject {
        padding: 23px 17px;
        /*width: 75%;*/
    }
    .titleCover{
        width: 75%;
        min-width: 75%;
    }
    #formularioCarrouselContProject .titulo {
        font-size: 1.6rem;
    }
    #btnReservaOnline{
        font-size: 1.5rem;
        padding: 14px 8px;
    }
    .btnNaranjaTransparente{
        font-size: 1.1rem;
        float:none !important;
    }
    .btnNaranjaTransparente .fa {
        font-size: 1.2rem;
    }
    .linksProjectContainer a{
        margin-bottom: 5px;
    }
    #masterplanBarrios .panel-title{
        font-size: 1.4rem;
    }
    #masterplanBarrios .fa-collapse{
        font-size: 1.9rem;
    }
    #masterplanBarrios .list-group-item div{
        text-align: left !important;
    }
    .collapsableBarrios .panel-title,.collapsableDefault .panel-title{
        font-size: 1.4rem;
        line-height: 1.2;
    }
    .collapsableBarrios .fa-collapse,.collapsableDefault .fa-collapse{
        font-size: 1.9rem;
    }
    .collapsableBarrios .list-group-item div{
        text-align: left !important;
    }

    .circleAzul{
        padding:7%;
    }
    .fontIcons h4{
        margin-top: 60px;
    }
    #unidades-proyecto .home-button h4{
        margin-bottom:3.5rem;
    }

    #navbar .btn.btn-primary{
        margin-top: 1rem!important;
        background:transparent!important;
        color:inherit;
        box-shadow: none;
        font-size: 2rem;
        color: #7d7d7d!important;
    }

    #navbar .btn.btn-primary span{
        font-size:2rem;
    }

    #navbar a.btn.btn-primary {
        font-size: 2rem;
    }

    .navbar-header span.fa.fa-user {
        font-size: 2.5rem;
    }


    .btn-login-media{
        margin-top: 2rem;
    }
    .gallery img{
        padding: 0;
    }
    .vertical-center{
        margin-left: 0;
        transform: translateX(5%);
    }

    iframe.shadow-video{
        height:180px;
        padding-bottom: 0;
    }

    .item.imagen-2-card {
        max-height: 200px;
        background-position-y: 75%;
    }
    .item.imagen-3-card {
        max-height: 200px;
        background-position-y: 75%;
    }

    .item.imagen-2-card.promo-overlay{
        padding-top: 70px;
    }
    .item.imagen-3-card.promo-overlay{
        padding-top: 70px;
    }
    .post-header.derecha, .post-header.izquierda, .post-descripcion{
        text-align: center;
    }

    .close{
        font-size: 45px;
    }

    .backParallax{
        background-attachment: initial;
        background: initial;
    }
    #autoCompleteProjects{
        margin-bottom: 10px;
    }
}


@media (max-width:767px){
    .navbar-inverse .navbar-nav > li > a{
        text-align: left!important;
        line-height: 2;
        padding-left: 2.4rem;
        font-size: 1.4rem;
        color: #4c4c4c;
        font-size: 1.3rem;
    }

    .imageHome {
        margin-top: -16px;
    }

    header.carousel{
        /*height: 529px!important;*/
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
        line-height: 1.8;
        color: #4c4c4c;
        font-size: 1.3rem;
    }
    .borderTrans {
        padding: 1px;
    }

    #formularioCarrouselCont .formContainer .btn-info{
        margin-top: 1.2rem!important;
    }

    .col-sm-4.transitions.caja-projects{
        margin-top: 2rem;
    }
    .cardsFaq .cardIcon img {
        margin: 0 auto;
        width: 45%;
    }



}


@media (max-width:750px) {
    .imageHome {
        margin-top: -15px;
        margin-right: 0px;

    }
}



@media (max-width:640px){
    header.carousel {
        /*height: 530px!important;*/
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control span, .carousel-control .fa-angle-right{
        top: 30%;
    }

    .titulo1 {
        font-size: 30px;
        line-height: 32px;
        text-shadow: 1px 1px 20px rgba(0, 0, 0, .5);
    }

    #formularioCarrouselCont .formContainer .btn-info{
        min-height: 45px;
        margin-top: 2rem;
    }

    #formularioCarrouselCont input.form-control.dropdown-toggle{
        padding-left:15px!important;
    }

    #formularioCarrouselCont .col-sm-5.imput-tipo{
        padding-right:15px;
    }

    #formularioCarrouselCont .col-sm-4.imput-ubicacion{
        padding-left:15px;
        padding-right:15px;
    }

    #formularioCarrouselCont .col-sm-3.search-home{
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }

    .circleAzul{
        padding:10%;
    }

    .imageHome{
        margin-top: -9px;
        width: 79%;
    }

    #iconosLandings .icons, i.circleAzul {
        font-size: 5rem;
    }

    .material-icons, #iconos .fa, #iconos .fa-comments{
        font-size:5rem;
    }

    .article .text{
        padding:0.5rem;
    }

    .home-button p{
        padding:0;
    }

    .iconsLandingsContainer{
        padding: 25px 33px!important;
    }

    #formularioCarrouselCont .search-card{
        height: auto;
        /*min-height: 281px;*/
        padding: 3rem 1rem;
    }

    .titleUnderlined{
        margin-top: 2rem;
        line-height: 1;
    }
    h4.truncateTexto{
        float:left;
    }
}


@media (max-width: 400px) {
    #masterplanBarrios .panel-title{
        font-size: 1.1rem;
    }
    #masterplanBarrios .fa-collapse{
        font-size: 1.6rem;
        transform: translateX(50%);
    }
    .collapsableBarrios .panel-title,.collapsableDefault .panel-title{
        font-size: 1.25rem;
        line-height: 1.2;
    }
    .collapsableBarrios .fa-collapse,.collapsableDefault .fa-collapse{
        font-size: 1.6rem;
        transform: translateX(50%);
    }
    .imageHome{
        margin-top: -6px;
        width: 70%;
        margin-left: -1rem;
    }
    .fontIcons h4{
        margin-top: 44px;
    }
    .navbar-header .btn.btn-contact .fa{
        font-size:1.5rem;
    }

    .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control span, .carousel-control .fa-angle-right{
        top: 25%;
    }
    .captcha-control{
        transform: scale(0.5);
        -webkit-transform: scale(0.5);
    }
}


@media (max-width: 380px){
    .navbar-brand{
        margin-right: -10%!important;
    }

    .imageHome{
        margin-top: 9px;
        width: 64%;
        margin-left: -10px;
    }

    .navbar-header .btn.btn-contact .fa{
        font-size: 1.8rem;
    }

    .home-button p{
        font-size: 1.3rem!important;
    }
}

@media (max-width: 360px){

    .navbar-header .btn.btn-contact .fa{
        font-size: 1.6rem;
    }

    .home-button p{
        font-size: 1.2rem!important;
    }

}

@media (min-width: 769px) {
    .imageHome{
     margin-right: 60px;
 }

 .modal-dialog{
    width:700px;
}

.cardsFaq{
    width: 110%;
}

#formularioCarrouselCont .search-card{
    height: auto;
    /*min-height: 141px;*/
}


}

@media only screen and (min-width: 769px) and (max-width: 991px) {
    /* SM */
    .section {
        padding-top: 25px;
        padding-bottom: 30px;
    }
    #footer-social {
        text-align: left;
        margin-left: 0px;
    }
    #footer-social .row{
        margin-left: -30px;
    }
    .container-gallery-home {
        margin-left: -25px;
        margin-right: -15px;
    }
    .promo-overlay {
        padding-top: 40%;
    }
    .promo-overlay button {
        width: 150px;
        font-size: 12px;
    }
    #formularioCarrouselCont {
        /*padding-top: 30px;*/
    }
    .captcha-control{
        transform: scale(0.5);
        webkit-transform: scale(0.5);
    }

}



#navbar .btn.btn-primary span {
    margin-right: 0;
}
.imageHome {
    margin-right: 0px;
}
.navbar-brand {
    padding: 15px 0px;

}
.nav > li > a {
    padding: 10px 10px;
    font-size: 12px!important;
}

.containerBtnNaranja {
    margin-bottom: 6px;
}
/* For portrait layouts only */
#picture_principal{
    height: 250px;

}
.home-gallery .item{
    /*height: 120px;*/
}
.home-gallery .item h4{
    font-size: 10px;
}
header.carousel {
    /*height: 460px;*/
}

.grid figure {
    max-height: 200px;
}
.btnNaranjaTransparente{
    float:none !important;
}



@media (min-width: 992px){
    .container-gallery-home .image-right{
        padding-left:0px;
    }

    .container-gallery-home .image-left{
        padding-right:0px;
    }

}
@media (max-width: 992px){
    .btn-upload-file {
        width: 100%;
    }
}


@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* MD */
    .container-gallery-home {
        margin-top: 60px;
        margin-left: 10px;
        margin-right: 10px;
    }
    .promo-overlay {
        padding-top: 58px;
    }
    .promo-overlay button {
        /*width: 180px;*/
        font-size: 12px;
    }

    #navbar .btn.btn-primary span {
        margin-right: 0;
    }
    .nav > li > a {
        padding: 10px 10px;
    }
    .containerBtnNaranja {
        padding: 10px;
        margin-bottom: 15px;
    }
    .titulo1{
        font-size: 50px;
        line-height: 45px;
        text-shadow: 1px 1px 20px rgba(0, 0, 0, .5);
    }
    /* For portrait layouts only */
    #picture_principal{
        height: 250px;

    }
    .home-gallery .item{
        height: 180px;
    }
    .home-gallery .item h4{
        font-size: 10px;
    }
    header.carousel {
        /*height: 450px;*/
    }
    .grid figure {
        max-height: 200px;
    }
    .btnNaranjaTransparente {
        float: none !important;
    }

    .captcha-control{
        transform: scale(0.76);
        -webkit-transform: scale(0.76);
    }
}
@media (min-width: 1200px) {
    /* LG */
}


@media (min-width: 641px)and (max-width: 900px){
    .titulo1{
        font-size: 40px;
        line-height: 35px;
        text-shadow: 1px 1px 20px rgba(0, 0, 0, .5);
    }
}



@media (max-width:800px){
    header.carousel {
        /*height: 430px;*/
    }
}
@media (max-width:1200px){
    .btn-invertido {
        font-size: 1rem;
        padding: 15px 24px;
    }

    #navbar .btn.btn-primary{
        background:transparent;
        color:inherit;
        box-shadow: none;
        font-size: 2rem;
    }
}

@media (min-width:480px){
    #verBarrio header.carousel {
        height: 300px;
    }

}

@media (max-width:480px){
    .btnNaranja, .btnVerde{
        width: 80%;
    }
    .container-gallery-home{
        width:100%;
        margin-left:0px!important;
    }
    .post-header h2{
        font-size: 2.35rem;
        line-height:1;
    }
    #clavesDeNuestroTrabajo h4.subtitle-icon{
        font-size:13px;
        white-space: normal!important;
    }
    .home-button p{
        font-size: 1.45rem;
    }

    .iconsLandingsContainer{
        padding: 25px 33px!important;
        margin-top: 1.5rem;
    }

    #newsletter .btnNaranja {
        float: right;
        border-radius: 50%;
        padding: 0px;
        line-height: 46px;
        font-size: 42px;
        width: 55px;
        padding-bottom: 15px;
        height: 55px;
        margin-top: -60px;
    }

    .coverProject{
        height: 200px;
    }

    #desarrollosComunitarios .cardImage{
        min-height: 200px;
    }

    .iconosDesarrollo360{
        height: 150px;
        background-size: 32%;
    }
    h4.truncateTexto{
        white-space: unset;
    }
    #verBarrio header.carousel {
        height: 235px;
    }

    .navbar-brand{
        padding-right: 0;
    }

    i.material-icons.right.points-card {
        float: right;
        margin-top: -2rem;
    }

    .titleUnderlined{
        margin-botom:0;
    }

    .post-header.izquierda {
        margin-bottom: 0;
    }

    .post-header.derecha, .post-header.izquierda, .post-descripcion{
        text-align: left;
    }

}

@media(max-width:460px){
    #formularioCarrouselCont .search-card{
        height: auto;
        /*min-height: 242px;*/
        padding: 2rem 0;
    }

    .captcha-control{
        transform: scale(0.66);
        -webkit-transform: scale(0.66);
    }
}


@media(max-width:425px){
    .navbar-header span.fa.fa-user{
        font-size: 2rem;
    }
    .navbar-header .btn.btn-contact .fa{
        font-size: 2rem;
    }
}

@media(max-width:415px){
    .navbar-header span.fa.fa-user{
        font-size: 1.5rem;
    }
    .navbar-header .btn.btn-contact .fa{
        font-size: 1.5rem;
    }

    .contenedorClaves{
        padding-left: 0;
        padding-right: 0;
    }
}

@media(max-width:395px){
    .navbar-header span.fa.fa-user{
        font-size: 1.35rem;
    }
    .navbar-header .btn.btn-contact .fa{
        font-size: 1.35rem;
    }

    .imageHome {
        margin-top: -4px;
        margin-right: 0px;
        margin-left: -1rem;
    }
}

/* Iphone 6 375x667*/
@media (max-width: 375px){
    .titulo1{
        font-size: 30px!important;
        line-height: 32px!important;
    }

    .titulo2 {
        font-size: 22px!important;
    }

    #formularioCarrouselCont .search-card{
        padding: 1.5rem 0!important;
    }

    .navbar-header .btn.btn-contact .fa{
        font-size: 1.7rem;
    }
}

@media  (max-width: 355px) {
    .navbar-header .btn.btn-contact .fa{
        font-size: 1.5rem;
    }
}



@media(max-width:344px){
    .navbar-header span.fa.fa-user{
        font-size: 1.3rem;
    }
    .navbar-header .btn.btn-contact .fa{
        font-size: 1.3rem;
    }
    .imageHome {
        margin-top: -3px;
        margin-right: 0px;
        margin-left: -1.5rem;
    }

}



@media (max-width:340px) {
    .imageHome {
        margin-top:-1px;
        width: 59%;
        margin-left: -15px
    }

    .navbar-header span.fa.fa-user{
        font-size: 1.2rem;
    }
    .navbar-header .btn.btn-contact .fa{
        font-size: 1.2rem;
    }

    .contenedorClaves{
        padding-left: 0;
        padding-right: 0;
    }
}

/*iphone5 320px*/
@media (max-width:330px){

    .navbar-brand {
        padding-right: 0;
    }

    .navbar-toggle .icon-bar {
        width: 18px;
    }

    button#btnNuestroSistema{
        padding: 7px 29px;
        margin-top: -0.5rem;
    }

    .title-divider-home{
        margin: 0px auto 10px;
    }

    .iconsLandingsContainer {
        padding: 20px 37px!important;
        margin-top: 1.5rem;
    }

    #quienes_somos p {
        line-height: 1.25;
    }

    .section {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .post-header h2 {
        font-size: 2rem;
    }

    .article {
        margin-bottom: 20px;
    }

    .article .text{
        font-size: 1.51rem;
    }

    .h4 {
        font-size: 15px;
    }

    h4.title-resultado{
        text-align: center;
        font-size: 1.6rem;
    }

    #containerVerProject{
        padding-left: 0;
        padding-right: 0;
    }

    .btn-verProyectos{
        float: none!important;
    }


    #btnVerProyectosDisponibles, #btnVerPublicacionesSimilares, #btnVerProyectosTerminados{
        margin-left: 0!important;
        padding: 13px 16px;
    }

}

@media(max-width:767px){
    .gallery img {
        padding: 0 5px;
        height: 80%;
    }
}