/* Responsive Large */
@media screen and (min-width: 2250px) {

}

/* Responsive */
@media screen and (max-width: 1900px) {
    /* Sección ECOLIVING */
    .eco-left {
        left: 0;
    }
    /*  */
}


@media screen and (max-width: 1800px) {
    /* Sección HOME */
    .tulumTitle img {
        left: 55%;
    }
    .tulumVideo {
        padding: 5% 0 0 8%;
    }
    /*  */

    /* Sección ECOLIVING */
    .ecolivingNumber {
        left: 15%;
    }
    .iguana {
        left: 26%;
    }
    /*  */
}

@media screen and (max-width: 1700px) {
    /* Sección HOME */
    .tulumTitle img {
        left: 50%;
    }
    .purposeContent img {
        left: -110%;
    }
    /*  */

    /* Sección ECOLIVING */
    .iguana {
        left: 25%;
        top: 27%;
    }
    .eco-left {
        left: -10%;
    }
    /*  */
}

@media screen and (max-width: 1600px) {
    /* Sección HOME */
    .tulumTitle img {
        left: 45%;
    }
    /*  */

    /* Sección ECOLIVING */
    .iguana {
        left: 20%;
    }
    .ecolivingNumber {
        left: 10%;
    }
    .eco-left {
        width: 65%;
    }
    /*  */
}

@media screen and (max-width: 1500px) {
    /* Sección HOME */
    .logoTitle h1 , .logoTitle h2 , .tulumTitle h1 , .privalTitle h1 , .purposeTitle h1{
        font-size: 4em;
    }
    .welcomeTitle h1 {
        font-size: 5em;
    }
    .welcomeText p , .privalText p{
        font-size: 1.1em;
    }
    .purposeNumber h1 {
        font-size: 12em;
    }
    .purposeSubtitle h2 {
        font-size: 2.5em;
    }
    .purposeText p , .purposeBottom p {
        font-size: 1.1em;
    }
    .purposeContent img {
        width: 100%;
        height: auto;
        left: -85%;
    }
    /*  */

    /* Sección DESIGN */
    .designText {
        padding-left: 23%;
    }
    .designTitle {
        font-size: 6em;
        letter-spacing: 0;
    }

    .designSubtitle {
        font-size: 2.5em;
    }
    .designParagrahp p {
        font-size: 1.4em;
    }

    .designParagrahp {
        padding: 5% 10% 5% 0;
    }
    .designAuthor {
        padding: 0 10% 3% 0;
    }
    .designFooter {
        padding: 0 10% 3% 0;
    }
    /* .carouselIntro {
        width: 70%;
        margin-left: -10%;
    } */
    .pelican {
        right: 0;
    }
    /*  */

    /* Sección INVENTORY */
    .inventoryTitle h1 {
        font-size: 4em;
    }
    .inventoryFloor {
        width: 70%;
    }
    /*  */

    /* Sección ECOLIVING */
    .ecolivingTitle h1 {
        font-size: 22em;
    }

    .iguana {
        top: 26%;
        left: 25%;
    }

    .ecolivingSubtitle {
        padding: 0 4% 0 0;
    }
    /*  */

    /* Sección REAL STATE */
    .realTitle h1 {
        font-size: 5em;
    }
    .realText h3 {
        font-size: 2em;
    }
    /*  */
}

@media screen and (max-width: 1400px) {
    /* Sección HOME */
    .tulumTitle img {
        left: 40%;
    }
    /*  */

    /* Sección DESIGN */
    .designParagrahp {
        padding: 5% 5% 5% 0;
    }
    .designAuthor {
        padding: 0 5% 3% 0;
    }
    .designFooter {
        padding: 0 5% 3% 0;
    }
    .designText {
        padding-left: 15%;
        text-align: center;
    }
    .carouselText , .carouselTitle{
        width: 85%;
    }
    .pelican {
        width: 40%;
    }
    /*  */

    /* Sección INVENTORY */
    .floorTitle h3 {
        font-size: 2em;
    }
    /*  */

    /* Sección ECOLIVING */
    .ecolivingTitle {
        top: 16%;
    }
    .ecolivingTitle h1 {
        font-size: 20em;
    }

    /*  */
}

