Помогите с минимальной и максимальной шириной блока

Добрый день, поставил на сайт всплывающее окно с формой и хочу сделать чтобы по умолчанию, т.е. на больших экранах это всплывающее отображалось шириной в 400px, а если ширина экрана меньше 400px, то окно бы сжималось максимум до 320px.
В css прописал следующее.

min-width: 320px;
max-width: 400px;
opacity: 1;
display: block;

Но получается наоборот, что оно у меня на больших экранах по умолчанию в 320px, а когда экран сжимается до мобильной версии, то оно переключается на 400px и потом уже сжимается максимум до 320px, т.е. как бы наоборот всё работает.

Подскажите пожалуйста, как сделать чтобы оно по умолчанию было 400px, а если ширина экрана меньше 400px, то окно бы сжималось максимум до 320px ?
Заранее огромное спасибо за помощь!