@media (max-width: 768px) {
    .login_wrapper{
        position: absolute;
        z-index: -1000;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }
    
    .login-slider{
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 400px;
        margin-top: -200px;
        font-size: 18px !important;
        text-align: center;
        color: #ffffff;
        letter-spacing: 0.15px;
        font-weight: 500 !important;
        font-stretch: normal;
        font-style: normal;
    }

    .login-slider .slider{
        margin-top: 30px;
        margin-left: -130px;
        position: relative;
        left: 50%;
        width: 260px;
        height: 344px;
    }
    .login-slider .slide{
        position: absolute;
        left: 50%;
        background-color: #ffffff;
        border-radius: 4px;
        z-index: 0;
        color: black;
        transition-duration: 1s;
        transition: width height margin-left margin-top opasity;
    }
    
    .login-slider .slide.stack-left{
        height: 308px;
        margin-top: 13px;
        width: 240px;
        margin-left: -150px;
        
        opacity: 0.5;
    }
    .login-slider .slide.stack-right{
        height: 308px;
        margin-top: 13px;
        width: 240px;
        margin-left: -90px;

        opacity: 0.5;
    }
    .login-slider .slide.active{
        margin-top: 0;
        margin-left: -130px;
        width: 260px;
        height: 334px;
        z-index: 1;
        opacity: 1;
    }

    .login-slider .nav-bar{
        margin-top: 25px;
        margin-bottom: 0px;
    }
    .login-slider .nav-dot{
        border: none;
        background: none;
        padding: 0;
    }
    .login-slider .nav-dot .dot{
        margin: 5px;
        width: 10px;
        height: 10px;
        border-radius: 5px;
        background-color: white;
        opacity: 0.5;
    }
    .login-slider .nav-dot.active .dot{
        opacity: 1;
    }

    .login-slider .slider-control{
        display: inline-block;
    }

    .login-slider .slide img{
        margin-top: 90px;
        margin-left: 90px;
        display: block;
        width: 80px;
        height: 80px;
    }

    .login-slider .slide p{
        position: relative;
        margin-top: 20px;
        display: block;
        border-radius: 40px;
        color: #6a6a7c;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
    }

    .back-button{
        display: none;
    }
    .back-button button{
        width: 115px;
        height: 43px;
        border-radius: 22.5px;
        border: solid 1px #ffffff;
        background: none;
        color: #ffffff;
        font-size: 14px;
    }
    .back-button img{
        width: 10px;
        height: 10px;
    }
    .back-button div{
        display: inline-block;
        margin-left: 10px;
    }

    .login_views{
        display: none;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        margin-top: -200px;
        height: 400px;
    }
    .login_view{
        display: none;
        text-align: center;
        font-size: 18px !important;
        color: #ffffff;
        letter-spacing: 0.15px;
        font-weight: 500 !important;
        font-stretch: normal;
        font-style: normal;
    }
    .login_view .log_in_as{
        font-size: 14px;
    }
    .login_view .log_in_as span{
        font-size: 18px;
    }
    .login_view_inner{
        position: relative;
        left: 50%;
        margin: 0;
        margin-top: 28px;
        margin-left: -130px;
        width: 260px;
        height: 344px;
        background-color: #ffffff;
        border-radius: 4px;
    }
    .login_view.active{
        display: block;
    }

    .footer-bar{
        position: absolute;
        bottom: 30px;
        left: 50%;
        right: 0;
        width: 210px;
        margin-left: -105px;
        color: #ffffff;
        text-align: center;
        font-size: 14px;
        letter-spacing: 0.5px;
    }

    /* TL;DR */
    .sign-in-cpr{
        margin-top: 60px;
    }
    .mobile_josa .two-box-wrapper .borger-form{
        margin-left: 0;
        float: none;
    }
    .username-label, .sign-in-label{
        color: #000000;
    }
    .two-box-wrapper{
        width: auto;
    }
    .two-box-wrapper .borger-form{
        position: relative;
        left: 50%;
        margin-left: -130px;
    }


    .simple_login_wrapper{
        width: auto;
    }

    .menu-mobile {
        display: none;
    }
}