@media screen and (max-width: 1500px) {
    #landing-holder .logo-landing {
        margin-bottom: 60px;
    }
    #landing-holder .left-bottom {
        overflow: hidden;
        min-height: 300px;
        padding-top: 15%;
    }
    #landing-holder .logo-landing > img#sas-logo {
        max-width: 200px;
    }
    .register {
        margin-bottom: 50px;
    }
    .register p,
    .register-link {
        font-size: 16px;
    }
    .login-form h1 {
        font-size: 22px;
    }
    .btn-login {
        font-size: 26px;
    }
    .copyright {
        margin-top: 100px;
        font-size: 16px;
    }
    .circle2 {
        width: 430px;
        height: 435px;
        top: -100px;
    }
    .circle3 {
        width: 400px;
        height: 470px;
        right: 100px;
    }

    #landing-holder.lh-client .logo-landing {
        margin-bottom: 30px;
    }
    .login-form .control-label {
        font-size: 22px;
    }
}

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

    .register p,
    .register-link {
        font-size: 14px;
    }
    .login-form h1 {
        font-size: 18px;
    }
    #landing-holder .left-bottom {
        padding-top: 18%;
    }
    .copyright {
        margin-top: 70px;
        font-size: 14px;
    }
    .login-form {
        padding: 15px 20px 5px;
    }
    .login-form .control-label {
        font-size: 20px;
    }
}

@media screen and (max-width: 900px) {
    .lh-client {
        height: auto;
        flex-direction: column-reverse;
    }
    .client-login-form {
        padding: 0 20px;
    }
    #landing-holder .logo-landing {
        padding-top: 20px;
        padding-left: 15px;
        margin-bottom: 30px;
    }
    #landing-holder.lh-client .logo-landing {
        padding-top: 20px;
        padding-left: 0;
    }
    #landing-holder .logo-landing > img#sas-logo {
        max-width: 100px;
    }
    .login-form {
        padding: 30px;
    }
    .login-form h1 {
        font-size: 20px;
    }
    .login-form .form-group {
        display: block;
        padding-left: 16px;
        padding-right: 16px;
    }
    .login-form .control-label,
    .login-form .checkbox label {
        font-size: 16px;
    }
    .pass-reset-link {
        display: block;
        margin-bottom: 10px;
        font-size: 14px;
    }
    .login-form input[type=checkbox] {
        margin: 5px 0 0 -20px;
    }
    .lh-client .copyright {
        margin-top: 25px;
        padding-left: 20px;
        font-size: 13px;
        margin-bottom: 40px;
    }
    .lh-client .copyright img {
        max-width: 25px;
        margin-right: 6px;
    }
    .lh-shopper .copyright {
        margin-top: 40px;
        text-align: center;
        padding-left: 20px;
        font-size: 13px;
    }
    .lh-shopper .copyright img {
        margin-left: 6px;
        max-width: 25px;
    }
    #landing-holder .left-bottom {
        padding-top: 12%;
        min-height: 240px;
    }
    .circle1 {
        width: 330px;
        height: 430px;
        left: -110px;
        top: 35px;
    }
    .circle2 {
        width: 180px;
        height: 160px;
        top: -30px;
    }
    .circle3 {
        width: 200px;
        height: 220px;
        right: 55px;
        top: -10px;
    }
    .lh-shopper .login-form {
        margin: 0 10px;
    }

}