#wrapper{
    padding-bottom:0px;
}
.left-mask{
    position: absolute;
    top:0;
    left:0;
    z-index:99;
    padding:0px;
    background-image:url(../img/signmask2.png);
    background-size:cover;
    background-position: center;
}
.sign-right-contain{
    display:flex;
    position: relative;
}
.height-100{
    height:100vh;
}
.left-box{
    margin:50px;
   
}
.left-title{
    font-weight: 400;
    color:#fff;
    font-size:4.5rem;
}
.little-title{
    font-weight: 400;
    color:#fff;
}
.sign-box{
    width:80%;
    margin:auto;
}
.login-box2{
    width:80%;
    margin:auto;
}
.login-right-logo{
    display:block;
    margin-bottom:20px;
    width:30%;
}
.login-box2 .title-line{
    display: block;
    border-bottom:2px solid #074C91;
    width:fit-content;
    margin-bottom:20px;
}
.title-line{
    display: block;
    border-bottom:2px solid #335D3D;
    width:fit-content;
    margin-bottom:20px;
}
.sign-title{
    letter-spacing: 3px;
}

input{
    margin-bottom:10px;
}
#inputState{
    margin-bottom:10px;
}
.form-check-input {
    position: unset;
    margin-top: 0.3rem;
    margin-left: 0rem;
    margin-right:10px;
}
.sign-box .g-btn{
    margin-right:50px;
}
.login-box2 .b-btn{
    margin-right:50px;
}


/*-------------------------*/
/* $media query
/*-------------------------*/

@media (min-width: 1440px){

}
@media (min-width: 1200px) and (max-width: 1439px) {
}

@media (min-width: 992px) and (max-width: 1199px){
	 
}
@media (min-width: 576px) and (max-width: 991px){

}
@media (min-width: 576px) and (max-width: 767px){
    

}
@media screen and (max-width:1024px){
  
}
@media screen and (max-width:991px){
    .sign-left-contain{
        height:30vh;
    }
    .sign-right-contain{
        height:auto;
        margin-top:30px;
        margin-bottom:30px;
    }
    
}
@media screen and (max-width: 767px) {
    .form-control {
        display: block;
        width: 100%;
    }
    .left-box{
        margin:20px;
    }
    .left-title{
        font-size:2.5rem;
    }
    .little-title{
        font-size:1.0rem;
    }

}
@media (max-width: 575px){
    .login-right-logo {
        width: 50%;
    }
}
@media (max-width: 480px){
	
}


@media (max-width: 375px){
   
}
@media (max-width: 320px){

}