/* Extra small devices (phones, 576px and below) */
@media (max-width: 575.98px) {
    .container {
        padding: 0 !important;
    }
    /* Styles for phones */
}

/* Small devices (phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    /* Styles for small devices */
    .container {
        padding: 0 !important;
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    /* Styles for tablets */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    /* Styles for desktops */
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /* Styles for large desktops and TVs */
}

/* Make navbar sticky on md devices and above */
@media (min-width: 768px) {
}

/* Ensure navbar is not sticky on sm devices and below */
@media (max-width: 767.98px) {
}