.divLoginBackgroundContainer{
    display: flex;
    flex:3;
    flex-direction: row;
    align-items: center;
    background-image: url(AMD_Website_Landing_Page_.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    height: 100%;
    width: 100%;
}
.divLoginBackgroundWrapper{
    font-size: 47px;
    color: #fff;
    padding-left: 30px;
    padding-bottom: 20px;
}
.divLoginBackgroundWrapper:before{
    display: none;
}
.divLoginBackgroundWrapper:after{
    content:'Intelligent Change in HR';
    display:block;
    font-size: 15px;
}

@media(max-width:1366px)
{
    .loginBox {width: 90%;}
    .divLoginBackgroundContainer:before {display:none}        
    .divLoginBackgroundWrapper:before {display:none;}
}

@media(max-width:950px) and (min-height:700px)
{
    .frmLogin:before {width:100px;height:55px;top:17%;left:60%;margin-left:-50px;margin-top:-55px;}
    .loginBox {width:auto;}
    .divLoginBackgroundContainer{
    background-image: url(AMD_Mobile_Landing_Page_.png);
    background-position: top left;   
}  
}

@media(max-height:400px)
{
    .loginBox {width:90%;margin:0 auto;}
    .divLoginBackgroundContainer:before {width:200px;height:37px;top:100px;}
    .divLoginBackgroundContainer:after {width:400px;height:297px;top:85px;left:252px;}
    .loginBodyWrapper .hr30 {margin-top:10px}
    .loginInputWrapper {height:auto;}
    .loginInput input {height:18px;}
    .alert {padding:5px;}
}