/*MEDIA QUERIE*/
/* Mobile only */
@media only screen and (max-width: 480px){

}
@media only screen and (max-width: 767px) {
  
}

@media (min-width: 1680px) and (max-width:2056px){
  .language-en-form{
    top: 18%;  
  }
  .language-br-form{
    top: 32%; 
  }
  .wrapFormLogin {  
    margin-left: 9%;
    width: 82%;
  }
}

/* Notebook and smalers */
@media only screen and (max-width: 1679px) {
  .language-en-form{
      top:18%;
  }
  .loginBgCamada2 {
    background-size: 40% 100%;
  }
  .footerLogin{
    width: 102px;
    height: 22px;
  }
  .loginLogo{
    font-size: 155%;
  }
  .loginLogo span{
    font-size: 135%;
    font-weight: bold;
  }
  #container-login .form-login .form-control{
    height: 32px!important;
  }
  .wrapFormLogin {
    margin-left: 5%;
    width: 70%;
  }
  
  .form-login .btn-login {
    width: 87% !important;
    height:50px;
    margin-bottom:10px;
  }
  .icon-user{
    background-size: 50%
  }
  .icon-lock{
    background-size: 50%
  }
  #container-login .Camada3 {
    left: 60%;
    margin: 27% -70px 0;
  }
  .senhaEs{
    font-size: 12px;
    width: 316px;
  }
  
  .checkSenha label {
    font-size: 12px !important;
  }
  .loginLogo {
    margin-bottom: 20px;
  }
  .loginFormulario {
    top: 38%;
  }
}

/* Notebook and biggers */
@media only screen and (max-width: 1440px) {
  .sinotico {
    width: 393px;
  }
  .language-br-form{
    top:38%;
    position:fixed;
  }
  .language-en-form {
    top: 18%;
  }
  .language-br .logo{
    display: block;
  }
  .language-br .logo-sonda{
    display: none;
  }
  .language-br-form .sinotico{
    display:none;
  }
  .language-en .loginLogo{
    display:none;
  }
  .language-en .logo{
    display:none;
  }
  .language-en .logo-sonda{
    display:block;  
    top: 20px !important;
  }
  .language-us-form {
    top: 18%;
  }

  .loginBgCamada2 {
    background-size: 42% 100%;
  }
  .footerLogin{
    width: 102px;
    height: 22px;
  }
  .loginLogo{
    font-size: 156%;
  }
  .loginLogo span{
    font-size: 135%;
    font-weight: bold;
  }
  #container-login .form-login .form-control{
    height: 32px!important;
  }
  .wrapFormLogin {
    margin-left: 5%;
    width: 70%;
    margin-top:-5%;
  }

  
  .form-login .btn-login {
    width: 84% !important;
    height:50px;
    margin-bottom:10px;
  }
  .icon-user{
    background-size: 50%
  }
  .icon-lock{
    background-size: 50%
  }
  #container-login .Camada3 {
    left: 60%;
    margin:34% -174px 0;
    position: fixed;
  }
  .senhaEs{
    font-size: 12px;
    width: 270px;
  }
  .checkSenha label {
    font-size: 12px !important;
  }
  #container-login .Camada3 .logo {
    top: 10px;
  }
  #container-login  .language-us p {
    width: 430px;
  }
  #container-login .language-us .logo-sonda {
    top: 20px;
  }
}
/*
@media screen 
  and (min-device-width: 1200px) 
  and (max-device-width: 1600px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 
      .sinotico {
        width: 393px;
    }
        position: fixed;
    .language-br-form{
      top:38%;
      }
      .language-en-form {
        top: 18%;
      }
      .language-br .logo{
        display: block;
      }
      .language-br .logo-sonda{
        display: none;
      }
      .language-br-form .sinotico{
        display:none;
      }
      .language-en .loginLogo{
        display:none;
      }
      .language-en .logo{
        display:none;
      }
      .language-en .logo-sonda{
        display:block;  
      }
    
    
      .loginBgCamada2 {
        background-size: 42% 100%;
      }
      .footerLogin{
        width: 102px;
        height: 22px;
      }
      .loginLogo{
        font-size: 156%;
      }
      .loginLogo span{
        font-size: 135%;
        font-weight: bold;
      }
      #container-login .form-login .form-control{
        height: 32px!important;
      }
      .wrapFormLogin {
        margin-left: 5%;
        width: 70%;
        margin-top:-5%;
      }
    
      
      .form-login .btn-login {
        width: 84% !important;
        height:50px;
        margin-bottom:10px;
      }
      .icon-user{
        background-size: 50%
      }
      .icon-lock{
        background-size: 50%
      }
      #container-login .Camada3 {
        left: 60%;
        margin:34% -174px 0;
      }
      .senhaEs{
        font-size: 10px;
        width: 270px;
      }
      .checkSenha label {
        font-size: 10px !important;
      }
}
*/

