html,body {
    background-color: #e6e7e9!important;
}
.slider-section-2 {
    background-repeat: no-repeat !important;
    background-color: #e6e7e9!important;
    padding-bottom: 23px;
    padding-top: 50px;
    height: -webkit-fill-available;
}
.login-2 {
    width: 400px;
    float: right;
    margin-right: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.infomatics {
    font-size: 14px;
}

.txid_log {
    font-size: 14px!important;
}

.login-2 form {
    border: 1px solid #636465;
    background: #fff;
    box-shadow: 4px 4px 2px #848383b5;
    border-radius: 10px;
    margin-bottom: 10px!important;
}

.login-2 .imgcontainer {
    text-align: center;
    margin: 0px;
    padding: 10px 0px;
}

.login-2 .login-container {
    padding: 16px;
    border-radius: 0px 0px 11px 11px;
}

.login-2 .login-container {
    padding: 16px;
    border-radius: 0px 0px 11px 11px;
}

.login-2 span.psw {
    float: right;
}

.login-2 img.avatarss {
    width: 160px;
}

@media (min-width: 481px) and (max-width: 767px) {
.login-2 {
    margin-right: 37px!important;
    margin-left: 55px!important;
} 

}

@media (min-width: 481px) and (max-width: 576px) {
.four-corner-round img {
    width: 87%;
}
.radius-img-border {
    height: 171px;
}
.candidete img {
    width: 61%;
}
.qr-code-img img {
    width: 72%;
}
}

@media (min-width: 320px) and (max-width: 480px) {
.login-2 {
    width: initial;
    float: none!important;
    margin-right: 34px!important;
    margin-left: 34px!important;
}
.infomatics {
    font-size: 12px!important;
}
.txid_log {
    font-size: 12px!important;
}
.img7 img {
    border-radius: 50%;
    height: 80px !important;
    width: 80px !important;
    border: 1px solid;
}
.four-corner-round img {
    width: 87%;
}
}