@media only screen and (max-width: 1279px) {
    .loginSec .instruction h2 {font-size: 30px;}
    .loginSec .instruction ul li .txt {font-size: 15px;}
    .loginSec .login {width: 334px;}
    .loginSec .instruction {width: calc(100% - 334px - 32px);}
    .loanDetail .detailsbox .box .icon {width: 36px;}
    .loanDetail .detailsbox .box {padding: 0 12px;}
    .loanDetail .detailsbox .box .txt .head {font-size: 12px;}
    .loanDetail .detailsbox {padding: 16px 0;}
    .loanDetail .detailsbox .box .txt .info {font-size: 18px;}
    .otherDetails .box {width: 50%;}
    .otherDetails .box .head, .otherDetails .box .info {padding: 10px 12px;}
    .otherDetails .box .head {font-size: 14px;}
    .otherDetails .box .head span {font-size: 11px;}
    .otherDetails .box .info {font-size: 16px;}
    .steps h4 {font-size: 22px;}
    .steps ul li span.txt {font-size: 14px;}
    .steps ul li span.no {font-size: 14px;}
    .congratulation .txt h2 {font-size: 32px;}
    .congratulation .txt p {font-size: 16px;}
}
@media only screen and (max-width: 979px) {
    .loginSec {padding: 26px 22px;}
    .loginSec .instruction ul li .txt {font-size: 12px;}
    .loginSec .instruction ul li span.no {font-size: 18px; line-height: 64px; width: 40px;}
    .loginSec .instruction ul li .txt {width: calc(100% - 40px - 8px - 6px); margin-left: 6px;}
    .loginSec .login {width: 284px; padding: 14px 20px;}
    .loginSec .instruction {width: calc(100% - 284px - 32px);}
    .loginSec .login {height: 344px;}
    .loginSec .instruction h2 {font-size: 24px;}
    .loginSec .login h3 {font-size: 18px;}
    .loginSec .login .field label {font-size: 14px;}
    .loginSec .login .field input[type="text"], .loginSec .login .field input[type="password"], .loginSec .login .submit input[type="submit"] {height: 34px; font-size: 14px;}
    .initiate .btn {font-size: 14px; line-height: 34px; height: 34px;}
    .loginSec .login .showotp input[type="checkbox"] ~ label, .loginSec .login .showotp .resend {font-size: 12px;}
    .loginSec .login .field {margin-bottom: 16px;}
    .congratulation {padding: 14px 22px;}
    .congratulation span.icon {width: 154px;}
    .congratulation span.icon img{width: 100%;}
    .congratulation .txt {width: calc(100% - 154px - 8px - 20px); margin-left: 20px;}
    .congratulation .txt h2 {font-size: 24px;}
    .congratulation .txt p {font-size: 14px;}
    .loanDetail .detailsbox .box {width: calc(50% - 4px); padding: 0 26px; margin: 10px 0;}
    .loanDetail .detailsbox .box:nth-child(3) {border-left: 0;}
    .steps h4 {font-size: 20px;}
    .steps ul li span.txt {font-size: 12px; width: calc(100% - 20px - 8px - 4px); margin-left: 4px;}
    .steps ul li span.no {font-size: 12px; width: 20px; height: 20px; line-height: 20px;}
    .steps ul li {margin-bottom: 4px;}
    .alert h3 {font-size: 24px;}
}
@media only screen and (max-width: 767px) {
    .loginSec .instruction {width: 100%; margin-bottom: 12px;}
    .loginSec .login {height: auto; width: 100%;}
    .loanDetail {padding: 20px 22px;}
    .alert {padding: 124px 20px;}
    .alert h3 {}
}
@media only screen and (max-width: 679px) {
    .congratulation span.icon {width: 120px;}
    .congratulation .txt {width: calc(100% - 120px - 8px - 12px); margin-left: 12px;}
    .loanDetail h3 {font-size: 18px;}
    .loanDetail .detailsbox {padding: 0 20px;}
    .loanDetail .detailsbox .box {width: 100%; border-left: 0; border-top: 1px solid #f9f9f9; padding: 14px 0; margin: 0;}
    .otherDetails .box {width: 100%;}
    .loanDetail .detailsbox .box:nth-child(1) {border-top: 0;}
}
@media only screen and (max-width: 579px) {
    .alert {padding: 108px 20px;}
    .alert h3 {font-size: 18px;}
}
@media only screen and (max-width: 479px) {
    .loginSec .instruction ul li .txt {font-size: 11px;}
    .loginSec .instruction ul li span.no {font-size: 16px; width: 36px; line-height: 62px;}
    .loginSec .instruction ul li .txt {width: calc(100% - 36px - 8px - 6px);}
    .loginSec .login h3 {margin-bottom: 12px;}
    .congratulation {padding: 10px 12px;}
    .congratulation span.icon {width: 94px;}
    .congratulation .txt {width: calc(100% - 94px - 8px - 12px);}
    .congratulation .txt h2 {font-size: 18px; margin-bottom: 4px;}
    .congratulation .txt p {font-size: 12px;}
    .disAmt .box .txt .head {font-size: 14px;}
    .disAmt .box .txt .info {font-size: 20px;}
    .steps {padding: 12px 18px;}
    .steps h4 {font-size: 16px;}
    .steps ul li span.txt {font-size: 11px; padding-top: 2px;}
    .steps ul li span.no {font-size: 11px;}
}
@media only screen and (max-width: 379px) {
    
}