/* Tablet only */
@media only screen and  (max-width: 1024px) {
  .loginBgCamada2 {
    background-size: 55% 100%;
  }
  .loginLogo {
    font-size: 125%;
  }
  .wrapFormLogin {
    width: 60%;
    margin-left: 5%;
    width: 70%;
    margin-top: -13%;
  }
  .loginFormulario {
    top: 32%;
  }
  .language-en-form{
    top:18%;
  }

  #container-login .Camada3 {
    left: 60%;
    margin: 41% -16px 0;
    font-size: 45px;
  }
  #container-login .Camada3 p {
    line-height: 47px;
  }
  .wrapFormLogin {
    margin-top: -3%;
  }

}

/* Tablet and smalers */
@media only screen and (max-width: 960px) {
  .loginBgCamada2 {
    background-size: 60% 100%;
}
  .wrapFormLogin {
    width: 64%;
    margin-top: 3%;
  
  }
  .loginLogo {
    font-size: 144%;
  }
  .loginFormulario {    
    top:38%;
  }
  .language-en-form{
    top: 14%;
  }
  #container-login .Camada3 {
    left: 60%;
    margin: 40% 45px 0;
    font-size: 39px;
  }
  #container-login .Camada3 p {
    line-height: 42px;
  }
  #container-login .Camada3 .logo {
    top: -3px;
    width: 80%;
    height: 111px;
  }
  .language-en .logo-sonda {
    top: 35px !important;
  }
}


/* Tablet and biggers */
@media only screen and (max-width: 768px) {
  body, #container-login, .loginBg, .loginBgCamada2 {
    overflow: hidden !important;
  }
  .loginFormulario {
    top: 222px;
  }
  .loginBgCamada2 {
    background-size: 60% 100%;
  }
  .wrapFormLogin {
    width: 57%;
    margin-top: 35%;
  }
  .loginLogo {
    font-size: 134%;
  }
  .loginLogo span {
    font-size: 120%;
    font-weight: bold;
  }
  #container-login .Camada3 {
    left: 58%;
    margin: 72% 46px -4px;
    font-size: 32px;
  }
  #container-login .Camada3 p {
    line-height: 34px;
  }
  #container-login .Camada3 .logo {
    top: -3px;
    width: 64%;
    height: 111px;
  }
}


/* Tablet and biggers */
@media only screen and  (min-width: 415px) and (max-width: 640px) {
  .loginFormulario {
    top: 222px;
    position:fixed;
  }
  .loginBg {
    height: 116%;
    width: 115%;
  
  }
  .form-login .btn-login {
    border-radius: 10px;
  }
  .loginBgCamada2{
    background-position-y: 3% !important;
    background-size: 41% !important;
    background: url(../img/bg-login-mobile.png);
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .language-br-form{
    top: 5px;
    margin: 0 -4%;
  }
  .language-br {
    width: 47%;
    margin-top: 29%;
  }
  #container-login .Camada3{
    position: fixed;
  }
}


