[imedia]

Вродебы все правильно, смотрите

@media screen and (max-width: 768px) { 
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
} 
  .center_panal{
	width:700px;
}
	 
.navbar-form .form-control {
     width: 200px;
   }
}
.navbar-form .form-control {
width: 400px; 
}

я не понимаю, есть же медиазапрос и указана ширина .navbar-form .form-control почему не меняется ширена