CSS не работает @media

Question

Пытаюсь подправить шаблон под мобильники, но почему-то не работает @madia

Работает

.video-text p{
    color: blue;
}

НЕ работает

@madia screen and (max-width: 768px) {
.video-text p{
    color: green;
    font-size: 24px;
}
}

Подскажите, пожалуйста, может быть это конфликт какой-то? Тут много чего сделано через @-webkit. (В верстке не силен)

Answer 1

@media screen and (max-width: 768px) {
  .video-text p {
      color: green;
      font-size: 24px;
  }
}