/* DESKTOP FIRST CONTAINER UTILITY CLASS */

.container {
max-width: 1536px;
margin-inline: auto;
padding-inline: 0.5rem;
}

/* 2xl */
@media (max-width: 1536px) {
.container {
width: 1280px;
}
}

/* xl */
@media (max-width: 1280px) {
.container {
width: 1024px;
}
}

/* lg */
@media (max-width: 1024px) {
.container {
width: 768px;
}
}

/* md */
@media (max-width: 768px) {
.container {
width: 640px;
}
}

/* sm */
@media (max-width: 640px) {
.container {
width: 475px;
}
}

/* xs */
@media (max-width: 475px) {
.container {
width: 100%;
}
}

/* DESKTOP FIRST PRE-DEFINED MEDIA QUERIES */

/* 2xl */
/* @media (max-width: 1536px) {} */

/* xl */
/* @media (max-width: 1280px) {} */

/* lg */
/* @media (max-width: 1024px) {} */

/* md */
/* @media (max-width: 768px) {} */

/* sm */
/* @media (max-width: 640px) {} */

/* xs */
/* @media (max-width: 475px) {} */