@media screen and (min-width : 1029px) {
            #PCFooter {
                display: none;
            }

            #txt-MPIcon {
                padding-top: 20%;
            }

            #D-txtUserName {
                width: 48%;
                display: inline-block;
            }

            #D-txtPassword {
                width: 48%;
                display: inline-block;
            }

            #UserName {
                padding: 0 10px 0 10px;
            }

            #Password {
                padding: 0 10px 0 10px;
            }

            #lblHT {
                padding-bottom: 0px;
            }

            #MobileFooter {
                padding-top: 10%;
                height: 20%;
            }

            #div-picLogo {
            }

            #div-MPLogo {
                text-align: center;
            }

            #div-picLogo {
                text-align: center;
            }

            #MPLogo {
                max-width: 30%;
            }

            #picLogo {
                max-width: 70%;
            }
        }

        @media screen and (min-height: 992px) and (max-height : 1028px) and (max-width: 992px) {
            #PCFooter {
                display: block;
            }

            .login100-pic {
                display: none;
            }

            .login100-form {
                width: 100%;
            }
        }

        @media screen and (min-width: 992px) and (max-width : 1028px) and (max-height: 992px) {
            #PCFooter {
                display: none;
            }

            #All-Logo {
                text-align: center;
                display: block;
                width: 50%;
                margin-top: 0px;
            }

            #txt-MPIcon {
                padding-top: 0%;
            }

            .login100-form {
                width: 45%;
            }


            #txt-MPIcon {
                padding-top: 0%;
            }

            #D-txtUserName {
                width: 48%;
                display: inline-block;
            }

            #D-txtPassword {
                width: 48%;
                display: inline-block;
            }

            #UserName {
                padding: 0 10px 0 10px;
            }

            #Password {
                padding: 0 10px 0 10px;
            }

            #lblHT {
                padding-bottom: 0px;
            }

            #MobileFooter {
                padding-top: 10%;
                height: 20%;
            }

            #div-picLogo {
            }

            #div-MPLogo {
                text-align: center;
            }

            #div-picLogo {
                text-align: center;
            }

            #MPLogo {
                max-width: 30%;
            }

            #picLogo {
                max-width: 70%;
            }
        }

        @media screen and (min-width: 851px) and (max-width: 991px) and (max-height: 851px) {
            .wrap-login100 {
                padding: 0px 20px 0px 20px;
            }

            .login100-pic {
                text-align: center;
                width: 50%;
                margin-top: 0%;
            }

            #PCFooter {
                display: none;
            }

            #txt-MPIcon {
                padding-top: 0%;
            }

            MobileFooter {
                padding-top: 0%;
            }
        }

        @media screen and (min-height: 851px) and (max-height: 991px) and (min-width: 851px) {
            .picLogo{
                    max-width: 50%;
            }
        }

        @media screen and (min-width: 577px) and (max-width: 850px) and (max-height: 577px) {
            #PCFooter {
                display: none;
            }

            #All-Logo {
                text-align: center;
                display: block;
                width: 50%;
                margin-top: 0px;
            }

            #txt-MPIcon {
                padding-top: 0%;
            }

            .login100-form {
                width: 45%;
            }

            #MobileFooter {
                padding-top: 0px;
            }

            #picLogo {
                max-width: 60%;
            }

            #MPLogo {
                max-width: 40%;
            }

            .p-t-136 {
                padding-top: 0px;
            }

            #lblHT {
                padding-bottom: 0px;
            }

            #D-txtUserName {
                display: inline-block;
                width: 49%;
            }

            #D-txtPassword {
                display: inline-block;
                width: 49%;
            }
        }

        @media screen and (min-width: 577px) and (max-width: 850px) and (min-height: 577px) and (max-height: 1000px) {
            #PCFooter {
                display: none;
            }

            #All-Logo {
                text-align: center;
                display: block;
                width: 50%;
                margin-top: 0px;
            }

            #txt-MPIcon {
                padding-top: 0%;
            }

            .login100-form {
                width: 45%;
            }

            #MobileFooter {
                padding-top: 0px;
            }

            #picLogo {
                max-width: 60%;
            }

            #MPLogo {
                max-width: 40%;
            }

            .p-t-136 {
                padding-top: 0px;
            }

            #lblHT {
                padding-bottom: 0px;
            }

            #D-txtUserName {
                display: inline-block;
                width: 49%;
            }

            #D-txtPassword {
                display: inline-block;
                width: 49%;
            }
        }

        @media screen and (min-height: 577px) and (max-height: 850px) and (max-width: 577px) {

            #All-Logo {
                display: none;
            }

            .login100-form {
                width: 100%;
            }
        }

        @media (max-width: 576px) /*and ( max-height: 450px)*/ {

            #All-Logo {
                display: none;
            }

            .login100-form {
                width: 100%;
            }


            #lblHT {
                padding-bottom: 54px;
            }

            .wrap-login100 {
                padding: 0px 20px 0px 20px;
            }

            .login100-pic {
                display: block;
                width: 50%;
                margin-top: 0%;
                text-align: center;
            }

            .p-t-136 {
                padding-top: 136px;
            }

            #picLogo {
                max-width: 100%;
            }

            #MPLogo {
                max-width: 55%;
            }


        }

        @media (max-height: 350px) {

            #All-Logo {
                text-align: center;
                display: block;
                width: 50%;
                margin-top: 0px;
            }

            .login100-form {
                width: 45%;
            }

            #PCFooter {
                display: none;
            }

            #MobileFooter {
                padding-top: 0px;
            }

            #lblHT {
                padding-bottom: 0PX;
            }

                        #D-txtUserName {
                display: inline-block;
                width: 48%;
            }

            #D-txtPassword {
                display: inline-block;
                width: 48%;
            }

            #Main_LogIn_UserName {
                padding: 0 10px 0 10px;
            }
            
            #Main_LogIn_Password {
                padding: 0 10px 0 10px;
            }
        }