Мой медиа-запрос 768px не работает, что может быть причиной этого?

Question

Я настроил медиазапрос для iPad / планшетов на 768 пикселей, но когда я изменяю размер своего браузера, используя окно или панель инструментов устройства Dev Tools. Это не работает? Я протестировал, изменив размер шрифта на 400px, и ничего не изменилось.

CSS

@media only screen and(min-width: 768px){
    body{
        font-size: 20px;
    }
    button{ 
        width: 60% !important;
    }
    input{
        width: calc(60% - 1em) !important;
    }
}