body{
    overflow:hidden;
}
.Resetpwdd {
    color: red;
    /* background: green; */
    position: absolute;
    top: 20%;
    left: 30%;
    transform: scale(-50%, -50%);
}

.Resetpwdd form {
    display: flex;
    flex-direction: column;

    width: 700px;

}

.Resetpwdd input {
    background: none;
    border: none;
    color: #ddd;
    border: 2px solid red;
    padding: 1em;
    margin: 1em;
    font-size: 1.3em;
    border-radius: 1em;


}

.Resetpwdd button {
    padding: 1em;
    align-self: center;
    background: none;
    border-radius: 1em;
    color: #ddd;
    border: 1px solid red;
    transition: all 0.5s;
}

.Resetpwdd button:hover {

    cursor: pointer;
    background: #ddd;
    color: #000;
    border: 1px solid black;


}

.Resetpwd {
    color: red;
    /* background: green; */
    position: absolute;
    top: 20%;
    left: 30%;
    transform: scale(-50%, -50%);
}

.Resetpwd form {
    display: flex;
    flex-direction: column;

}

.Resetpwd input {
    background: none;
    border: none;
    color: #ddd;
    border: 2px solid red;
    padding: 1em;
    margin: 1em;
    font-size: 1.3em;
    border-radius: 1em;


}

.Resetpwd button {
    padding: 1em;
    align-self: flex-end;
    background: none;
    border-radius: 1em;
    color: #ddd;
    border: 1px solid red;
    transition: all 0.5s;
}

.Resetpwd button:hover {

    cursor: pointer;
    background: #ddd;
    color: #000;
    border: 1px solid black;

}

input:focus,
button:active {
 outline: 0;
 
    


}
.reset-pwd-error{
     padding: .5em .5em 0.1em .5em;
   text-transform:uppercase;
   letter-spacing:.2em;

  border-radius: 1em;
  color: #ddd;
  font-weight: 500;
}
.reset-pwd-error p i{
color:red;
    
}

.reset-mail-failed {
   
    display:flex;
 flex-direction:row;
 align-items:center;
   padding: .5em .5em 0.1em .5em;
   text-transform:uppercase;
   letter-spacing:.2em;

  border-radius: 1em;
  color: #ddd;
  font-weight: 500;
}
.reset-mail-failed i{
    align-self:flex-start;
    margin-top:.3em;
    margin-right:.5em;
    color:#c0392b;
}
.reset-mail-success {
 
 display:flex;
 flex-direction:row;
 align-items:center;
   padding: .5em .5em 0.1em .5em;
   text-transform:uppercase;
   letter-spacing:.2em;
  /*border-bottom: 1px solid #e74c3c;*/
  border-radius: 1em;
  color: #ddd;
  font-weight: 500;
 
}
.reset-mail-success i{
    align-self:flex-start;
    margin-top:.3em;
    margin-right:.5em;
    color:#c0392b;
}




/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait */

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 667px) 
  and (orientation: portrait) 
 { 
    .Resetpwd {
    left: 10%;
}
.Resetpwd h1{
    font-size:1.8em;
    margin-bottom:1em;
}
.Resetpwd p{
    font-size:.9em;
    margin:0em .5em .5em 0;
}
input:focus,
button:active {
 outline: 0;
font-size: 10px;

}
.Resetpwd input {
   
    color: #ddd;
    border: 1px solid red;
    padding: .5em;
    margin: .5em;
    margin-right:1em;
    font-size: 1em;
   

}

.Resetpwd button {
    margin:1em;
    padding: .5em;
}



.Resetpwdd {
 
  
    left: 10%;

}

.Resetpwdd form {
  
    width: 400px;
    align-items:center;

}
.Resetpwdd input {
  
    border: 1px solid red;
    padding: .5em;
    margin: 1em;
    margin-right:5em;
    font-size: 1em;
    width:250px;
   

}

.Resetpwdd button {
    padding: .5em;
    margin-top:1em;
    margin-right:5em;
 
}


}


@media only screen 
  and (min-device-width: 700px) 
  and (max-device-width: 1200px) 
  and (orientation: portrait) 
 { 
 


.Resetpwdd {
    left: 20%;
}
.Resetpwdd form {
    width: 500px;
    align-items:center;
}
.Resetpwdd input {
    padding: .7em;
    font-size: 1.3em;
    width:400px;
}

.Resetpwdd button {
    padding: .7em;
    margin-top:1em;
    margin-right:1em;
}

.reset-pwd-error{
   font-size:.9em;
}

}





@media only screen 
  and (min-device-width: 1201px) 
  and (max-device-width: 1600px) 
  and (orientation: portrait) 
 { 

.Resetpwdd {
    left: 20%;
}
.Resetpwdd form {
    width: 600px;
    align-items:center;
}
.Resetpwdd input {
    padding: 1em;
    font-size: 1.4em;
    width:500px;
}

.Resetpwdd button {
    padding: 1em;
    margin-top:1em;
    margin-right:1em;
}

.reset-pwd-error{
   font-size:1.1em;
}

}

.footer {
    padding: 10px;
    position: fixed;
    width:100%;
    bottom:0;
    background: linear-gradient(to right, #d1ccc0, #f7f1e3, #d1ccc0);
    border-top: #ce000f solid 3px;
}