How to add @media query in asp.net mvc razor view page I am getting syntax clashes?

I want to put specific @media query in asp.net mvc razor view html page in c#. But when I use media query on the page I got syntax clashes.

Solution:

To solve the problem I used double @@ symbol and my problem get resolved.

Razer view:

<style type="text/css">
    @@media (min-width: 992px) {
        .style-box {
            border: 1px solid red;
            width: 450px;
            height: 300px;
            padding:5px;
        }
    }
</style>