Что означает @media screen и (max-width: 1024px) в CSS?

Я нашел этот фрагмент кода в унаследованном мной CSS-файле, но не могу понять из него:

@media screen and (max-width: 1024px){
    img.bg {
        left: 50%;
        margin-left: -512px; }
}

В частности, что происходит в первой строке?