@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
   #main.home #hero .content-max-width {
      padding-left: 3.5vw !important;
      padding-right: 3.5vw !important;
   }
   footer {
      position: relative;
   }
}

@media (min-width: 1921px) {
   #page-content.kali .kali-views1.full.xlarge .one_half .content-half {
      max-width: unset;
      width: unset;
   }
   #page-content.kali .kali-views1 .one_half .content-half img,
   #page-content.kali .kali-views3 .one_half .content-half img {
      max-height: 140vh !important;
      height: 80vh !important;
   }
   #page-content.kali .kali-exploded {
      margin-top: calc(var(--vwScale) * 70) !important;
   }
}

@media (max-width: 1550px) {
   .iqperfetto-det2 .content-full {
      transform: translate(29%, 0%);
   }
   .iqperfetto-det3 {
      margin-top: 35%;
   }
}

@media (max-width: 1279px) {
   body.device-desktop #h-100 {
      height: 90vh !important;
   }
   /* .text-align-center .hero-arrow {
      bottom: 8%;
   } */
   body.device-desktop .fullscreen-menu .flexnav li a {
      font-size: calc(2rem + 3vw) !important;
      line-height: calc(2rem + 3vw) !important;
   }

   body.device-desktop .fullscreen-menu .flexnav li ul li a {
      text-align: center;
      font-size: calc(6vw) !important;
      line-height: calc(12vw) !important;
   }
   body.device-desktop .flexnav {
      list-style-type: none;
      margin-left: 180px;
   }

   body.device-desktop .fullscreen-menu .flexnav li ul.submenu {
      margin-left: 40px;
      margin-top: 20px;
   }
   body.device-desktop .fullscreen-menu .flexnav li {
      text-align: left;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      font-weight: 700 !important;
   }
   body.device-desktop .fullscreen-menu.invert-header .flexnav li a {
      padding: 0;
      width: inherit;
      font-weight: 700 !important;
      letter-spacing: -3px;
   }
   body.device-desktop .flexnav:hover li ul li a {
      opacity: 1 !important;
      color: #777 !important;
   }
   body.device-desktop .fullscreen-menu.invert-header .flexnav li ul.submenu li a {
      color: #777 !important;
      font-size: calc(2.5vw) !important;
      line-height: calc(5vw) !important;
      text-align: left;
   }
   /* body.device-desktop #hero-bg-image {
      background-size: 40vw !important;
   } */

   body.device-desktop
      #main.project-detail.detail-project
      #hero.has-image
      #caption-img
      .inner
      .from,
   body.device-desktop
      #main.project-detail.detail-project
      #hero.has-image
      #hero-caption
      .inner
      .from {
      font-size: 2.4vw;
   }

   body.device-desktop
      #main.project-detail.detail-project
      #hero.has-image
      #caption-img
      .inner
      .desc,
   body.device-desktop
      #main.project-detail.detail-project
      #hero.has-image
      #hero-caption
      .inner
      .desc {
      font-size: 1.8vw;
   }

   body.device-desktop
      #main.project-detail.detail-project
      #hero.has-image
      #caption-img
      .inner
      .anio,
   body.device-desktop
      #main.project-detail.detail-project
      #hero.has-image
      #hero-caption
      .inner
      .anio {
      font-size: 1.4vw;
   }

   /* body.device-desktop
      #main.project-detail.detail-project
      #hero.has-image
      #hero-description
      .inner {
      max-width: 40vw;
   } */

   body.device-desktop .text,
   body.device-desktop .text p,
   body.device-desktop #hero-description p,
   body.device-desktop .buy-me p {
      font-size: 15px;
      line-height: 22px;
   }

   body.device-desktop .message-box-spot {
      font-size: 16px;
      line-height: 26px;
   }

   body.device-desktop #page-content.black #project-nav-responsive .next-project-wrap {
      background-color: #131316;
   }

   body.device-desktop #page-content.white #project-nav-responsive .next-project-wrap {
      background-color: #eaeaea;
   }
   body.device-desktop footer {
      position: relative;
   }
}
@media (min-width: 1280px) and (max-width: 1920px) {
   header {
      height: 74px;
      box-shadow: 0px 0px 30px #0c0c0c15;
      -webkit-backdrop-filter: blur(8px);
      backdrop-filter: blur(8px);
   }

   #lang {
      font-size: 13px;
   }

   nav.open #lang a {
      color: #ccc;
   }
   .icon-wrap {
      width: 74px;
      height: 74px;
   }

   #logo img {
      height: 11px;
   }

   .hero-arrow {
      width: 32px;
      height: 43px;
   }

   /* .nmp .hero-arrow span {
      border: 1.5px solid #222;
   } */

   /* .hero-arrow i.arrow-icon {
      transform: rotate(45deg) scale(0.45);
   } */

   /* .fullscreen-menu .flexnav li a {
      font-size: 8vw;
      line-height: 10vw;
   } */

   .fullscreen-menu .flexnav li ul.submenu li a {
      font-size: 1.5vw;
   }

   .text,
   .text p,
   #hero-description p,
   .buy-me p {
      font-size: 16px;
      line-height: 26px;
   }

   .full.xlarge h2 img {
      max-height: 3.35vw;
      transform: translateY(-7px);
   }

   .full.xlarge h2 img.max {
      max-height: 3.6vw;
      transform: translateY(-0.4vw);
   }

   #main.project-detail.detail-project #hero.has-image #caption-img .inner .from {
      font-size: 1.6vw;
   }

   #main.project-detail.detail-project #hero.has-image #caption-img .inner .desc,
   #main.project-detail.detail-project #hero.has-image #caption-img .inner .anio {
      font-size: 1.1vw;
   }

   #main.project-detail .grid-item > div:nth-child(2) {
      font-size: 15px;
      line-height: 23px;
   }

   .spot {
      width: 14px;
      height: 14px;
   }

   .spots-container img.wide {
      max-width: 95%;
   }

   .message-box-spot {
      font-size: 15px !important;
      line-height: 25px !important;
   }

   #main.home #hero-caption {
      padding-top: 0 !important;
   }

   .full.xlarge .one_half .content-half {
      max-width: 95%;
      width: 95%;
   }
   body.contactus #contact {
      height: unset !important;
      min-height: unset !important;
   }

   body.contactus #contact .page-nav-caption {
      padding-bottom: 20px;
   }
   footer {
      position: relative;
   }
}

@media (max-height: 500px) and (orientation: landscape) {
   .hero-arrow {
      width: 26px;
      height: 40px;
   }
   .hero-arrow i.arrow-icon {
      height: 18px;
      width: 18px;
   }
   .fullscreen-menu .flexnav li ul.submenu {
      margin-left: 0 !important;
      margin-top: 10px;
   }
   .fullscreen-menu .flexnav li ul li a {
      text-align: center;
      font-size: calc(3vw) !important;
      line-height: calc(5vw) !important;
   }

   footer {
      position: relative;
   }
}