#maindiv{
    width:100%;
    height:100vh;
    background:url('https://portal.krc.com.pk/images/mnbg.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding:10rem 0 0 0;
    z-index:10;
}
#logdiv1{
    width:100%;
    z-index: 30;
}
#logdivA{
    background:white;
    width:50%;
    text-align:center;
    /*background:url('https://portal.krc.com.pk/images/main bg.png');
    background-repeat:no-repeat;
    background-size:cover;*/
    margin:auto;
    padding:2rem 0 2rem 0;
    border-radius:2rem;
    z-index: 30;
    position: relative;
}
#logdivimg{
    width:10rem;
    height:10rem;
    position: absolute;
    margin:2rem 0 0 -16rem;
    padding: 0 0 -1rem 0;
    border:.2rem solid white; 
    border-radius:5rem;
    border-bottom:none;
    box-shadow: 0px 7px 30px #12812C; 
}
/*#logdivimg{
    width:8rem;
    height:8rem;
    position: absolute;
    margin:-6rem 0 0 -4rem;
    padding: 0 0 -1rem 0;
    border:.2rem solid white; 
    border-radius:5rem;
    border-bottom:none;
    box-shadow: 0px 7px 30px #12812C; 
}*/
.inpdiv{
    margin:1rem 0 0 0;
}
.inpdiv2{
    width:15rem;
    margin:auto;
    text-align:left;
}
#logdivB{
    width:50%;
    height:100vh;
    background:url('https://portal.krc.com.pk/images/mnimg.png');
    background-repeat:no-repeat;
    background-size:cover;
}
#picdiv{
    color:white;
    font-size:2rem;
    text-align:center;
    padding:46vh 0 0 0;
}
#frmdiv{
    margin:3rem 0 0 15rem;
    text-align:center;
}
@media only screen and (max-width: 1084px) {
   #logdivA{
    width:70%;
   }
   #logdivimg{
    margin:0rem 0 0 -5rem;
   }
   #frmdiv{
    margin:12rem 0 0 0rem;
}

}
@media only screen and (max-width: 403px) {
    #logdivA{
        width:90%;
       }
}
@media only screen and (max-width: 310px) {
    #logdivA{
        width:100%;
       }
}