Почему браузер уменьшается только до 710px?

Здравствуйте!

Нужна помощь! В уроках браузер уменьшается до разрешения мобильного устройства, а у меня только до 710px. Может я что-то не правильно делаю?

https://disk.yandex.ru/i/_5c1KumRkg1vNQ

 <div class="container-fluid">
      <div class="row">     <!--убирает внутренние отступы-->

         

        <nav role="navigation" class="navbar navbar-inverse"> <!--этот тег вмещает навигацию сайта и приоритетные ссылки с ролью навигации-->

          <div class="container">

            <div class="navbar-header header">

              <div class="container">

                <div class="row">
                  
                  <div class="col-lg-12">
                     <h1><a href="#">КиноМудрость</a></h1>
                     <p>Кино с пользой</p>
                  </div>

                </div>

              </div>
              
             <button type="button" data-target="#navbarCollapse" data-toggle="collapse" class="navbar-toggle">

              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              
             </button> 

            </div>


            <div id="navbarCollapse" class="collapse navbar-collapse navbar-right">

              <ul class="nav nav-pills">  <!--с nav-pills меню становится горизонтальным-->
                <li class="active"><a href="#">Главная</a></li>
                <li> <a href="#">Фильмы</a> </li>
                <li> <a href="#">Короткое кино</a> </li>
                <li> <a href="#">Сериалы</a> </li>
                <li> <a href="#">Мультфильмы</a> </li>
                <li> <a href="#">Обратная связь</a> </li>
              </ul>
              


            </div>
          </div>
        </nav>
      
      </div>
    </div>