Video Responsive

Usei o warp para 1 template e nisso saiu o gatry responsivo. Estou no meu 4º trabalho responsivo usando o gantry.

Alguns modulos que não são responsivo, eu incluo regras no mediaqueries.less para cada resolução determinada pelo framework.

Funciona perfeitamente.

Desculpe minha ignorância neste parte mais esta regra (mediaqueries.less ), aplica-se somente ao Framework Gantry?
Você poderia explicar um pouco sobre ela se não for pedir muito.

Obrigado

Cada framework tem um arquivo especifico para a função responsivo onde ele aplica as regras:

@media only screen and (min-width: 960px) and (max-width: 1199px) {
propriedades aqui...
}
@media (min-width: 768px) and (max-width: 959px) {
propriedades aqui...
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
propriedades aqui...
}
@media only screen and (max-width: 480px) {
propriedades aqui...
}

Eu posso determinar as regras da largura para as resoluções acima usando o width: 100% !important ou max-width: 100% !important

Claro que vc deve testar. Fiz teste nos tablets android, ipad ev smartphones blackberry, iphone e samsumg ficaram ok.