@media only screen and (max-width: 1600px) { 
    .userInfo {width: 40%;}     
    .userLinks {width: 60%;}
    .userLinks li {width: 50%;}
}
@media only screen and (max-width: 1169px) { 
    .dbLeft {width: 48px;}
    .dbLeft.active {width: 310px;}
    .dbLeft.active .dbMenu > li {padding-left: 10px;}
    .dbLeft.active .subMenu {padding-left: 40px;}
    .subMenu {background:#fff; padding: 0 0 10px 5px;}
    .dbMenu > li {padding: 0 14px 0 5px;}
    .midCon {padding-left: 48px;}
    .midCon.active {padding-left: 48px;}
    .userInfo {width: 50%;}     
    .userLinks {width: 50%;}
    .userLinks li {width: 100%;}
}
@media only screen and (max-width: 999px) {      
    .loginBg {display: none;}
    .loginForm {width: 100%;}
    .midRight {padding: 10px;}
    .form li {width: 50%;}
}
@media only screen and (max-width: 599px) { 
    .form li {width: 100%;}
}