Я использую панель инструментов md для моей страницы и не настраивается на полное окно, как сделать его отзывчивым (медиа-запросы) на рабочем столе, а также на мобильных телефонах?
index.html
<md-toolbar>
<div class="md-toolbar-tools">
<!-- Logo -->
<img src="img/logo/1.png">
<!-- navbar Search -->
<div class="navbar-collapse" id="navbar-collapse-1">
<div id="right">
<form class="navbar-form" role="search">
<div class="input-group add-on">
<div class="input-group-btn">
<button class="btn btn-default" type="submit"><i class="glyphicon glyphicon-search"></i></button>
</div>
<input type="text" class="form-control" placeholder="Search Properties" >
</div>
</form>
</div>
</div>
<button type="button" class="btn btn-info">For Landlords</button>
<!-- Side Menu -->
<md-button type="button" class="btn btn-info" >
Menu
</md-button>
</div>
</md-toolbar>
Включить мета-тег viewport, например <meta name="viewport" content="width=device-width">