@media (max-width: 1100px) {
  svg {
    width: 7.5vw;
    height: 7.5vw;
  }

  .account-infos-container {
    margin-top: 10vw;
    grid-template-columns: 1fr;
  }

  .account-infos-item {
    margin-bottom: 10vw;
  }

  .account-infos-item svg {
    width: 10vw;
    height: 10vw;
  }

  .account-infos-item-content {
    font-size: 6vw;
    margin-right: 3vw;
  }

  .account-infos-item-title {
    font-size: 7vw;
    margin-bottom: 3vw;
  }

  .admin-product-item {
    flex-direction: column;
    justify-content: start;
    width: calc(100% - 8vw);
    border-radius: 4vw;
    padding: 4vw;
    margin-bottom: 6vw;
  }

  .admin-product-item-title {
    flex: 2;
    font-size: 7vw;
    padding-right: 0;
    margin-bottom: 5vw;
  }

  .admin-product-item-stock, .admin-product-item-price-list-item, .admin-product-item-price-list-title, .admin-product-item-cost {
    font-size: 6vw;
    margin-bottom: 5vw;
  }

  .alert-buttons img {
    margin-left: 10vw;
    margin-right: 10vw;
    width: 10vw;
    border-radius: 10vw;
  }

  .alert-container {
    width: 80vw;
    height: auto;
    border-radius: 5vw;
    padding: 6vw;
  }

  .alert-collection-colors {
    margin-bottom: 5vw;
  }

  .alert-collection-colors span {
    width: 10vw;
    height: 10vw;
    border-radius: 10vw;
  }

  .alert-collection-delete {
    font-size: 4.5vw;
    margin-bottom: 4vw;
  }

  .alert-collection-delete p {
    padding: 4vw;
    border-radius: 10vw;
    text-align: center;
  }

  .alert-collection-delete p:hover {
    background-color: white;
    border: 2px solid rgb(255, 0, 0);
    color: rgb(255, 0, 0);
  }

  .alert-collection-input {
    height: 10vw;
    border-radius: 10vw;
    padding-left: 3vw;
    font-size: 6vw;
    margin-bottom: 5vw;
  }

  .alert-collection-input::placeholder {
    font-size: 6vw;
  }

  .alert-collection-subtitle {
    font-size: 6vw;
    margin-bottom: 3vw;
  }

  .alert-button-cancel-text, .alert-button-confirm-text {
    width: 35vw;
    height: 10vw;
    border-radius: 10vw;
    font-size: 6vw;
    margin-left: 4vw;
    margin-right: 4vw;
  }

  .alert-message {
    font-size: 5vw;
    margin-bottom: 6vw;
    max-width: 80vw;
  }

  .alert-quiz-list {
    border-radius: 4vw;
    margin-bottom: 6vw;
  }

  .alert-quiz-list-item {
    font-family: "Roboto", Arial;
    font-size: 6vw;
    padding: 2vw;
    border-radius: 4vw;
  }

  .alert-title {
    font-size: 7vw;
    margin-bottom: 6vw;
  }

  .basket-bottom-message {
    font-size: 5vw;
    margin-bottom: 6vw;
    margin-top: 3vw;
  }

  .basket-delivery-text {
    font-size: 5vw;
    margin-bottom: 6vw;
  }

  .basket-discount-apply-button {
    font-size: 6vw;
    padding: 1.5vw 3vw;
    border-radius: 3vw;
  }

  .basket-discount-input {
    font-size: 6vw;
    padding: 1.5vw;
    border-radius: 3vw;
    margin-right: 1vw;
    width: 60%;
  }

  .basket-item {
    flex-direction: column;
    align-items: start;
    justify-content: start;
    padding-top: 3vw;
    padding-bottom: 3vw;
    font-size: 6vw;
  }

  .basket-item img {
    width: 40vw;
    height: 40vw;
    border: 1px solid black;
    border-radius: 5vw;
  }

  .basket-item-price, .basket-item-quantity {
    margin-bottom: 3vw;
  }

  .basket-item-remove {
    width: 10vw;
    height: 10vw;
  }

  .basket-item-title {
    width: 100%;
    margin-top: 3vw;
    margin-bottom: 3vw;
  }

  .basket-items {
    margin-top: 10vw;
    margin-bottom: 5vw;
  }

  .basket-total-price {
    font-size: 8vw;
  }

  .basket-validate-button {
    font-size: 7vw;
    padding: 2vw 5vw;
    border-radius: 10vw;
  }

  .header {
    height: 15vw;
  }

  .header-account {
    height: 10vw;
    margin-right: 3vw;
    border-radius: 5vw;
  }

  .header-account p {
    display: none;
  }

  .header-logo-title img {
    width: 10vw;
    margin-left: 3vw;
  }

  .header-title {
    font-size: 8vw;
    margin-left: 3vw;
  }

  .home-order {
    flex-direction: column;
    justify-content: start;
    border-radius: 10vw;
    width: calc(100% - 4vw);
    padding-top: 3vw;
    padding-bottom: 3vw;
    padding-left: 2vw;
    padding-right: 2vw;
    margin-bottom: 6vw;
  }

  .home-order-cancel {
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    border-radius: 6vw;
    font-size: 5vw;
    margin-top: 3vw;
  }

  .home-order-date {
    font-size: 6vw;
    margin-bottom: 3vw;
  }

  .home-order-items {
    width: 100%;
    margin-bottom: 3vw;
  }

  .home-order-items-admin {
    width: 100%;
    margin-bottom: 3vw;
  }

  .home-order-section {
    margin-bottom: 20vw;
  }

  .home-order-status {
    border-radius: 10vw;
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    width: 70%;
    margin-bottom: 3vw;
    font-size: 6vw;
  }

  .home-order-total {
    font-size: 6vw;
    margin-bottom: 3vw;
  }

  .loading-screen p {
    font-size: 8vw;
    margin-bottom: 6vw;
  }

  .main-container {
    margin-left: 0;
    margin-top: 15vw;
    padding: 5vw;
    padding-bottom: 25vw;
  }

  .main-subtitle {
    font-size: 6vw;
    margin-bottom: 5vw;
  }

  .main-title {
    font-size: 8vw;
    margin-bottom: 5vw;
  }

  .main-title-right-button {
    padding: 2vw;
    margin-left: 4vw;
    border-radius: 10vw;
    margin-bottom: 5vw;
  }

  .money-mouvement {
    flex-direction: column;
    justify-content: start;
    border-radius: 4vw;
    padding: 4vw;
    width: calc(100% - 8vw);
    margin-top: 5vw;
    font-size: 6vw;
  }

  .money-mouvements-list {
    margin-top: 5vw;
    padding-top: 5vw;
  }

  .money-mouvement-edit {
    margin: 2vw;
  }

  .money-mouvement-text {
    margin: 2vw;
  }

  .money-mouvement-text-amount {
    margin: 2vw;
  }

  .money-mouvement-text-small {
    margin: 2vw;
  }

  .money-mouvement-status {
    padding-left: 3vw;
    padding-right: 3vw;
    padding-top: 1.5vw;
    padding-bottom: 1.5vw;
    border-radius: 10vw;
    margin-bottom: 5vw;
  }

  .navbar {
    position: fixed;
    top: auto;
    width: auto;
    right: 0;
    left: 0;
    bottom: 0;
    height: 20vw;
    flex-direction: row;
    align-items: stretch;
    justify-content: space-between;
    border-top: 1px solid black;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
    z-index: 9;
  }

  .navbar-item {
    flex: 1;
    background-color: #f0f0f0;
    border: none;
    font-size: 3vw;
    cursor: pointer;
    font-weight: bold;
    transition: background-color 0.15s;
  }

  .navbar-item-current {
    flex: 1;
    background-color: #e0e0e0;
    border: none;
    font-size: 3vw;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.15s;
  }

  .orders-summary-text {
    font-size: 4.5vw;
  }

  .pay-button {
    border-radius: 3vw;
    font-size: 5vw;
    margin-bottom: 3vw;
  }

  .popup-error-message {
    font-size: 6vw;
    margin-top: 4vw;
    margin-bottom: 7vw;
  }

  .reward-item {
    padding: 4vw;
    border-radius: 7vw;
    margin-bottom: 5vw;
  }

  .reward-item svg {
    width: 12vw;
    height: 12vw;
    margin-bottom: 2vw;
  }

  .reward-item-button {
    font-size: 6vw;
    padding: 2vw 4vw;
    border-radius: 5vw;
    margin-top: 4vw;
  }

  .reward-item-price {
    font-size: 6vw;
    margin-bottom: 2vw;
  }

  .reward-item-title {
    font-size: 6vw;
    margin-bottom: 2vw;
  }

  .rewards-infos {
    font-size: 5vw;
    margin-bottom: 8vw;
  }

  .rewards-store {
    flex-direction: column;
    align-items: center;
    justify-content: start;
  }

  .shop-basket-view {
    flex-direction: row;
    padding: 3vw;
    border-radius: 5vw;
    top: auto;
    left: 10vw;
    right: 10vw;
    bottom: 25vw;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
  }

  .shop-basket-view p {
    font-size: 6vw;
    margin-top: 0;
    margin-left: 6vw;
  }

  .shop-item {
    padding: 3vw;
    border-radius: 7vw;
    margin-bottom: 6vw;
    width: 100%;
  }

  .shop-item img {
    width: 40vw;
    border-radius: 5vw;
    margin-right: 5vw;
  }

  .shop-item-add-button {
    font-size: 5vw;
    padding: 1.5vw 3vw;
    border-radius: 5vw;
    margin-top: 5vw;
  }

  .shop-item-infos {
    height: 100%;
  }

  .shop-item-name {
    font-size: 6vw;
    margin-bottom: 3vw;
  }

  .shop-item-price {
    font-size: 5vw;
    margin-bottom: 3vw;
  }

  .shop-item-quantity p {
    font-size: 6vw;
    margin: 0 3vw;
  }

  .shop-item-quantity svg {
    width: 7vw;
  }

  .shop-items {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10vw;
  }

  .signup-form {
    width: 100%;
  }

  .signup-form-input {
    font-size: 6vw;
    padding: 3vw;
    border-radius: 10vw;
  }

  .signup-form-label {
    font-size: 6vw;
    margin-top: 6vw;
    margin-bottom: 2vw;
  }

  .signup-form-message {
    font-size: 5vw;
    margin-top: 5vw;
  }

  .signup-form-show-password {
    font-size: 5vw;
    margin-top: 2vw;
  }

  .signup-form-submit {
    font-size: 6vw;
    padding: 3vw;
    margin-top: 6vw;
    border-radius: 10vw;
  }
}