@media screen and (max-width: 1300px) {
    /* Sección HOME */
    .tulumTitle img {
        left: 30%;
    }
    .tulumText p {
        font-size: 1.1em;
    }
    .tulumVideo {
        padding: 15% 0 0 8%;
    }
    .purposeTitle {
        width: 85%;
    }
    .welcomeTitle img {
        left: 5%;
    }
    /*  */

    /* Sección DESIGN */
    .redfish {
        left: 10%;
        top: -25%;
    }
    .amenityTitle h1 , .amenitySubtitle h1{
        font-size: 1.5em;
    }
    /*  */

    /* Sección INVENTORY */
    .arrowUp {
        width: 55%;
    }
    /*  */

    /* Sección ECOLIVING */
    .ecolivingNumber h1 {
        font-size: 13em;
    }
    .ecolivingTitle h1 {
        font-size: 18em;
    }
    .ecolivingSubtitle {
        top: 35%;
    }
    .iguana {
        top: 25%;
        left: 27%;
    }
    .eco-left {
        left: -20%;
        bottom: 0;
    }
    /*  */
}

@media screen and (max-width: 1200px) {
    /* Sección HOME */
    .reel-video {
        left: 20%;
    }
    .welcomeTitle {
        padding: 0 7% 0 0;
    }
    .welcomeTitle h1 {
        font-size: 4em;
    }
    .welcomeText p , .privalText p , .tulumText p , .purposeText p, .purposeBottom p{
        font-size: 1em;
    }
    .purposeNumber h1 {
        font-size: 10em;
    }
    .purposeSubtitle h2 {
        font-size: 2em;
    }
    /*  */

    /* Sección DESIGN */
    .designTitle {
        font-size: 5em;
    }
    .designSubtitle {
        font-size: 2em;
    }
    .designParagrahp p , .designAuthor p , .designFooter p{
        font-size: 1em;
    }
    .carouselTitle h2 {
        font-size: 2em;
    }
    .carouselText p {
        font-size: 1em;
    }
    /*  */

    /* Sección INVENTORY */
    .inventoryFloor {
        width: 80%;
    }
    /*  */

    /* Sección ECOLIVING */
    .ecolivingNumber h1 {
        font-size: 11em;
    }
    .ecolivingTitle h1 {
        font-size: 16em;
    }
    .iguana {
        top: 24%;
        left: 30%;
    }
    .ecolivingSubtitle h1 {
        font-size: 6em;
    }
    .ecolivingSubtitle {
        top: 32%;
    }
    .ecolivingBtm span {
        font-size: 1.3em;
    }

     .ecolivingBtm p {
        font-size: 1em;
    }
    /*  */

    /* Sección REAL STATE */
    .realTitle h2 {
        font-size: 1.2em;
        letter-spacing: 2px;
    }
    /*  */
}

@media screen and (max-width: 1100px) {
    /* Sección HOME */
    .tulumTitle img {
        left: 20%;
    }
    /*  */
}


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

}

@media screen and (max-width: 992px) {
    html,body {
        line-height: 0;
    }
    .pc-version {
        display: none;
    }
    .mobile {
        display: inline-block;
    }

    /* Navbar PC */
    .sideNavRight , .navbarPC {
        display: none!important;
    }
    /*  */

    /* Home */
    .purposeMore {
        padding: 4% 0 0% 5%;
    }
    /*  */


    /* INVENTORY */
    .inventoryFloor {
        width: 90%;
        float: none;
        margin: 0 auto;
    }

    .inventoryTitle {
        width: 100%;
        float: none;
    }
    /*  */

    /* Department Modal */
    .departmentTitle h3 {
        font-size: 3em;
    }

    .departmentDescription ul li {
      font-size: 1.1em;
      line-height: 45px;
    }
    .departmentPrice h5 {
        font-size: 2.8em;
    }
    #youtube_section {
        line-height: 1.5;
    }
    /*  */
}

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

}

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

}

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

}

@media screen and (max-width: 700px) {
    /* HOME Responsive */
    /* .welcomeLeft , .welcomeRight {
        display: none;
    } */

    .welcomeRight h1, .welcomeRight h2 , #youtube_section h1{
        font-size: 2em;
    }

    .welcomeLeft img {
        width: 30%;
    }
    /*  */

    /* DESIGN Responsive */
    .pelicanRG {
        width: 60%;
    }
    /*  */
}

