// @media screen and (min-width: 2560px) {
//     .res-container {
//         max-width: 1920px !important; // Ultra-wide desktop
//     }
// }

// @media screen and (min-width: 1920px) and (max-width: 2559px) {
//     .res-container {
//         max-width: 1440px !important; // Large desktop
//     }
// }

// @media screen and (min-width: 1440px) and (max-width: 1919px) {
//     .res-container {
//         max-width: 1280px !important; // Standard desktop
//     }
// }

// @media screen and (min-width: 1024px) and (max-width: 1439px) {
//     .res-container {
//         max-width: 960px !important; // Large tablet/small desktop
//     }
// }

// @media screen and (min-width: 768px) and (max-width: 1023px) {
//     .res-container {
//         max-width: 720px !important; // Tablet
//     }
// }

// @media screen and (min-width: 576px) and (max-width: 767px) {
//     .res-container {
//         max-width: 540px !important; // Large mobile
//     }
// }

// @media screen and (min-width: 360px) and (max-width: 575px) {
//     .res-container {
//         max-width: 340px !important; // Small mobile
//     }
// }

// @media screen and (max-width: 359px) {
//     .res-container {
//         max-width: 280px !important; // Extra small mobile
//     }
// }