table.tblContainer{
    width:722px;
    padding-top:50px;
  }
.hiddentitle{
    display:none;
    text-align:left;
    margin-left:25px;
    margin-bottom:0;
    color: #ddd;
}
.hiddenbutton{
    display:none;
    text-align:center;
    margin-top:10px;
}
@media only screen and (max-width: 700px){
  .login{
     background: transparent !important;
     background-color: #3D5C71 !important;
    }
  .logo{
     background-size:350px !important;
     height: 130px !important;
  }
  .tblContainer{
     width:400px !important;
     padding-top:0px !important;
  }
  #tblLogin, #tblForgot{
     background: none !important;
     border:none !important;
  }
  #tblLogin input:not([type="submit"]), #tblForgot input:not([type="submit"]){
     height:40px !important;
     line-height:40px !important;
     font-size:22px;
     width:80%;
  }
  #tblLogin input[type=submit], #tblForgot input[type=submit]{
     height:50px !important;
     width:130px;
     font-size:14px;
  }
  #tblLogin td:first-child, #tblForgot td:first-child{
     color:#eee;
  }
  .copyright{
     color:#ddd !important;
  }
  .shownline{
     height:0px;
  }
}
@media only screen and (max-width: 500px) {
  .logo{
     background-size:250px !important;
     height: 100px !important;
  }
  .tblContainer{
     width:300px !important;
     padding-top:0px !important;
  }
  #tblLogin, #tblForgot{
     width:300px;
     padding: 15px 0;
  }
  #tblLogin input:not([type="submit"]), #tblForgot input:not([type="submit"]){
     height:40px !important;
     line-height:40px !important;
     font-size:22px;
     width:80%;
  }
  #tblLogin input[type=submit], #tblForgot input[type=submit]{
     height:50px !important;
     width:130px;
     font-size:14px;
  }
  #tblLogin td:nth-child(2), #tblForgot td:nth-child(2){
     text-align:center;
  }
  #tblLogin td:first-child, #tblForgot td:first-child{
     display:none;
  }
  .returnbtn{
     display:none;
  }
  .hiddentitle, .hiddenbutton{
     display:block;
  }
}