.signup {
float:right;
width:1024px;
margin:0 208px
}
.forgot_password {
float:right;
width:100%;
margin:0
}
.forgot_password .form{
margin:27px 91px 20px
}
.title{
float:right;
width:100%;
text-align:center;
margin:54px 0 0 0;
color:#00baf2;
font-size:28px
}
.form{
float:right;
width:462px;
margin:27px 281px 20px
}
.form .email{
float:right;
width:421px;
height:56px;
margin:0 0 27px 0;
border-radius:4px;
padding:1px 17px;
font-size:21px
}
.form .password{
float:right;
width:421px;
height:56px;
margin:0 0 29px 0;
border-radius:4px;
padding:1px 17px;
font-size:21px
}
.form .confirm_password{
float:right;
width:421px;
height:56px;
margin:0 0 15px 0;
border-radius:4px;
padding:1px 17px;
font-size:21px
}
.form .forgot{
float:left;
margin:0 0 0 6px;
color:#252b79
}
.form .submit{
float:right;
width:461px;
height:68px;
margin:32px 0 0 0;
border-radius:4px;
background:#662e91;
color:white;
font-size:38px;
border:none
}
.agree {
float:right;
width:100%;
text-align:center;
color:#838182
}
.line_break {
float:right;
border-top:1px solid #00baf3;
width:100%;
margin:33px 0
}
.second_title {
float:right;
width:100%;
text-align:center;
color:#858182;
font-size:22px;
margin:6px 0 0 0
}
.sign-btn{
float:right;
width:100%;
text-align:center;
margin:30px 0 88px 0;
height:58px
}
.signin {
color:#01b9ef;
text-decoration:none;
border:1px solid #01b9ef;
border-radius:4px;
font-size:35px;
padding:8px 96px
}
@media (max-width:1440px){
.signup{
margin:0;
width:100%
}
}
/*----------------- Tablets and Mobile sizes -----------------*/
@media all and (max-width:640px),(max-device-width:640px){
.signup{
margin:0;
width:100%
}
.forgot_password {
margin:0;
width:100%
}
.title{
margin:20px 0 20px 0;
width:100%;
text-align:center
}
.form{
margin:10px 90px 0 0
}
}