@media only screen and (max-width:1500px) {
    .login-ellips {
        min-width: 500px;
        min-height: 500px;
        max-width: 500px;
        max-height: 500px;
    }
    .login-ellips.forget-password {
        min-height: auto;
    }
    .custom-card-design .form-group select,
    .custom-card-design .form-group input {
        min-height: 45px;
    }
    header.Admin-main-header {
        min-height: 100px;
        max-height: 100px;
        height: 125px;
        border-bottom: 1px solid #707070;
    }
    .logo-login img {
        max-width: 200px;
        max-height: 111px;
    }
    .login-content p {
        font-size: 16px;
    }
    .login-content h2 {
        font-weight: 500;
        font-family: roboto;
        font-size: 28px;
        color: #000;
        letter-spacing: 1.15px;
    }
    .login-form .form-group input {
        width: 100%;
        min-height: 60px;
        max-height: 60px;
        padding: 15px 15px 15px 80px;
        border-radius: 10px;
        border: 1px solid #ACACAC;
        font-size: 16px;
        font-family: 'Roboto';
        font-weight: 400;
        outline: none;
    }
    .login-ellips .login-form .form-group img.label-image {
        position: absolute;
        left: 40px;
        top: 21px;
        max-width: 22px;
    }
    .remeber-me {
        font-size: 16px;
    }
    .Forgot-Password a {
        font-size: 16px;
    }

    .button-custom input[type="submit"] {
        max-width: 100%;
        max-height: 60px;
        min-height: 60px;
        width: 100%;
        border: 1px solid #7BA05B;
        color: #FFFFFF;
        border-radius: 30px;
        font-size: 24px;
        font-weight: 500;
        cursor: pointer;
        padding: 0 0 3px 0;
    }
    .button-custom input[type="submit"]:hover {
        color: #FFFFFF;
        background-color: #7BA05B;
        transition: 1s;
    }

    
}

@media only screen and (max-width:1200px) {
    .login-ellips {
        min-width: 600px;
        min-height: 500px;
        max-width: 600px;
        max-height: 500px;
    }
    .login-content p {
        color: #CFC9C9;
        letter-spacing: 0.23px;
        max-width: 360px;
    }
    .login-form .form-group input {
        width: 100%;
        min-height: 60px;
        max-height: 60px;
    }
    .button-custom input[type="submit"] {
        max-height: 60px;
        min-height: 60px;
    }
    .side-bar {
        background: rgb(60 141 108 / 68%);
        min-height: 83vh;
        max-width: 316px;
        border-radius: 71px;
        position: fixed;
        width: 115px;
        padding: 20px;
        transition: 1s;
    }
    .side-bar ul li a {
        padding: 20px;
        display: inline-block;
        width: 100%;
        font-size: 0;
        font-weight: 400;
        color: #fff;
        text-decoration: none;
        position: relative;
    }
    .main-admin-content-right {
        padding: 20px;
        margin-left: 115px;
        max-height: 83vh;
        height: 100%;
        min-height: 83vh;
        transition: .2s;
    }
    .no-margin {
        margin: 0;
    }
}

@media only screen and (max-width:1024px) {
    .logo-login {
        position: static;
        left: 0;
        max-width: 309px;
        height: 136px;
        padding: 10px;
        margin: 20px auto 0px;
        text-align: center;
    }
    .login-page-container {
        display: inline-flex;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        height: 100%;
        flex-direction: column;
        margin: -20px 0px;
    }
    header.Admin-main-header {
        min-height: 62px;
        max-height: 72px;
        height: 125px;
        border-bottom: 1px solid #707070;
    }
}

@media only screen and (max-width:767px) {
    .login-page-container {
        padding: 20px;
    }
    .login-page.position-relative {
        height: 100vh;
        overflow: scroll;
    }
    .login-ellips {
        min-width: 100%;
        min-height: auto;
        max-width: 100%;
        max-height: 100%;
        padding: 20px;
    }
    .check-button-link {
        display: inline-flex;
        align-items: center;
        padding: 20px 0px;
        justify-content: space-between;
        width: 100%;
        flex-direction: row;
    }
    .eye-icons {
        position: absolute;
        top: 0px;
        right: 18px;
        cursor: pointer;
    }
    .logo-login {
        position: static;
        left: 0;
        max-width: 309px;
        height: 116px;
        padding: 10px;
        margin: 20px auto 0px;
        text-align: center;
    }
}

@media only screen and (max-width:575px) {
    .login a img {
        width: 100%;
        max-width: 200px;
    }
    ul.list-alignment {
        display: none !important;
    }
    header.Admin-main-header {
        min-height: 80px;
        max-height: 80px;
        height: 80px;
        border-bottom: 1px solid #707070;
    }
    .side-bar {
        left: -316px;
    }
    .main-admin-content-right {
        margin: 0;
    }
    .side-bar.side-hidden {
        left: 15px !Important;
    }
    .main-admin-content-right.no-margin {
        margin-left: 115px;
    }
    .login-form .form-group input{
        padding: 19px 20px 17px 55px;
    }  

}


@media screen and (max-width: 500px) and (min-width: 300px) {
    .login-form .form-group input{
        padding: 19px 20px 17px 55px;
    }
}