Подключаем Media Queries в Drupal

Подключение в Drupal, Media queries немного нестандартное, если используешь свою темку, так как файл отвечающий за header желательно не редактировать и вообще его не трогать. После стандартного объявления условий в CSS

/*Media*/
@media only screen and (min-width: 768px) {
    @import "pc/main.css";
}
@media only screen and (max-width: 768px) {
    @import "tab/main.css";
}
/* Mobile Layout: 480px and below. */
@media only screen and (max-width: 480px) {
    @import "mobile/main.css";
}

необходимо их подключить, делается это через функции, в template.php пишем:

/*Media Queries*/
function THEME_page_alter($page) {
  // <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
  $viewport = array(
    '#type' => 'html_tag',
    '#tag' => 'meta',
    '#attributes' => array(
    'name' =>  'viewport',
    'content' =>  'width=device-width, initial-scale=1, maximum-scale=1'
    )
  );
  drupal_add_html_head($viewport, 'viewport');
}

Готово.