@media (max-width: 1600px) {
 
}

@media (max-width: 1366px) {
 
}

@media (max-width: 1200px) {
 
}

@media (max-width: 1199px) {

  /* Campos do formulário */
  .form-control-red, .form-control-red2{
    max-width: 84%;
  } 

  h2.h2_3_cols{
    width: 200px;
  }

}

@media (max-width: 991px) {

   /* Imagem - Logo*/
  .navbar-brand img{
    width: 70%;
    margin-top: 6px;
  }

  /* Alinhamento do menu */
  .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
      margin-right: -24px;
  }

  /* Alinhamento do botão expansível */
  .navbar-toggle {
    margin-top: 15px;
  }

  /* Campos do formulário */
  .form-control-red, .form-control-red2{
    max-width: 93%;
  }

  /* Margem Bottom BG Vermelho */
  .bgVermelho{
    padding-bottom: 25px;
  }

}


@media (max-width: 810px) {

  #alteraSmartphone img{
    display: none;  
  }

  #alteraSmartphone{
    min-height: 573px;
    background-image: url("../images/headers/home/1_tablet.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
  }  
  
   /* Campos do formulário */
  .form-control-red, .form-control-red2{
    max-width: 88%;
	height: 40px;
  }
  
  button.btnLocalizar, button.btnOK {
	height: 40px;
  }

}


@media (max-width: 610px) {

  /* Campos do formulário */
  .form-control-red, .form-control-red2{
    max-width: 88%;
	height: 40px;
  }
  
  button.btnLocalizar, button.btnOK {
	height: 40px;
  }
  
  #alteraSmartphone img{
    display: none;  
  }

  #alteraSmartphone{
    min-height: 573px;
	background: #666464 url("../images/headers/home/1_cel.png");    
    background-repeat: repeat-x repeat-y; 
    background-attachment: fixed;
  }  

}


/* Smartphones e telas pequenas */

@media (max-width: 500px) {
  
  section#topoMestrado{
      background: none;
      color: #333;      
  }  

  section#topoMestrado h2, section#topoMestrado p{
    color: #333;
  }

  header div.logo{
      background: url('../img/logo/logo_peq.png') no-repeat;
      width: 152px;
      height: 60px;
      margin-top: 10px;
  }

  header div.logo a{
      width: 152px;
      height: 60px;
      display: block;
  }

  header div.topoLocalizacao ul{    
      margin-bottom: 5px;    
      font-size: 13px;
      margin-left: -48px;
  }

  header div.topoLocalizacao ul li{   
      display: inline-block;    
      line-height: 20px;
      padding: 8px 5px; 
  }

  header div.topoLocalizacao ul li i{ 
      margin-right: 3px;
  }
  
}

@media (max-width: 350px) {  

  /* Campos do formulário */
  input.form-control-red, input.form-control-red2{
    max-width: 85%;
  }

  /* Muda o alinhamento do botão Mais Cursos */
  a.botaoMaisCursos{
    margin-top: 60px;
  }
  
  ul#ulRedesSociaisFooter{
    float: left;
    margin-bottom: 20px;
    margin-top: 0px;
  }  



}