Как разместить баннер по центру экрана?

Создайте блок, задайте нужные размеры, скройте (display:none), затем добавьте в CSS медиа-запрос, для устройств скажем меньше 480px, добавьте отображение банера, так как надо.

Наверное вопрос неправильно сформулировал; нужно, чтобы при заходе пользователей на любую страницу сайта, у них по центру экрана, перекрывая сайт, отображался мой баннер, как это осуществить? Тема адаптивная, по идее на все устройствах будет корректно отображаться

пожалуйста

grigory1113, вопрос немного размытый, и реализация возможна многими способами. Простейший способ, если известен размер баннера (к примеру, ширина 400px, высота 200x) - без всяких скриптов, на одном CSS (фиксация на экране + сдвиг на полширины и полвысоты)

<style>
.fixed{
    height: 1px;
    width: 1px;
    position: fixed; 
    top: 50%;
    left: 50%;
}
.fixed img{
    height: 200px;
    width: 400px;
    position: relative; 
    top: -100px;
    left: -200px;
}
</style>
<div class="fixed">
<img src="image.jpg">
</div>

<style>

.fixed{

    height: 1px;

    width: 1px;

    position: fixed; 

    top: 50%;

    left: 50%;

}

.fixed img{

    height: 200px;

    width: 400px;

    position: relative; 



}

</style>

<div class="fixed">

<img src="image.jpg">

</div>

Позволю себе вольность и переделаю Ваш код немного, чтоб отвязать его центрирование от размеров картинки http://codepen.io/anzarsh/pen/BpBzMX

Позволю, если плюнем на старый IE:). Хотя смысла особого нет: всё равно размер такого окошка обычно заранее известен и задан в CSS.

Чтоб в новом году все плюнули на ie:) С новым годом!!!