Адаптировать картинку под устройство

есть баннер 468х60 прописал этот код

/* Для небольших устройств (смартфоны) */
img {
max-width: 100%;
display: inline-block;
}
/* Для средних устройств (планшеты) */
Удалён (min-width: 420px) {
img {
max-width: 48%;
}
}
/* Для больших устройств (ноуты, пк) */
Удалён (min-width: 760px) {
img {
max-width: 24%;
}
}
в ксс и теперь с мобилы очень сильно сузило картинку по высоте,нужно крапаль увеличить высоту,как это сделать можно с помощью того кода что выше.
всем спасибо за помощь
Добавлено 26.01.17 в 22:00:18:
у меня нокиа N95 в хроме через мульт проверки на других экрана то показало все норм.

Разумеется, прописать высоту свойством со значением:
height: 60px;

Кот™, значение img сжало по всему сайту все картинки,
а изменил на другое имя адптиция пропала вообще.что может быть
вот ссылка <center><div class="banner"><a href="/"><img src="/7ed4c916efb73c35821f62b9658653ee.gif" alt=""></a></div></center>

что тут не так?

.banner img

[STEM], не хотит адаптировать,ширина за екран лезит,а если имг поставить то по всему сайту сужает картинки

Глаза раскрой
.banner img - это все img в диве banner

[STEM], в стиле есть еще этот img
}
img {
vertical-align: middle;
border-style: none;
}
я прописал еще один картинку адаптировало но и другие картинки на сайте тоже адаптировались даже с пк если

Нормально напиши, я ничего не понял

[STEM], спсибо за помощь
я класс class="img не прописал " теперь норм адаптация ))

[STEM], такой еще вопрос
подскажи как красивее для пк оформить чтоб баннер смотрелся к сайту
скрин ниже