I can't seem to get a pair of @media queries to work. Tried several pieces of code to no avail. I'm attempting to position an audio player on all devices, however, for some unknown reason to me, the player will not move under a media query. If you go to 24hournews.news on a desktop or laptop, you'll see the issue. The player is way off to the right, and shouldn't be. The code for the phone platform works fine. Here's the pertinent code:

```
img {
display: block;
max-width: 100%;
height: auto;
    }

/* top right */
.top-right {
position: absolute;
top: 170px;        
left: 190px;
    } 

/* top phone */
.top-phone {
 position: absolute;
 top: 275px;
 right: 35px;        
    }

@media only screen and (min-width: 992px) {
<div class="top-right">
<script src="https://embed.radio.co/player/056cfb4.js"></script>
</div>
}

@media only screen and (min-width: 1200px) {
<div class="top-right">
<script src="https://embed.radio.co/player/056cfb4.js"></script>
</div>
}

</style>
</head>
<body> 
<img src="24logo.jpg"> 
<div class="top-phone">
<script src="https://embed.radio.co/player/056cfb4.js"></script>
</div>

```