@media screen and (max-width: 767px) {
    html,
    body {
        overflow-x: hidden;
    }

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    #handicap,
    #main-navigation,
    #login .promo-02,
    #spacer-footer {
        display: none;
    }

    #wrapper {
        width: 100%;
        max-width: 480px;
        padding: 0 12px;
    }

    #header,
    #upper-header,
    #content,
    #login,
    #footer {
        height: auto;
    }

    #logo,
    #header .first,
    #header .second,
    #login .first,
    #login .third {
        float: none;
        display: block;
        width: 100% !important;
        margin: 0;
    }

    #logo {
        margin-bottom: 12px;
    }

    #logo a {
        width: auto;
        height: auto;
    }

    #logo-easybank {
        display: block;
        max-width: 100%;
        height: auto;
        margin-top: 0;
    }

    #wrap-menue {
        float: none;
        margin: 0 0 8px;
        height: auto;
    }

    #wrap-menue ul {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-end;
        gap: 8px;
        margin: 0;
        padding: 0;
    }

    #wrap-menue li {
        float: none;
        display: block;
        height: auto;
        line-height: normal;
        border-right: 0;
    }

    #wrap-menue li.last,
    #wrap-menue .help {
        width: auto;
        margin: 0;
        text-align: right;
    }

    #wrap-menue li.help {
        margin-right: 12px;
    }

    #date-display {
        margin: 0;
        text-align: right;
    }

    .language-switcher {
        width: auto;
        min-width: 110px;
    }

    #login .first {
        margin-bottom: 12px;
    }

    #login-input .green {
        width: 100%;
        margin-bottom: 0;
    }

    #login-input .header.top {
        padding: 0 12px;
        background-color: #ecf4dc;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .pp_holder .header {
        border: 0;
    }

    #login .login-left,
    #login .login-right {
        display: none;
    }

    #login .login-repeat {
        float: none;
        width: auto;
        height: auto;
        min-height: 34px;
        padding: 0;
        background-color: transparent;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    #login .login-repeat label {
        width: auto;
        max-width: calc(100% - 56px);
    }

    #login-input .content,
    #login-input .footer {
        width: auto;
    }

    #login-input .content {
        padding: 16px 12px 8px;
    }

    #login-input .data label {
        float: none;
        display: block;
        width: auto;
        height: auto;
        line-height: 1.4;
        margin-bottom: 6px;
    }

    #login-input .data input,
    #login-input #pin,
    #login-input #lof5,
    #login-input #email {
        float: none;
        display: block;
        width: 100% !important;
        height: 42px !important;
        line-height: 42px !important;
        padding: 0 34px 0 13px !important;
        font-size: 15px !important;
    }

    .language-switcher {
        height: 42px;
        font-size: 15px;
        padding-left: 8px;
    }

    #toggleButton {
        top: 38px;
        bottom: auto;
        right: 8px;
    }

    #login-input .data .info {
        float: none;
        width: auto;
        height: auto;
        line-height: 1.4;
        margin: 6px 0 0;
        text-align: right;
    }

    #login-input .data .dynamic-btn,
    #tab_code .dynamic-btn {
        float: none;
        width: 100%;
        margin: 12px 0 0;
    }

    #login-input .data .dynamic-btn .content a,
    #tab_code .dynamic-btn .content a {
        display: block;
        width: 100%;
        height: auto !important;
        line-height: 1.2;
        padding: 8px 12px;
    }

    #tab_polling img {
        max-width: 100%;
        height: auto;
    }

    #login-info .gray {
        float: none;
        width: 100%;
        margin: 0 0 12px;
        border: 0;
    }

    #login-info .last {
        margin-bottom: 0;
    }

    #login .login-info-top,
    #login .login-info-bottom,
    #login-info ul,
    #login-info li {
        width: 100%;
    }

    #login .login-info-repeat-x {
        width: auto;
        min-height: 0;
    }

    #login-info .stripline,
    #login-info .notifications {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
    }

    #login-info .text {
        width: calc(100% - 27px);
    }

    #login-info li a,
    #login-info li span.phone,
    #login-info li.last {
        width: auto;
    }

    #footer .footer-navigation,
    #footer .footer-navigation div.second {
        width: 100%;
        height: auto;
    }

    #footer .footer-navigation div.first {
        display: none;
    }

    #footer .footer-navigation .second {
        float: none;
    }

    #footer .footer-navigation .second li,
    #footer .footer-navigation .second li.footerTP,
    #footer .footer-navigation .second li.last {
        float: none;
        display: block;
        width: auto;
        height: auto;
        line-height: 1.4;
        text-align: center;
        padding: 3px 0;
    }
}