@media screen and (min-width: 1920.98px) {
    .signInSignUpArea {
        height: 100vh;
        display: flex;
        align-items: center;
    }
}

/* (1366x768) WXGA Display */
@media screen and (min-width: 1200px) and (max-width: 1919.98px) {
    .signInSignUpArea {
        padding: 100px 0px;
    }
}

@media (min-width: 320px) and (max-width: 1366px) {}

/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .signInSignUpArea {
        padding: 85px 0px;
    }
}

/* Normal desktop :991px. */
@media (min-width: 768px) and (max-width: 991.98px) {

    .signInSignUpArea {
        padding: 85px 0px;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {
    html {
        height: 100%;
    }
}

/* extra small mobile 320px. */
@media (max-width: 767.98px) {
    .signInSignUpArea {
        padding: 85px 0px;
    }

    .accountWrap {
        width: 100%;
        max-width: 100%;
        margin: auto;
    }
    .banner-content h2 {
        font-size: 14px;
    }
}

/* small mobile :576px. */

@media (min-width: 576px) and (max-width: 767.98px) {}

/* Large Mobile :480px. */

@media only screen and (min-width: 480px) and (max-width: 575.98px) {
    .container {
        width: 450px;
    }
}