Why are media queries not displayed when uploading to hosting?

Question

css

There is a site - c2702505.beget.tech . Css code is adapted for phones and tablets, and when you run the file on your computer, everything works, but after uploading to the hosting, everything turns into a mess, as if there were no media queries at all. Here is the code -
media screen and (max-width: 1200px) {
.container {
width: 960px;
}
.desktop {
width: 560px;
}
}

media screen and (max-width: 992px) {
.container {
width: 720px;
}
.wrapper {
flex-direction: column;
margin-top: 100px;
}
.desktop {
width: 649px;
display:block;
margin: 100px auto 0;
}
.believe {
width: auto;
}
.chances {
flex-direction: column;
align-items: center;
}
.chance {
margin-bottom: 40px;
width: auto;
}
}

media screen and (max-width: 768px) {
.container {
width: 540px;
}
.desktop {
width: 100%;
}
}

media screen and (max-width: 576px) {
.container {
width: 90%;
}
input {
width: 270px;
}
.btn-form {
width: 270px;
}
form {
align-items: center;
width: 270px
}
}

Answer 1

CTRL + F5, The cache will clear your site