/* =============================================================================
1920px
========================================================================== */
@media screen and (max-width: 2000px){

}
/* =============================================================================
1280px
========================================================================== */
@media screen and (max-width: 1280px){

}
/* =============================================================================
980px
========================================================================== */
@media screen and (max-width: 980px){
  #horas li{
    margin:0 7px 10px 0!important;
  }
  #horas li:nth-child(5n+5){
    margin-right:7px!important;
  }

  #formMarcacao label{
    font-size:16px;
  }
}
/* =============================================================================
800px
========================================================================== */
@media screen and (max-width: 800px){
  #nome{width:100%!important;}

  header.internal #logo{
    margin-left:-68px;
  }
  header.internal #sair{
    right:60px;
  }
}
/* =============================================================================
768px
========================================================================== */
@media screen and (max-width: 768px){
}
/* =============================================================================
600px
========================================================================== */
@media screen and (max-width: 640px){
  header.internal #logo{
    margin:0;
    left:0;
  }
  header.internal #sair{
    right:20px;
  }

  #logo{
    width:120px;
    height:75px;
    margin:0 auto;
    position:relative;
  }
  #logo a,
  #logo img{
    width: 116px;
    height: 70px;
    margin: 2px 0 0 1px;
  }

  #filtro{
    width:100%!important;
    float:none!important;
  }
  #filtro .margens{
    height:auto!important;
  }
  #filtro .sbHolder{
    width:100%!important;
    float:none!important;
  }

  #confirmar,
  #entrar{
    display:block;
    margin:0 auto;
  }
  #cancelar,
  #esqueci{
    text-align:center;
    line-height:34px!important;
  }

  #logo-doctor img{ display:block; margin:0 auto; float:none;}
  #desenvolvedor{ margin-top:20px;padding-bottom:30px; }
  #desenvolvedor p{ text-align:center; }

  #formFilial{width:290px;}
  #formFilial h2{padding:10px 39px!important;}

  #formLogin fieldset{
    padding:20px 40px 10px!important;
  }
  #formLogin h2{
    text-align:center;
    font-size:23px!important;
  }
  #formLogin input[type=submit]{
    margin-bottom:0!important;
  }

  #formLogin #firstData{
    text-align: center;
    line-height: 34px;
    margin-top:5px;
  }

  #conteudo{
    margin-top:30px!important;
  }

  #novo{
    height:200px!important;
  }

  .title-blue{
    color:#1a6a88;
    font-size:20px;
    margin-bottom:5px;
  }
  .title-blue span{
    font-size:20px;
  }

  .unidade{
    width:100%!important;
    display:block!important;
    box-sizing: border-box;
  }
  .unidade .margens{
    width:100%!important;
  }
  .unidade form{
    display:block!important;
  }

  #nome{
    width:100%!important;
  }

  .campo{margin-bottom:20px;}

  #datas{
    margin-bottom:30px;
  }
  .ui-datepicker table{width: 100%!important;}
  .ui-datepicker td span, .ui-datepicker td a{line-height: 47px!important;}

  #horarios{
    padding:0!important;
  }
  #horarios h2{
    margin-bottom:10px;
  }
  #horas li{
    margin:0 2px 11px!important;
  }
  #horas li:nth-child(5n+5){
    margin-right:2px!important;
  }
  #horas li a{
    font-size: 13px;
    line-height: 31px;
    background-size: cover !important;
    width: 60px !important;
    height: 30px !important;
  }

  .text-center{text-align:center;}
}
/* =============================================================================
568px
========================================================================== */
@media screen and (max-width: 568px){
    form, #formConsulta{
      width:100%;
      // min-width:288px;
    }

    #menu #active-menu{
      color: orange !important;
      font-size: 16px !important;
      border: 1px solid orange !important;
      width: 60px;
      line-height: 33px;
    }

    #menu{
      position:relative;
      height: 33px;
    }
    #menu .drop{
      background:#fffce7;
      width:180px;
      display:none;
      border-top:1px solid #bcc3c6;
      position:absolute;
      top:35px;
      left:0;
      overflow:hidden;
      z-index:10;
    }
    #menu .drop li{
      background:none;
      display:block;
      padding:0;
      float:none;
    }
    #menu .drop li a{
      display:block;
      border-bottom:1px solid #f8eda3;
      padding:5px 10px;
    }
    #menu .drop li a:hover{
      background:#f9f4d4;
    }

  #formConsulta{
    width:100%;
  }
  #formCadastro .margens, #formAlterar .margens, #formEsqueci .margens, #formRedefinir .margens, #formConsulta .margens, #formFilial .margens{
    width:100%;
  }
  #formCadastro{
    width:100%!important;
    min-width:285px;
  }

  .ui-datepicker td span, .ui-datepicker td a{line-height: 30px!important;}

  #linkProximas,
  #linkHistorico,
  #linkOrientacoes,
  #linkReceitas,
  #linkTestes{
    text-align: center;
    margin: 0 auto 20px;
    display: inline-block;
    float: none;
  }
  #linkHistorico{
    margin-bottom:0;
  }
  .btCancelar{
    margin: 0 auto;
    float: none;
  }
  .btCancelar span{
    position:relative;
    top:10px;
  }

  #linkReceitas .bgCenter{
    padding: 0 80px !important;
  }

  #linkOrientacoes, #linkTestes{
    margin-left: 0px !important;
  }

  #linkOrientacoes .bgCenter{
    padding: 0 66px !important;
  }

  #linkTestes .bgCenter{
    padding: 0 86px !important;
  }
}
/* =============================================================================
480px
========================================================================== */
@media screen and (max-width: 480px){

}
/* =============================================================================
360px
========================================================================== */
@media screen and (max-width: 360px){

}
/* =============================================================================
320px
========================================================================== */
@media screen and (max-width: 320px){

}