С ответом скорее всего запоздал, но я думаю остальным будет полезно!
Для тех, кто может позволить поддерживать только относительно современные браузеры (Chrome 49+, FF 31+, no IE), вы можете использовать переменные css.
Вот таблица поддержки браузера от "Can I Use".
html {
--width-var: 244px;
@media screen and (max-width: 1306px){
--width-var: 144px;
};
}