/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
.client-logo {
  clear: left;
  height: 100px;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.client-logo > img {
  width: 100%;
}
.login-box {
  background: rgba(0, 0, 0, 0) url("../images/ivy-baron-logo.png") no-repeat scroll center bottom;
  margin: 0;
  height: 490px;
}
.login-control {
  border-left: none;
  margin: 10px 0 0;
  padding: 0 0 0 20px;
}
.login-control form input.f1 {
  background: #e9e9e9 none repeat scroll 0 0;
  border: 1px solid #2f2f47;
  height: 18px;
  margin: 0;
  padding: 2px;
  width: 139px;
}
.login-control form input.bt {
  background: #132a5c url("../images/button-bg.gif") repeat-x scroll 0 0;
  border: 1px solid #132a5c;
  color: #fff;
  font: 12px Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 3px 0;
  width: 116px;
}

.ReportHead2 {
  font-size: 13px;

}


}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) 
{
    
}
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) 
{
    
    
}
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}