/* Impor"t des feuilles */
@import "/assets/css/global.css";
@import "/assets/css/header.css";
@import "/assets/css/beach-style.css";
@import "/assets/css/bookingMenuStyle.css";
@import "/assets/css/worldide-default.css";
@import "/assets/css/carroussel-section.css";
@import "/assets/css/triple-img.css";
@import "/assets/css/bottom-carrousel.css";
@import "/assets/css/footer.css";

/* media queries */

@media (max-width: 1115px) {
  .hidden-1115 {
    display: none;
  }
}

@media (max-width: 960px) {
  .worldwide-default {
    flex-direction: column;
    width: 630px;
  }
  .triple-imgs {
    width: 630px;
    gap: 50px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .triple-imgs > div:nth-child(3) {
    width: 100%;
  }
  .triple-imgs > div:nth-child(3) img {
    width: 100%;
    object-position: top;
  }

  .padding-960 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width: 670px) {
  .phone-display {
    display: inline;
  }

  .hidden-670 {
    display: none;
  }
  .bookingmenu-container {
    justify-content: center;
  }
  .visibility-hidden {
    visibility: hidden;
  }
  .beach_section {
    background-color: #f2f2f2;
  }
  .beach-white-part-absolute {
    background-color: white;
  }

  .footer-div {
    flex-direction: column;
    align-items: center;
    padding: 30px;
  }

  .worldwide-default {
    flex-direction: column;
    width: 300px;
  }

  .triple-imgs > div:nth-child(3) {
    width: auto;
  }

  .triple-imgs {
    width: auto;
    overflow: scroll;
    gap: 20px;
    justify-content: flex-start;
    flex-wrap: nowrap;
    padding: 20px;
  }

  .triple-imgs > div:nth-child(3) img {
    width: 285px;
  }
}