/*
 * SPDX-FileCopyrightText: Hadad <hadad@linuxmail.org>
 * SPDX-License-Identifier: Apache-2.0
 */

.max-w-screen-xl {
  max-width: min(1280px, 100%);
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding-left: 1rem;
  padding-right: 1rem;
  box-sizing: border-box;
}

@media (min-width: 640px) {
  .max-w-screen-xl {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

@media (min-width: 1024px) {
  .max-w-screen-xl {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 1280px) {
  .max-w-screen-xl {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (min-width: 1536px) {
  .max-w-screen-xl {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}

@media (min-width: 2000px) {
  .max-w-screen-xl {
    max-width: 1600px;
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

@media (min-width: 3840px) {
  .max-w-screen-xl {
    max-width: 2400px;
    padding-left: 6rem;
    padding-right: 6rem;
  }
}

@media (min-width: 7680px) {
  .max-w-screen-xl {
    max-width: 4000px;
    padding-left: 8rem;
    padding-right: 8rem;
  }
}