Adaptive does not work, what should I do?

Question

css

I'm trying to make a responsive design, but it does not see the media, what could be the problem?
.white{
margin: auto;
padding-left: 212px;
padding-right: 212px;
padding-top: 55px;
padding-bottom: 75px
width: 650px
text-align: center;
display:flex;
justify-content: space around;
}
media screen (max-width:360px) {
.white{
padding-right: 212px;
padding-top: 55px;
padding-bottom: 75px
width: 650px
text-align: center;
}
}

Answer 1

@media screen and (max-width: 360px)

Answer 2

212 - powerfully where does such a figure come from?
there is no need to duplicate properties in a media query
, but this is all so, off topic.
And if it doesn't work, then
you have nothing to change.
all rules without media apply, and for special cases, rules in media are specified