/* Retina Display (High-Resolution Screens) */
@media (-webkit-min-device-pixel-ratio: 2), 
       (min-resolution: 192dpi) { 
    /* Styles for Retina and High-Resolution Displays */
}

/* Desktop Screens (Large Screens) */
@media only screen and (min-width: 1200px) {
    /* Styles for desktops and large screens */
}

/* Tablets (Medium Screens) */
@media only screen and (min-width: 768px) and (max-width: 1199px) {
    /* Styles for tablets and medium devices */
}

/* Mobile Devices (Small Screens) */
@media only screen and (max-width: 767px) {
    /* Styles for mobile phones */
}