.login-container {
  display: block;
  width: 890px;
  min-height: 520px;
  background-color: #fff;
  box-shadow: 0px 2px 30px #ccc6;
  margin: auto;
  position: relative;
  /*z-index: 1;*/
 
  overflow: hidden;
}
.container{
  padding-top: 7%;
}
.box-form {
  width: 500px;
  min-height: 520px;
  height: auto;
  background: #fff;
  box-sizing: border-box;
  padding: 50px 50px;
  border-radius: 2px;
  transition: all .1s ease-in-out;
  float: left;
  overflow-y: auto;
  display: table-cell;
  border-right: 2px solid #f1f1f1;
}
.login-tit {
  display: block;
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 30px;
  line-height: 30px;
  transition: all .1s ease-in-out;
}
.desc-tit {
  display: block;
  font-size: 16px;
  color: #000;
  font-weight: 400;
}
.box-info {
  width: 390px;
  height: auto;
  float: right;
  box-sizing: border-box;
  padding: 40px;
  background-color: #fff;
  display: table-cell;
}

@media (min-width: 600px) and (max-width: 1024px) {

.login-container {
  width: 520px;
box-shadow: none;
margin: 0 auto;
position: relative;
z-index: 1;
margin-top: 7%;
overflow: hidden;

}
.box-form {   
width: 100%;
border-right: none;
}
.box-info {
display: none;
}
#recoverybtn,#problemsignin,.tryanother{
right: 0;
}
.trustdevicebox{
width:auto;
height: auto;
}
#mfa_device_container .selection{
display: block;
}
.select_con{
width: 250px;
}
}

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


.login-container {
width:100%;
box-shadow:none;
margin: 0 auto;
position: relative;
z-index: 1;
margin-top: 40px;
height:auto;
overflow: hidden;

}
.trustdevicebox{
width:auto;
height: auto;
}
.box-form {   
width: 100%;
padding: 0px 30px;
height: auto;
border-right: none;
}
.box-info {
display: none;
}
}
.input-text {
display: block;
width: 100%;
height: 44px;
box-sizing: border-box;
border-radius: 2px;
text-indent: 12px;
font-size: 16px;
outline: none;
border: none;
padding-right: 12px;
transition: all .2s ease-in-out;
background: #F1F1F1;
border: 1px solid #E4E4E4;
}
.rec-pass-link {
display: block;
text-align: center;
margin-bottom: 30px;
color: #626262;
font-size: 16px;
font-weight: 500;
text-decoration: none;
cursor:pointer;
}

.line {
background-color: #f1f1f1;
width: 100%;
height: 2px;
border-radius: 1px;
margin-bottom: 20px;
}
.login-img {
display: block;
height: 180px;
width: 180px;
background: url(https://s3.amazonaws.com/public-cdn-506/logo.png) no-repeat transparent;
  background-size: auto;
background-size: 100%;
margin: auto;
  margin-bottom: auto;
margin-bottom: 50px;
background-color:rgb(188,236,239,0.3);
border-radius: 50%;
}
.description-app-tit {
display: block;
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
text-align: center;
}
.description-app {
display: block;
font-size: 14px;
line-height: 24px;
margin-bottom: 20px;
text-align: center;
}
.description-app a{
color: #309FF4;
text-decoration: none;
}