/* Portrait style for all mobile devices. */
@media only screen and (orientation : portrait) {
    .login-container {
        width: 100%;
    }
    .mobile-device-container {
        width: 85%;
    }
    #androidDevice .mobile-device-container {
        width: 100%;
    }
    .status_content {
        padding: 0;
    }
}
/* Landscape style for all mobile devices. */
@media only screen and (orientation : landscape) {
    .login-container {
        width: 70%;
    }
    #androidDevice {
        padding: 20 15%;
    }
    .mobile-device-container {
        width: 80%;
    }
    #androidDevice .mobile-device-container {
        width: 100%;
    }
    .status_content {
        padding: 0 10%;
    }
}
/* iPad1-5 and mini in landscape. */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    .login-container {
        width: 40%;
        margin-top: 4%;
    }
    .mobile-device-container {
        width: 60%;
    }
    .status_content {
        padding: 0 20%;
    }
}
/* iPad1-5 and mini in portrait. */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    .login-container {
        width: 50%;
        margin-top: 7%;
    }
    .mobile-device-container {
        width: 80%;
    }
    .status_content {
        padding: 0 12%;
    }
}
/* windows media query. */
@media (max-width: 992px) {
    .windows .right-container {
        width: 85%;
        background-color: #EDF0F2;
        border-left: none;
    }
    .windows .left-container {
        display: none;
    }
    .windows .content {
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: none;
        -moz-border-radius: none;
        border-radius: none;
        background-color: #EDF0F2;
    }
    .windows .container {
        width: 100%;
    }
    body.windows {
        background-color: #EDF0F2;
    }
    .windows .container-body {
        vertical-align: top;
    }
    .windows .powerby-logo {
        background-position: bottom center;
        background-color: transparent;
    }
    .windows .bottom-section {
        font-size: 16px;
        margin-left: 0px;
        padding-left: 5px;
    }
    .windows .left-container {
        display: none;
    }
    .windows .footer {
        width: 80%;
    }
}
@media (min-width: 992px) {
    .windows .content {
        -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 0.1em 0.5em;
        box-shadow: rgba(0, 0, 0, 0.4) 0 0.1em 0.5em;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    body.windows {
        background-color: #EDF0F2;
    }
    .windows .container-body {
        vertical-align: middle;
    }
    .windows .powerby-logo {
        background-position: bottom right;
    }
    .windows .bottom-section{
        font-size: 12px;
        margin-left: 15px;
        padding-left: 15px;
    }
}