/* screen - full-project */

.full-project {
  background-color: var(--gravel);
  height: 100vh;
  margin: 0px;
  min-height: 921px;
  min-width: 1240px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.full-project .video-KqxCzi {
  background-color: transparent;
  height: 583px;
  margin-top: 30px;
  overflow: hidden;
  position: absolute;
  width: 669px;
}

.full-project .video-KqxCzi video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.full-project .video-KqxCzi img {
  object-fit: cover;
}

.full-project .navbardesktop-KqxCzi {
  background-color: transparent;
  height: 115px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.full-project .group-2-sbO2nf {
  background-color: transparent;
  height: 18px;
  position: absolute;
  right: 80px;
  top: 49px;
  width: 517px;
}

.full-project .contact-GIuqLg {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  position: absolute;
  right: 0px;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.full-project .about-GIuqLg {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  position: absolute;
  right: 90px;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.full-project .developments-GIuqLg {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  position: absolute;
  right: 160px;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.full-project .sell-GIuqLg {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  position: absolute;
  right: 300px;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.full-project .buy-rent-GIuqLg {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  position: absolute;
  right: 360px;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.full-project .home-GIuqLg {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  line-height: 18px;
  position: absolute;
  right: 469px;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 49px;
}

.full-project .rectangle-sbO2nf {
  background-color: transparent;
  height: 81px;
  left: 52px;
  object-fit: cover;
  position: absolute;
  top: 19px;
  width: 323px;
}

.full-project .close-KqxCzi {
  background-color: transparent;
  cursor: pointer;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.25px;
  line-height: 19px;
  position: absolute;
  right: 80px;
  text-align: center;
  top: 101px;
  white-space: nowrap;
  width: auto;
}
/* screen - mobile */

.mobile {
  background-color: var(--gravel);
  height: 100vh;
  margin: 0px;
  min-height: 772px;
  min-width: 360px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.mobile .video-LP8vkM {
  background-color: transparent;
  height: 283px;
  margin-top: -64px;
  overflow: hidden;
  position: absolute;
  width: 324px;
}

.mobile .video-LP8vkM video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.mobile .video-LP8vkM img {
  object-fit: cover;
}

.mobile .navbarmobile-navbar-LP8vkM {
  background-color: transparent;
  height: 101px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.mobile .mobile-menu-tKyrHC {
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 40px;
  top: 31px;
  width: 41px;
}

.mobile .rectangle-DGBLli {
  background-color: var(--whiskey);
  height: 10px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 41px;
}

.mobile .rectangle-copy-DGBLli {
  background-color: var(--whiskey);
  height: 10px;
  left: 0px;
  position: absolute;
  top: 15px;
  width: 41px;
}

.mobile .rectangle-copy-2-DGBLli {
  background-color: var(--whiskey);
  height: 10px;
  left: 0px;
  position: absolute;
  top: 30px;
  width: 41px;
}

.mobile .rectangle-tKyrHC {
  background-color: transparent;
  height: 47px;
  left: 0.28%;
  object-fit: cover;
  position: absolute;
  top: 29px;
  width: 245px;
}

.mobile .close-LP8vkM {
  background-color: transparent;
  cursor: pointer;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.25px;
  line-height: 19px;
  position: absolute;
  right: 40px;
  text-align: center;
  top: 117px;
  white-space: nowrap;
  width: auto;
}
/* screen - tablet */

.tablet {
  background-color: var(--gravel);
  height: 100vh;
  margin: 0px;
  min-height: 1008px;
  min-width: 768px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.tablet .video-I45tVA {
  background-color: transparent;
  height: 574px;
  margin-top: -50px;
  overflow: hidden;
  position: absolute;
  width: 659px;
}

.tablet .video-I45tVA video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.tablet .video-I45tVA img {
  object-fit: cover;
}

.tablet .navbar-tablet-navbar-I45tVA {
  background-color: transparent;
  height: 101px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.tablet .mobile-menu-hiKx59 {
  background-color: transparent;
  cursor: pointer;
  height: 40px;
  position: absolute;
  right: 50px;
  top: 31px;
  width: 41px;
}

.tablet .rectangle-EOvqsU {
  background-color: var(--whiskey);
  height: 10px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 41px;
}

.tablet .rectangle-copy-EOvqsU {
  background-color: var(--whiskey);
  height: 10px;
  left: 0px;
  position: absolute;
  top: 15px;
  width: 41px;
}

.tablet .rectangle-copy-2-EOvqsU {
  background-color: var(--whiskey);
  height: 10px;
  left: 0px;
  position: absolute;
  top: 30px;
  width: 41px;
}

.tablet .rectangle-hiKx59 {
  background-color: transparent;
  height: 62px;
  left: 6px;
  object-fit: cover;
  position: absolute;
  top: 22px;
  width: 304px;
}

.tablet .close-I45tVA {
  background-color: transparent;
  cursor: pointer;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.25px;
  line-height: 19px;
  position: absolute;
  right: 50px;
  text-align: center;
  top: 101px;
  white-space: nowrap;
  width: auto;
}
/* screen - xl */

.xl {
  background-color: var(--gravel);
  height: 100vh;
  margin: 0px;
  min-height: 1080px;
  min-width: 1900px;
  overflow-x: hidden;
  position: relative;
  width: 100%;
}

.xl .video-KvGp54 {
  background-color: transparent;
  height: 764px;
  margin-top: 40px;
  overflow: hidden;
  position: absolute;
  width: 877px;
}

.xl .video-KvGp54 video {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.xl .video-KvGp54 img {
  object-fit: cover;
}

.xl .navbarxl-navbar-KvGp54 {
  background-color: transparent;
  height: 152px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}

.xl .rectangle-xNsUsa {
  background-color: transparent;
  height: 152px;
  left: 142px;
  object-fit: cover;
  position: absolute;
  top: 0px;
  width: 282px;
}

.xl .group-2-xNsUsa {
  background-color: transparent;
  height: 18px;
  position: absolute;
  right: 117px;
  top: 63px;
  width: 517px;
}

.xl .contact-ZUfVq0 {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 442px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.xl .about-ZUfVq0 {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 372px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.xl .developments-ZUfVq0 {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 231px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.xl .sell-ZUfVq0 {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 172px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.xl .buy-rent-ZUfVq0 {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 63px;
  line-height: 18px;
  position: absolute;
  text-align: right;
  top: 0px;
  white-space: nowrap;
  width: auto;
}

.xl .home-ZUfVq0 {
  background-color: transparent;
  color: var(--grandis);
  cursor: pointer;
  font-style: normal;
  font-weight: 400;
  height: auto;
  left: 0px;
  line-height: 18px;
  position: absolute;
  text-align: left;
  top: 0px;
  white-space: nowrap;
  width: 49px;
}

.xl .close-KvGp54 {
  background-color: transparent;
  cursor: pointer;
  font-weight: 300;
  height: auto;
  letter-spacing: 0.25px;
  line-height: 19px;
  position: absolute;
  right: 119px;
  text-align: center;
  top: 101px;
  white-space: nowrap;
  width: auto;
}
@media screen and (max-width: 767px) {
  .screen.full-project { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
  .screen.xl { 
    display: none;
   }
}
@media screen and (min-width: 768px) and (max-width: 1239px) {
  .screen.full-project { 
    display: none;
   }
  .screen.xl { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}
@media screen and (min-width: 1240px) and (max-width: 1899px) {
  .screen.tablet { 
    display: none;
   }
  .screen.xl { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}
@media screen and (min-width: 1900px) {
  .screen.full-project { 
    display: none;
   }
  .screen.tablet { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}