/* md */
@media only screen and (max-width:1199px)  {
    .menu .logo-prefeitura { height: 70px; }
    .menu #navbar { margin-top: 30px;}
    .menu .logo-texto .titulo-modulo { margin-top: 10px;}

    .col-link { text-align: center;}
}

/* sm */
@media only screen and (max-width:991px)  {
    .menu { padding-top: 20px;}
    .conteudo .box-login { margin-top: 30px;}
}

/* xs */
@media only screen and (max-width:767px)  {
    p { font-size: 14px;}

    .menu { padding-bottom: 0; padding-top: 5px;}
    .menu .logo-texto { margin-bottom: 15px;}
    .menu .navbar-nav { margin: 0;}
    .menu #navbar { float: none; margin-top: 0; background: #000; border-top: 7px solid #ECEFF2; background: #337FA9; }
    .menu .navbar-nav > li > a { font-size: 16px; padding: 10px 15px; margin-left: 0; color: #FFF; }
    .menu .navbar-nav > li > a [class^="icon-"]  { top: 1px; left: -4px; position: relative; color: #FFF;}
    .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li.active > a { background: #359ac4; color: #FFF; }
}