.loginlogo{
display: block;
margin-left: auto;
margin-right: auto;
text-align:center;
width:345px;
height:165px;
background: url('') center center no-repeat;
}

.loginbox{
color: white;
margin:0 auto;
max-width:500px; 
box-shadow: 0px 0px 0px #BEE2F9;
padding: 25px 25px;
position: relative;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background: #000000;
//position: fixed;
//bottom: 0;
//right: 0;
opacity: 0.7;
}
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
.loginbox{
     #width: 500px;
      width: auto; margin: 10px;
     #padding-bottom: 25%;
     margin-left:50px;
      margin-right:auto;
     margin-top: 230px !important;
   }
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
.loginbox{
      #width: 500px;
      width: auto;
     #padding-bottom: 25%;
      margin-left:100px;
      margin-right:auto;
      margin-top: 550px !important;
   }
}