Отображение и скрытие фиксированного элемента на предопределенной ширине экрана

Я хочу скрыть свой элемент в @media(min-width:576px) и хочу показать свой элемент в @media(min-width: 768px), так как мне нужно использовать display: fixed; для моего элемента, но элемент display: fixed; не показывает мой элемент.

@media (min-width : 576px) {
    #content-item { display: none;}
}
@media (min-width : 768px) {
    #content-item { display: fixed;}
}

Я ожидаю показать свой элемент #content-item, а также хочу использовать display: fixed; имущество