Нужна помощь

Здравствуйте уважаемые!

Проблема следующая.

Делаю меню, которое фиксируется вверху экрана при его прокрутке. Свойство прописано такое:

.fixed {

        position:fixed;

        top:-10px; left:0;

        width:100%;

        padding:10px 350px;

       -moz-box-shadow: 5px 5px 20px #666;

       -webkit-box-shadow: 5px 5px 20px #666;

       box-shadow: 0px 5px 10px #666;

       border-radius:0 !important;

       transition:1s;

       background: #E6E6E6; !important;

      z-index: 1000;

 }

И на мониторах до 1440 все вроде работает и выглядит более-менее ровно по центру. А вот на мониторе 1920 - меню сильно уходит влево. Если поставить padding:10px 600px; - выравнивается.

Вопрос, как сделать так, чтобы для мониторов 1920 применялось другое правило?

Подозреваю, что нужно юзать @media screen and (device-width: 1920px), или подобное. Но в верстке новичок, поэтому прошу помочь.