@media all and (min-width: 0){*{margin:0;padding:0}body{font-family:Arial}.clear{width:100%;clear:both}.login-wrap{height:540px;width:90%;background:#f6f7fb;position:absolute;margin:-270px 0 0 -45%;left:50%;top:50%;border:1px solid #ccc}.login-wrap .blog{padding:50px 0;width:80%;margin:auto;display:block}.login-wrap .blog img{width:150px;height:auto;padding-bottom:30px}.login-wrap .blog h1{font-size:18px;padding-bottom:5px}.login-wrap form input{width:calc(100% - 30px);height:45px;outline:none;margin-top:25px;font-family:Arial;font-size:15px;padding:0 15px;border:1px solid #CCC}.login-wrap form input.submit{width:calc(50% - 10px);border:none;text-transform:uppercase;color:#FFF;border-radius:5px;cursor:pointer}.login-wrap form input.success{background-color:#71BA51}.login-wrap form input.success:hover{background-color:#2CC990}.login-wrap form input.primary{background-color:#ee5922}.login-wrap form input.primary:hover{background-color:#EB9532}.login-wrap form input.left{float:left}.login-wrap form input.right{float:right}.login-wrap p.center{text-align:center;padding-top:30px}.login-wrap p.center a{text-decoration:none;color:#ee5922}.login-wrap p.login-mes{text-align:center;color:#F00;padding:40px 0 0 0}}@media all and (min-width: 996px){.login-wrap{height:540px;width:460px;margin:-270px 0 0 -230px}}