В общем я прописал стили для разных устройств, разных расширений, проверяю на разных расширениях и у меня почему то ничего не меняется, просто элементы становятся меньше, подстаиваясь под устройство. Запросы пишу в такой форме:
@media screen and (max-width: 992px) {
.element {
}
}
@media screen and (max-width: 600px) {
.element {
}
}