@media screen and (max-width: 992px) {
    *{font-size: 10px;}
    .top {
        width: 100%;
        height: 60px;
        }
    .logo{height: 30px;width: 250px;}
    .logo .loImg{width: 80px;height: 100%;}
    .logo .loText{font-size: 12px;line-height: 12px;}
    .bdcenter{background: -webkit-radial-gradient(#1860a9,#05213d);padding-top: 10%;padding-bottom: 35%;}
    .bdimg{display: none;}
    .bgwhite{ width: 80%;margin-left: 10%;}
    .form-control,input{margin-bottom: 10px;}
    .bgwhite .userlogin{display: none;}
    .bgwhite .userlogin .user{font-size: 18px;}
    .bgwhite .submit{height: 50px;font-size: 18px;}
    .vimg{height: 38px;}
}
@media screen and (min-width: 992px) {
    *{font-size: 14px}
    .top {
        width: 100%;
        height: 100px;
        }
    .logo{height: 40px;width: 350px;}
    .logo .loImg{width: 130px;height: 100%;}
    .logo .loText{font-size: 18px;line-height: 18px;}
    .bgwhite{position: absolute;top: 0; width: 20%;margin-left: 64%;margin-top: 2%; }
    .form-control,input{margin-bottom: 5px;}
    .bgwhite .submit{height: 38px;font-size: 20px;}
    .bgwhite .userlogin .user{font-size: 20px;}
    .logos{display: none;}
    .vimg{height: 38px;}
}
@media screen and (min-width: 1200px) {
    .bgwhite{ width: 17%;margin-left: 64%;margin-top: 2%; }
    .form-control, input{margin-bottom: 10px;height: 50px;}
    .bgwhite .submit{height: 50px;font-size: 22px;}
    .form-control-feedback{width: 50px;height: 50px;line-height: 50px;}
    .bgwhite .userlogin .user{font-size: 22px;}
    .logos{display: none;}
    .vimg{height: 50px;}
}   
@media screen and (min-width: 1500px){
    .bgwhite{ width: 17%;margin-left: 64%;margin-top: 4%; }
    .bgwhite .submit{height: 50px;font-size: 24px;}
    .bgwhite .userlogin .user{font-size: 24px;}
    .logos{display: none;}
    .vimg{height: 50px;}
}
* {
    padding: 0;
    margin: 0;
}
P{
    padding: 0;
    margin: 0;
}
img{
    border: none;
    display: block;
    width: 100%;
}
.form-control,input{
    background-color: #f2f2f2;
}
/* .form-control,input:active{} */
.logo{
    margin: 0 auto;
    margin-top: 3%;
}
.logo>div{float: left;}
.logo .loText{background: #f7be0e;color: #fff; margin-top: 3%;padding: 3px;margin-left: 2%;border-radius: 5px;}
.bdcenter{width: 100%;position: relative;}
.no-gutters {margin-right: 0;margin-left: 0;}
.bgwhite{background: #fff;border-radius: 5px;padding-bottom: 20px;}
.bgwhite .userlogin{width: 100%;border-left: 4px solid #1b8fe6;margin: 14px;padding-left: 10px;margin-left: 0;}
.bgwhite .userlogin .user{color:#1b8fe6; }
.bgwhite .userlogin .users{color:#1b8fe6;}
.bgwhite .submit{width: 100%;background: #f7be0e;border: none;}
.bgwhite .submit:hover{opacity: 0.8;}
.form-control-feedback{right: 15px;}
.checkboxone{height: 14px;margin-left: 14px;}
form{padding-left: 14px;padding-right: 14px;}
.checkbox{margin-top: 0;}
.lose{text-align: right;}
.form-group{margin-bottom: 0;}
.checkbox input[type=checkbox]{margin-left: 0;}
.vimg{width: 100%;overflow: hidden;}
.footer{text-align: center;color: #999;margin: 30px;}
.smalllogo{text-align: center;width: 20%;margin: 0 auto;margin-top: 5px;margin-bottom: 10px;}