@media screen and (max-width: 600px) {
    /* HOME Responsive */
    .homeRespTitle h1 , .welcomeReTitle h1 , .privgreenTitle h1 , .mainPTitle h1{
        font-size: 2.15em;
    }

    .homeParagraph p , .welcomeReParagraph p , .privgreenParagraph p{
        font-size: 1em;
    }
    .homeRedFish {
        width: 35%;
        top: 25%;
    }
    .homeBlueFish {
        width: 35%;
        top: 0;
    }
    .borG {
        border: none;
    }
    .purposeRBird {
        width: 50%;
        top: 10%;
    }

    .mainPParts {
        width: 85%;
    }
    /*  */

    /* DESIGN Responsive*/
    .desRTitle {
        text-align: right;
    }
    .desNumber {
        font-size: 6em;
        color: #000000;
    }

    .subtDes {
        padding: 0 0 5% 0;
        text-align: right;
    }

    .desRText {
        text-align: right;
    }

    .amenityHeader {
        width: 95%;
    }

    .amenityHeader h1 , .amanitySubheader h1{
        font-size: 2.15em;
    }

    .pelicanRG {
        width: 60%;
    }
    /*  */

    /* INVENTORY Responsive */
    .floorTitle h3 {
        font-size: 1.2em;
    }
    .inventoryTitle h1 {
        font-size: 2.15em;
    }
    /*  */

    /* ECOLIVING Responsive */
    .iguanaResp {
        width: 35%;
        top: -10px;
    }
    .ecolivingHeader h1 , .ecolivingHeader h2{
        font-size: 2.5em;
    }
    /*  */

    /* REAL STATE Responsive */
    .realStHeader h1 {
        font-size: 2.5em;
    }

    .realStHeader h2 {
        font-size: 1.5em;
    }

    .realStRight {
        width: 85%;
    }

    #realStResp {
        background-size: 55% 50%;
        background-position: top right;
    }
    /*  */

    /* Status department */
    .inventoryInfo h5 {
        font-size: 1em;
    }

    .inventoryInfo h6 {
        font-size: .9em;
    }
    /*  */

    /* Department Modal */
    .departmentTitle h3 {
        font-size: 2em;
    }

    .departmentDescription ul li {
      font-size: 1em;
      line-height: 35px;
    }
    .departmentPrice h5 {
        font-size: 1.5em;
    }
    /*  */
}

@media screen and (max-width: 500px) {
    /* Status department */
    .inventoryInfo h5 {
        font-size: .8em;
    }

    .inventoryInfo h6 {
        font-size: .6em;
    }
    /*  */
    .galleryText p {
        font-size: 1.2em;
    }

    #socialFooter {
        padding: 0 0 20% 0;
    }
}

@media screen and (max-width: 400px) {
    /* HOME Responsive */
    .welcomeLeft img {
        width: 75%;
    }
    .welcomeLeft {
        width: 20%;
    }
    .welcomeRight {
        width: 79%;
    }
    .homeRespTitle h1, .welcomeReTitle h1, .privgreenTitle h1, .mainPTitle h1 , .purposTitle h2 , #youtube_section h1{
        font-size: 1.7em;
    }
    /*  */

    /* DESIGN Responsive */
    .desTitle {
        font-size: 2em;
    }

    .desNumber {
        font-size: 4em;
    }
    .desRText p , .desRText span{
        font-size: 1em;
    }
    .amenityHeader h1 , .amanitySubheader h1 , .galleryRText h1{
        font-size: 1.7em;
    }

    .galleryRText p {
        font-size: 1em;
    }
    /*  */

    /* INVENTORY  */
    .inventoryTitle h1 {
        font-size: 1.7em;
    }
    /*  */

    /* ECOLIVING Responsive */
    .ecolivingHeader h1, .ecolivingHeader h2 {
        font-size: 2em;
    }

    .ecolivingRText p {
        font-size: 1em;
    }

    .ecoRiResp {
        width: 15%;
        bottom: 5%;
    }
    /*  */

    /* REAL STATE Responsive */
    .realStHeader h1 {
        font-size: 2em;
    }

    .realStHeader h2 {
        font-size: 1em;
    }

    .realStBottom h3 {
        font-size: 2em;
    }
    .realStBottom p {
        font-size: 1em;
    }
    /*  */
}

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

}



/* Landscape Responsive */
@media screen and (max-height: 700px) and (orientation: landscape) {
    /* Sección ECOLIVING */
    .iguana {
        top: 29%;
        left: 17%;
    }
    .ecolivingSubtitle {
        top: 40%;
    }
    /*  */

    /* Sección REAL STATE */
    .arrowUp {
        width: 45%;
    }
    .realText {
        height: 66%;
    }
    .realNumber h1 {
        font-size: 11em;
    }
    /*  */
}

@media screen and (max-height: 500px) and (orientation: landscape) {
    .homeRespVideo iframe {
        height: 100vh;
    }

    .ecolivingMult iframe {
        height: 100vh;
    }
}

@media screen and (max-height: 320px) and (orientation: landscape) {

}
/*  */