< style> .wdt_login .loginform { float: none; width: auto; border-right: none; margin-bottom: 20px; } .popup.wdt_login { width: 360px; border-radius: 6px; margin: 0; } @media screen and (max-width: 767px) { .popup.wdt_login {width: 90%!Important; left: 5%!Important;} } .popup.wdt_login .remember { display: none; } .popup.wdt_login .loginform input { width: 100%; padding: 8px 10px; font: 15px Arial,Helvetica,sans-serif; } .popup.wdt_login .bottom {display: flex;} .popup.wdt_login .bottom>div {width: 50%;} .popup.wdt_login .bottom .button {text-align: left;} .popup.wdt_login .bottom .forgot {line-height: 33px; text-align: right;} .popup.wdt_login .head { font: normal 18px Trebuchet MS; text-align: left; } .popup.wdt_login .head a { color: black; margin-right: 17px; } .popup.wdt_login .head a.active { opacity: 0.6; } .popup.wdt_login .head a.active:hover { color: #16589d; text-decoration: none; opacity: 1; } .popup.wdt_login .inner { /* padding: 25px;*/ } .popup.wdt_login .close { width: 11px; height: 11px; background: url(/images/close_popup.png) no-repeat 0 0; opacity: 0.38; cursor: pointer; outline: none; border-radius: 0; padding: 0; right: 10px; top: 10px; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .popup.wdt_login .close:hover { opacity: 1; } .popup.wdt_login p.back_up {margin-bottom: 20px;} .popup.wdt_login p.back_down {margin-top: 20px;} .inner_register, .inner_consent, .inner_forgot {display: none;} p.consent {color: #818181;} .popup.wdt_login input[type="text"], .popup.wdt_login input[type="password"] { width: 100%; padding: 8px 10px; font: 15px Arial,Helvetica,sans-serif; border: 1px solid #dadada; box-shadow: inset 0 1px 2px #dadada; } .popup.wdt_login .inner_consent {margin: 0 -15px; font-size: 0.9em; line-height: 1.5em;}