1) В css он есть

@media screen and (min-width: 601px) and
(max-width: 800px) {
#indexButton1 {
     position:absolute;
   left: 285px;
    top: 206px;
    width: 108px;
    height: 33px;
 font-size: 10px;
}
}

2) //HTML5
 <input type="button"
                    id="indexButton1"
                    name=""
                    value="Получить"/>
3) в гугл хроме заходим в инструменты разработчика=>Toogle device toolbar.Создаем например свой девайс на 601 Х 700.Экран сайт уменьшается пропорционально,а вот медиаскрин
HTML5

@media screen and (min-width: 801px) and (max-width: 1024px) {

}
4) chrome чего отображает наоборот в просмотре кода.закладка стили

CSS
@media screen and (max-width: 1024px) and (min-width: 801px){
mediascreen.css:293
#indexButton1 {

//code
 }
}