How to remove the display of the block in the mobile version of the site?

Question

Themes

Good evening everyone.
There is a site on it releases releases have chapters chapters have buttons like download, the date the chapter was uploaded, and who posted the nickname.
I can’t remove the nickname from the mobile version and it will fit on the title of the chapter in the next block.
Here is the code:

<?php if (isset($mangaOptions->show_contributer_pseudo) && $mangaOptions->show_contributer_pseudo == '1') { ?>
                                        <div @if(config('settings.orientation') === 'rtl') style="float: left; margin-left: 10%;"  @else style="float:right; margin-right: 10%;"@endif>
                          <?php if (is_module_enabled('MySpace')): ?>
                                            <a href="{{route('user.show', $chapter->user->username)}}">
                                                <i class="fa fa-user"></i> {{ $chapter->user->username }}
                                            </a>
                          <?php else : ?>
                                            <i class="fa fa-user"></i> {{ $chapter->user->username }}
                          <?php endif; ?>
                                        </div>
                        <?php } ?>
                                    </div>

I'm trying to put it in

@media screen and (max-width: 600px) {
    ##mobile_not {
                    visibility: hidden;
    }

it turns out like this:

<?php if (isset($mangaOptions->show_contributer_pseudo) && $mangaOptions->show_contributer_pseudo == '1') { ?>
                                        <div @if(config('settings.orientation') === 'rtl') style="float: left; margin-left: 10%;"  @else style="float:right; margin-right: 10%; media screen and (max-width: 600px) {
#mobile_not {
display: none;
}
}" @endif>
                          <?php if (is_module_enabled('MySpace')): ?>
                                            <a href="{{route('user.show', $chapter->user->username)}}">
                                                <i class="fa fa-user"></i> {{ $chapter->user->username }}
                                            </a>
                          <?php else : ?>
                                            <i class="fa fa-user"></i> {{ $chapter->user->username }}
                          <?php endif; ?>
                                        </div>
                        <?php } ?>

and the nickname is still not removed from the mobile version, tell me what am I doing wrong?