@media only screen and (max-width: 1024px){

    .login-form{
        margin: 0;
    }

    main > div.login-section-wrapper:first-of-type{
        padding: 10px !important;
    }
    .login-slider .slider-text .text-title{
        font-size: 1.5rem;
    }
    .login-slider .slider-text span{
        font-size: 1rem !important;
    }
}


@media only screen and (max-width: 648px){

    .login-section-wrapper{
        height: fit-content;
    }
    main > div.login-section-wrapper:first-of-type{
        padding: 10px !important;
    }
    .section-content > .logo-img{
        top: 10px;
        left: 10px;
    }
    .login-form{
        margin: 0;
        width: 100%;
        padding-top: 20px;
    }
    .login-form .input-container,
    .login-form .submit-button,
    .login-form .form-footer{
        width: 100%;
        max-width: unset;
    }
    .login-section{
        flex-direction: column;
    }
    .login-slider-wrapper{
        height: fit-content;
        min-height: fit-content;
        overflow: clip;
    }
    .login-slider{
        display: block;
        width: 100%;
        height: auto;
        padding: 40px 10px 100px;
    }
    .login-slider-content {
        width: 100%;
        height: 100%;
    }
    .login-slider .slider-item img{
        height: 100%;
    }
    .login-slider .slider-item.before{
        margin: 0 auto;
    }

}