.glyphlogin{ position:absolute; display:block; top:25%; left:33%; } .gly{ position:absolute; display:block; top:25%; /* margin-left:34%; */ left:0%; } .glyphright{ left:-3%; } .glyphicon-ok { color:green; } .glyphicon-remove{ color:red; } @media only screen and (max-width: 767px) and (min-width: 360px) { .glyphlogin{ position:absolute; display:block; top:25%; left:10%; } .gly{ position:absolute; display:block; top:25%; /* margin-left:34%; left:0%; */ } .glyphright{ left:10%; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .glyphlogin{ position:absolute; display:block; top:25%; left:25%; } .gly{ position:absolute; display:block; top:25%; /* margin-left:34%; left:0%; */ } .glyphright{ left:25%; } } .sryQuote { width: 10.0625em; height: 2.1875em; border: 2px solid #FF6900; color: #FF6900; opacity: 1; display: inline-block; text-align: center; padding: 3px; border-radius: 24px; margin: 0px; cursor: pointer; } /* Start Of Radio */ .accept_check { display: inline-block; margin-left: 38px; font-size: 12px; line-height: 18px; font-weight: normal; } .role { margin-right: 20px; margin-left: 2px; font-weight: normal; position: relative; top: -5px; } /* End of Check box */ /* Start Of Label Animation */ #mobileNo:valid { padding-left: 3.125em; } /* End Of Label Animation */ /* Start of Button */ .cancel { text-decoration: underline; margin-top: 5px; letter-spacing: 0px; color: #FF6900; opacity: 1; cursor: pointer; } .login-button { border-radius: 25px; border: 1px solid #FF6900 ; padding: 8px 32px; font-size: 16px; cursor: pointer; color: #ffffff; background-color: #FF6900; } .greet { color: #55565A; padding: 1.8em 0; } .greet p { margin: 0px; } .greet_title { font-size: 1.8125em; } .greet_desc { font-size: 1.375em; } .error_alert { width: 41.1875em; display: inline-block; border: 2px solid #EF2856; border-radius: 6px; opacity: 1; text-align: left; font-size: 14px; padding: 1em 1.5em; } .error_desc { padding-left: 2.3em; } @media only screen and (max-width: 600px) { .error_alert { width: auto !important; text-align: center !important; padding:1em !important; } .error_desc { padding: 0px !important; } } /* Input field*/ .form-input-check div { width: 18.75em; text-align: left; display: inline-block; color: #4D5965; font-size: 1em; padding: 0.1em 0; } .mobile-help { position: absolute; top: 0.75em; margin-left: 0.75em; cursor: pointer; } @media screen and (min-width: 992px) { .left .form-input-text { margin-left: 15%; } .right .form-input-text { margin-right: 20%; } } @media screen and (min-width: 1200px) { .left .form-input-text { margin-left: 35%; } .right .form-input-text { margin-right: 40%; } } @media only screen and (max-width: 600px) { .form-input-check div { width: 269px !important; } }