@media only screen and (max-width: 414px) {
  /* Portrait and Landscape */

  .language-en-form{
    top: 12.5%;
  }
  .language-en-form .sinotico{
    background-size: 68%;
    margin: 5% 8%;
  }
  .loginBg { 
      height: 116%;
      width: 100% !important;
      background-position-x: 60%;
  }
  #container-login .form-login {
    width: 110%;
  }
  #container-login .Camada3 {
    /*margin: 159% -46% 0;*/
    margin: 130% -46% 0;
    display: block;
    position: fixed;
    font-size: 32px;
    width: 83%;
  }
  .loginBgCamada2{
    background-position-y: 3% !important;
    background-size: 100% !important;
    background: url(../img/bg-login-mobile.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .wrapFormLogin {

    width: 80%;
    margin: 10px 22px;
    display: block;
  }

  .loginLogo {
    margin-bottom: 35px;
}
  .loginFormulario{
    position:fixed;
     width: 100%;
     
     display: block;
     padding: 20px 0px;
     border-radius: 20px;
  }
  .form-login .btn-login {
    border-radius: 10px;
    margin-top: 15px;
  }
  #container-login .Camada3 .logo-sonda {    
    top: 35px;
  }
 
}


/* ----------- Galaxy S3 ----------- */

/* Portrait and Landscape */

@media only screen  and  (min-width: 360px) and   (max-width: 413px) {
      .language-br-form {
        position: fixed;
        width: 100%;
        display: block;
        padding: 20px 0px;
        border-radius: 20px;
    }

      /* Portrait and Landscape */

  .language-en-form{
    top: 10.5%;
  }
  .language-en-form .sinotico{
    background-size: 55%;
    margin: 8% 8%;
  }
  .loginBg { 
      height: 116%;
      width: 100% !important;
      background-position-x: 60%;
  }
  #container-login .form-login {
    width: 110%;
  }
  #container-login .Camada3 {
    /*margin: 159% -46% 0;*/
    margin: 130% -46% 0;
    display: block;
    position: fixed;
    font-size: 32px;
    width: 83%;
  }
  .loginBgCamada2{
    background-position-y: 3% !important;
    background-size: 100% !important;
    background: url(../img/bg-login-mobile.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    position: absolute;
    height: 100%;
    width: 100%;
  }
  .wrapFormLogin {

    width: 80%;
    margin: -52px 7px;
    display: block;
  }

  .loginLogo {
    margin-bottom: 35px;
}
  .loginFormulario{
    position:fixed;
     width: 100%;
     
     display: block;
     padding: 20px 0px;
     border-radius: 20px;
  }
  .form-login .btn-login {

    border-radius: 10px;
    margin-top: 23px;
  }
  #container-login .Camada3 .logo-sonda {    
    top: 35px;
  }
 
}

/* Portrait */
@media only screen  and  (min-width: 320px) and   (max-width: 359px) {
    .wrapFormLogin {
      margin: 3px -2px;
      position:fixed;
    }
    .form-login .btn-login {
      margin-bottom: 0;
      margin-top: 12px;
    }
    .checkSenha input{
      font-size: 10px;
    }
    .form-login .btn-login {
      margin-bottom: -6px;
    }
    .language-br-form {
      top: 224px;
    }
    .form-login .btn-login {
      border-radius: 10px;
      margin-top: 15px;
    }
    .form-login .btn-login {      
      margin-bottom: 0px;
    }
    .senhaEs {
      font-size: 10px !important ;
      width: 250px !important;
    }
    .checkSenha label {
      font-size: 10px !important;
    }

}

@media (max-width:415px) {
  .form-login .btn-login {
    margin-bottom: 0;
  }

 .dFlex {
  display: flex;
  flex-direction: column;
 }

 .senhaEs > span {
  margin-left: 5px;
 }
}

/* paisagem*/
/*@media screen 
  and (device-width: 320px) 
  and (device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: landscape) {

}*/

/*END MEDIA QUERIE*/