/* R E S P O N S I V E  P A G E*/


/* M E D I A  Q U E R I E S */
@media screen and (max-width:1700px){
    /* Parallax */
    .contactStreet {
        font-size: .9em;
    }
}

@media screen and (max-width:1600px){
    /* Seccion C O N J U N T O */
    #lugares
    {
        width: 70%;
        left: 15%;
    }
}

@media screen and (max-width:1500px){
    /*Inicio*/
    #vinteLogo {
        padding-top: 6%;
    }
    /* Seccion footer amenidades */
    #footerAmenidad
    {
        bottom: 0%;
    }
    /***********/

    /*Exclusividad*/
    #exclusividadTit h2 {
        font-size: 3.5em;
    }
    #exclusividadText {
        width: 40%;
        left: 54%;
    }

    /*La vista*/
    #amenidadTit h3
    {
        letter-spacing: .15em;
    }
    /***********/
    /* Parallax */
    .contactStreet {
        font-size: .8em;
    }
    /***********/
    /*La vista*/
    .services
    {
        max-width: 65%!important;
    }
}

@media screen and (max-width:1400px) {
    /* Seccion B I E N V E N I D O */
    #bienvenidoMain
    {
        padding-top: 8%;
    }
    /***********/
}
@media screen and (max-width:1371px){
    /* Seccion Plantas */
    #plantaContent {
        height: 140vh;
    }
    /*Exclusividad*/
    #exclusividadTit h2 {
        font-size: 3.2em;
    }
}

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

    /*inicio*/
    #phoneContent {
        width: 20%;
    }

    #misionLogo {
        width: 25%;
    }

    #vinteLogo {
        width: 25%;
    }
    /***********/
    /* Seccion C O N J U N T O */
    #lugares
    {
        width: 80%;
        left: 10%;
    }
    /***********/

    /*La vista*/
    #vistaBackground {
        height: auto;
    }
    #amenidadTit h3
    {
        letter-spacing: .15em;
    }
    .services
    {
        max-width: 75%!important;
    }
    /***********/

    /* Parallax */
    .contactStreet {
        font-size: .7em;
    }
    /*.parallax-container {
      height: 30%!important;
    }*/
}

@media screen and (max-width:1200px){
    /*Exclusividad*/
    #exclusividadTit h2 {
        font-size: 3em;
    }
    #exclusividadText {
        left: 60%;
    }
}

@media screen and (max-width:1150px){
    /* Seccion Plantas */
    #plantaContent {
        height: 100vh;
    }
    #amenidadSection {
        top:55%;
    }
    /* Seccion C O N J U N T O */
    #lugares
    {
        width: 90%;
        left: 8%;
    }
    /***********/
    /*Exclusividad*/
    #exclusividadTit h2 {
        font-size: 2.8em;
    }
    /***********/

    /*La vista*/
    .amenidadList p
    {
        font-size: .8em;
    }
}

@media screen and (max-width:992px){
    .activeMenu
    {
        background-color:rgba(178, 185, 87,.6)!important;
        color:#282727!important;
        border-bottom: none;
    }

    /* Seccion Plantas */
    #plantaContent {
        height: 85vh;
    }
    #amenidadSection {
        top:50%;
    }
    /***********/
    /* Seccion C O N J U N T O */
    #conjuntoSection {
        height: auto;
    }
    #lugares
    {
    position: inherit;
    width: 100%;
    left: 0%;
    }
    /***********/

    /*Exclusividad*/
    #exclusividadSection{
        display: none;
    }

    #exclusividadIntro , #exclusividadTextMob{
        display: inline;
    }
    /***********/

    /*La vista*/
    #vistaBackground {
        height: auto;
    }

    /* Parallax */
    #faceContact {
        width: 5%;
    }
    #logoVinte {
        width: 45%;
    }

    #misionInvisble {
        width: 20%;
    }
    #vistaPicture {
        width: 40%;
    }
    /***********/
}

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

    /*navbar*/
    #logoNavbar {
        width: 90%;
        padding-top: 2%;
    }

    /*gallery arrows*/
    .owl-nav {
        display: none;
    }

    /*inicio*/
    #inicio{
        height: auto;
        background-color: #ffffff;
        background-image: none;
    }
    #contactoPhone , #contactoBottom{
        display: none;
    }

    #inicioMobile , #logoMobile {
        display: inline;
    }
    /***********/

    /*bienvenido*/
    #bienvenido {
        height: auto;
        background-image: none;
        background-color: #ffffff;
    }

    #bienvenidoMain {
        display: none;
    }

    #bienvenidoMobile , #introMobile {
        display: inline;
    }

    #introTit h3
    {
        font-family: 'Noto Serif', serif;
        color: #282727;
        text-transform: uppercase;
    }

    #introTxt p
    {
        color: #282727;
        font-weight: 300;
        font-family: 'Lato', serif;
        font-size: 1.4em;
    }

    #introTxt p:nth-child(3){
        text-transform: uppercase;
    }
    /***********/

    /*amenidades*/
    #amenidades {
        width: 100%;
        height: auto;
    }
    #amenidadContent, #plantaContent, #amenidadSection  ,#footerAmenidad{
        position:inherit;
        height: auto;
    }

    /*conjuntos*/
    #conjuntoSection {
        height: auto;
    }

    #conjuntoResidencial {
        width: 100%;
    }

    #ubicacionHeader {
        width: 100%;
        position: inherit;
    }

    #lugares {
        width: 100%;
        position: inherit;
    }

    #exclusividadSection{
        display: none;
    }

    #exclusividadIntro , #exclusividadTextMob{
        display: inline;
    }

    /***********/

    /*la vista*/
    #vistaIntro {
        display: none;
    }
    #vistaMobile {
        display: inline;
    }
    #vistaBackground {
        height: auto;
    }

    #vistaTit h3
    {
        letter-spacing: .15em;
        font-size: 1.8em;
    }

    #amenidadTit h3
    {
        font-size: 1.8em;
        letter-spacing: 0;
    }

    #amenidadesContent
    {
        padding-left:    0%;
        padding-right:   0%;
    }

    #vistaTxt
    {
        padding-left:    0%;
        padding-right:   0%;
    }

    .amenidadList {
        padding-left: 0%;
        padding-right: 0%;
    }
    /***********/

    /*contacto*/
    #contactoForm {
        display: none;
    }

    #contactoMobile , #formDevice {
        display: inline;
    }

    .contactoContent {
        width: 100%;
    }

    /* Parallax */
    .parallax-container, footer
    {
        display: none;
    }
    #footerPhone
    {
        display: inline;
    }
    .contactStreet {
        font-size: 1em;
    }
}

/* M O B I L E */
@media screen and (max-width:600px){
    /*La vista*/
    .services
    {
        max-width: 40%!important;
    }
    /***********/
}