Classes de acordo com a resolução

Ola Pessoal,

Estou organizando o css e queria que a classe que fica no index (exemplo: se-include) utilizando uma classe do Bootstrap, mas de acordo com a resolução...

Assim, ele colocaria a class de acordo com a resolução seria o tamanho do Bootstrap....

Não esta funcionando, então poderiam me ajudar?

/ Smarthphones no formato "retrato" /
@media screen and (min-width: 480px) and (orientation:landscape){
html{

 font-size: 14px;
 }
 .btn{ font-size: 12px; }
 .se-include, .col-md-12{ }
}

/ Tablets e Smarthphones de segunda geração /
@media screen and (max-width: 780px) and (orientation:portrait){
html{

 font-size: 14px;
 }
 .se-include, .col-md-12{ }
}

/ Desktops, Laptops e TVs. /
@media screen and (min-width: 780px){
html{

 font-size: 16px;
 }
 .se-include, .col-md-8, .col-md-offset-2 { }
}