@media screen and (max-width: 1680px) {
   .nav-logo { margin-right: 40px; }
}

@media (max-width: 1366px) {
   .nav-logo { margin-right: 30px; }
   .nav-menu ul { justify-content: space-evenly; }
   .nav-menu li a { font-size: 30px; }
   .nav-button.hover-01.btn-bienvenue::after,
   .nav-button.hover-01.btn-boutique::after,
   .nav-button.hover-01.btn-contact::after {
      width: 180px;
      height: 22px;
   }
   .nav-button.hover-02.btn-essence::after,
   .nav-button.hover-02.btn-ether::after,
   .nav-button.hover-02.btn-carnet::after {
      width: 170px;
      height: 25px;
   }
   .nav-language { gap: 7px; }
   .lang-btn { font-size: 22px; }
}


@media screen and (max-width: 768px) {
   .nav-menu {
      display: none;
      width: auto;
   }
   .nav-menu.is-active { display: block; }
   .nav-language {
      justify-content: right;
      margin-right: 20px;
   }
   .navbar-burger,
   .navbar-burger:hover {
      background: rgba(255, 255, 255, 0.9);
      color: white;
      border-radius: 4px;
   }
   .nav-menu ul {
      background: rgba(255, 255, 255, 0.9);
      position: absolute;
      top: 80px;
      left: 0;
      display: inline-block;
      height: inherit;
      padding: 15px;
   }
   .nav-menu ul li {
      display: block;
      margin: 10px 0;
      text-align: center;
   }
   .navbar-burger span { color: #1f2f4a; }

   /**
      * BIENVENUE SLIDESHOW 
   **/
   .bienvenue-title,
   .lessence-title {
      font-size: 7vh;
   }
   .bienvenue-subtitle,
   .lessence-subtitle,
   .ether-subtitle {
      line-height: 1.4;
      font-size: 3.6vh;
   }
   .bienvenue-text,
   .lessence-text {
      font-size: 2.6vh;
      line-height: 1.4;
   }
   .LAQM-logo { margin-top: 0vh;  }


   /**
    * L'ESSENCE SLIDESHOW
   **/
   .lessence-text-column {
      min-width: inherit;
      padding: 10px;
   }
   .lessence-text { margin-top: 0.4vh; }
   .lessence-photo {
      margin-top: 15px;
      max-width: 265px;
   }

   .ether-buy-sign-overlay{
      left: 70%;
   }


}

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

   .hidden-mobile { display: none; }
   .nav-logo { margin-right: 10px; }
   .nav-logo .logo-bg {
      max-height: 90px;
      width: 230px;
   }
   .nav-logo .logo-text {
      margin-top: 28px;
      font-size: 20px;
   }
   .lang-btn { font-size: 18px; }
   .nav-language { gap: 0px; }

   /**
    * BIENVENUE SLIDESHOW
   **/
   .bienvenue-slide,
   .lessence-slide,
   .ether-slide { 
      padding: 10px;
   }
   .bienvenue-subtitle,
   .lessence-subtitle,
   .ether-subtitle {
      line-height: 1.2;
      font-size: 3.5vh;
   }
   .bienvenue-text,
   .lessence-text {
      font-size: 2.5vh;
      line-height: 1.3;
      margin-top: 0.4vh;
   }
   .LAQM-logo { margin-top: 0vh; }

   /**
    * L'ESSENCE SLIDESHOW
   **/
   .lessence-subtitle {
      line-height: 1.2;
      margin-top: 1vh;
   }
   .lessence-text { text-align: center; }
   .lessence-content-wrapper {
      margin-top: 0vh;
      display: block;
      max-width: inherit;
   }
   .lessence-text-column {
      padding: 0px;
      min-width: inherit;
      width: 100%;
   }
   .lessence-photo-column { display: block; }
   .lessence-photo {
      margin-top: 15px;
      max-width: 165px;
   }

   /**
    * ETHER SLIDESHOW
   **/
   .ether-background-video {  height: 75%; }
   .ether-title {
      margin-top: 2vh;
      font-size: 6vh;
   }
   .ether-subtitle { margin-top: 10px; }
   .ether-slideshow .ether-text {
      font-size: 2.5vh;
      margin-top: 1vh;
      line-height: 1.2;
   }
   .ether-slide-video-1 {  margin-top: 50vh; }
   .ether-slide-video-2 {
      margin-top: 30vh;
      margin-right: 5vw;
   }
   .ether-slide-video-3 {
      margin-top: 10%;
      margin-right: -30%;
   }
   .ether-slide-video-4 { margin-top: 45vh; }
   .ether-slide-video-5 { margin-top: 45vh; }
   .ether-forest .ether-full_character-video {
      height: 50vh;
      transform: translateY(35vh);
      margin-left: -13vh;
   }
   .ether-slide-video-wrapper {
      width: auto;
      height: 84%;
   }
   .ether-slide-navigation { bottom: 10vh; }

   /**
    * FOREST PARALLAX
   **/
   .ether-buy-sign-overlay{ left: 68%; }
   .ether-bird-large {
      height: 400px;
   }
   .buy-sign-button img {  width: 200px; }
   .ether-bird-large {
      width: 400px;
      left: 30%;
      bottom: 92.5%
   }

}

@media (max-width: 480px) {
   /**
    * BIENVENUE SLIDESHOW
   **/
   .bienvenue-creation {
      margin: 0vh;
   }
   .slide-navigation { bottom: 80px; }

   /**
    * FOREST PARALLAX
   **/
   .ether-buy-sign-overlay{ left: 62%; }
   .ether-bird-large {
      height: 400px;
   }
   .buy-sign-button img {  width: 180px; }
   .ether-bird-large {
      width: 320px;
      left: 27%;
      bottom: 83.5%;
   }
}