.main_auth_wrapper{
width: 100%;
float: left;
}
::placeholder{
color : black !important;
}
.enforce_crm{
color : #00b2e2;
}
.logo ul{
display: flex;
list-style: none;
margin: 0;
padding: 0;
align-items: center;
justify-content:space-between;
}

figure.center_image{
display: flex;
align-items: center;
justify-content: center;
}
figure.center_image img{
/*position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;*/
margin: auto;
margin-top: 25px;
max-width: 100%;
}

.login_form{
min-height: 100vh;
display: flex;
/* background: #fff; */
align-items: center;
justify-content: center;
flex-direction: column;
padding: 0;
width: 100%;
}
form{
width: 80%;
}
.bg_grey{
background: #f8f8f8;
}
.relative_logo{
position: relative;
}
.logo{
margin-top: 25px
}
.login_form_inside_wrapper select,.login_form_inside_wrapper input{
border: 1px solid #ddd;
border-radius: 0;
font-weight: bold;
}
.login_form_inside_wrapper select:focus,.login_form_inside_wrapper input:focus{
box-shadow: none;
outline: none;
border: 1px solid #1ab9e4;
}
.login_form_inside_wrapper button{
width: 80%;
border: none;
padding: 15px;
margin-top: 15px;
background: #184179;
background: #194479;
border: 1px solid transparent;
text-transform: uppercase;
box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
color: #fff;
transition: 0.4s all linear;
font-size: 14px
}
.login_form_inside_wrapper select:focus, .login_form_inside_wrapper input:focus{
border-left: 5px solid #00b2e2;
}
#button_submit:hover{
background: #fff;
background: #184179;
border: 1px solid #184179;
transition: 0.4s all linear;
color: #184179;
color: #ffffff;
}
.login_form h1{
padding-bottom: 20px;
font-weight: bold;
font-size: 40px;
color: #000;
width : 60%;
}
.login_form_inside_wrapper{
margin-top: 30px
}
.footer_p{
width: 100%;
position: absolute;
bottom: 0;
right: 0;
text-align: right;
padding-right: 20px;
}
.main_auth_wrapper{
background-image : url(../images/bg-image.jpg);
background-position: center;
background-size: cover;
height: 100vh;
}
.login_form_inside_wrapper select, .login_form_inside_wrapper input{
padding: 16px;
border: 1px solid #dddddd1a;
width: 80%;
border-left: 5px solid #00b2e2;
}
.form-select,.email_form{
box-shadow:0 0px 6px rgb(0 0 0 / 11%), 0 6px 6px rgb(0 0 0 / 12%);
}
#email{
color : #000;
}

/* Media query */
@media(max-width: 1200px){
    .login_form{ min-height: 65vh;}
}
@media(min-width: 992px) and (max-width: 1024px){
    figure.center_image img{
        position: relative;
        width: auto;
        }
        .login_form {
        min-height: 65vh;
        }
        .footer_p{
        display: none;
        }
        .logo ul{
            justify-content: center; 
        }
        .logo ul li a img{
            max-height: 100%; 
        }
        figure.center_image img{
            width: 90%;
            margin-top: 40px; 
        }
        .login_form h1{
            text-align: center;
        }
        .login_form_inside_wrapper select, .login_form_inside_wrapper input{
            width: 100%;
        }
        .login_form_inside_wrapper button{
            width: 100%;
        }
        .login_form{padding-top: 0px;}
}

@media(min-width: 768px) and (max-width: 991px){
figure.center_image img{
position: relative;
width: auto;
}

.login_form {
min-height: auto;
padding-top: 40px;
}
.footer_p{
display: none;
}
.logo ul{
    justify-content: center; 
}
figure.center_image img{
    width: 50%;
    margin-top: 40px; 
}
.login_form h1{
    text-align: center;
}
.login_form_inside_wrapper select, .login_form_inside_wrapper input{
    width: 100%;
}
.login_form_inside_wrapper button{
    width: 100%;
}
.login_form{padding-top: 0px;}
}
@media(min-width: 0) and (max-width: 767px){
figure.center_image img{
position: relative;
width: 100%;
}
.main_auth_wrapper {
background-image: url(../images/bg-image.jpg);
background-position: center center;
background-size: cover;
height: 100vh;
}
.logo img{
width : 100%;
margin-bottom : 40px;
}
.center_screen .login_form{
margin-top : 0px;
}
.login_form_inside_wrapper select, .login_form_inside_wrapper input{
width : 100%;
}
.login_form_inside_wrapper button{
width : 100%;
}
.login_form h1 {
padding-bottom: 0;
font-weight: bold;
font-size: 36px;
color: #000;
width: 100%;
text-align: center;
margin: 0;
}
.login_form {
min-height: auto;
}
.footer_p{
display: none;
}
}
@media(min-width: 320px) and (max-width: 480px){
.logo img{margin-bottom: 0px;}
.enforce_crm{font-size: 20px;}
.login_form h1{font-size: 30px;}
figure.center_image img{margin-top: 15px;}
}
@media(max-width: 720px){
figure.center_image img {
    margin: auto;
    margin-top: 0px;
    max-width: 67%;
}

}