Conditional card logic nested OR issues

Good afternoon,

I am playing with the conditional card for the first time and i think i am missing something or have a syntax issue or simply it could be what i am trying to achieve is not possible. I have an OR statement with two outcomes and a nested AND within one of them. See my below example

type: conditional
conditions:
  - condition: or
    conditions:
      - condition: screen
        media_query: "(min-width: 1280px)"
      - condition: screen
        media_query: "(min-width: 0px) and (max-width: 767px)"
      - condition: and
        conditions:
          - condition: state
            entity: input_boolean.my_navigation
            state: "on"

What i am trying to achieve is that if the screen width is above 1280px show it OR if the screen width is a maximum of 767px AND input_boolean.my_navigation is on also show it.

Is this kind of logic possible?

Appreciate any advice

https://community.home-assistant.io/t/how-to-help-us-help-you-or-how-to-ask-a-good-question/114371#oneone-format-it-properly-16