@media queries dont run on my squarespace 7.1 and i dont know why

Site URL: https://www.phyo.es

Hi my friend, im trying to add a vertical line on my website.

I use this code: 

<div class="home__verticalline">
</div>

<style>
  .home__verticalline {
    position: absolute;
    height: 2200px;
    border-left: 1px solid #d6ccc4;
    left: 50%;
  }
</style>

But I want to hide it when im on mobile so I add this media query:

<style>
@media only screen and (max-width: 700px) {
    .home_verticalline {
    display: none;
    }
  }
</style>

I think my code is OK, but when I check the website on mobile the "media query" doesn't run.

I add some screenshots.

Could you help me, please??

You should add it to Design > Custom CSS, without the <style></style> tags, not to code injection.

Hi Paul, I tried deleting de "<style></style>" and adding the code con the Custom CSS and it doesn't work. Do you know some another solution? Thank you!

1 hour ago, Phyo said:

Do you know some another solution?

Please share the public password that you've set, so that we can take a look at the page. This will make it easier for the community to provide an accurate answer.

You're right! sorry! the password is phyoconcept

Thank you!

the most ridiculous mistake 😅 Thank you Paul!!!