@media (max-width: 575px) {

    p, ol.list, .tabledots td {
        font-size: 0.8125rem; /*13px*/
    }

    .amltext {
        font-size: 0.8125rem !important; /*13px*/
    }

    h1, .lockericon {
        font-size: 1.75rem; /*28px*/
    }

    h3 {
        font-size: 1.1875rem;       /*19px*/
        margin-top: 0.5rem;
    }

    .lead {
        font-size: 0.96875rem; /*15.5px*/
        line-height: 1.125rem; /*18px*/
        padding-top: 0.9375rem;  /*15px*/
        padding-bottom: 1.8125rem;   /*29px*/
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .inputdiv label, .inputdiv input, .inputdiv select, label, select, .inputdiv p {
        font-size: 0.875rem !important; /*14px*/
    }

    .table-loandetails tr td:nth-child(1), .table-history tfoot tr td, .retailitemlabel, .form-group input {
        font-size: 1.0625rem; /*17px*/
    }

    .datepckrlabel {
        font-size: 1.0625rem !important; /*17px*/
    }

    .table-loandetails tr td:nth-child(2), .ajs-content, .table-history tbody, .retailitemdesc, .bottomnav a , .cartsumtotalmenu {
        font-size: 0.9375rem; /*15px*/
    }

    .backbreadcrumb, .custom-control-label-size {
        font-size: 0.75rem !important; /*12px*/
    }

    h4, .table-history tbody tr td:nth-child(1) {
        font-size: 1.25rem;         /*20px*/
    }

    .privacypolicylabel {
        font-size: 1rem; /*16px*/
        text-transform: none;
    }

    .privacypolicylabelsmall {
        font-size: 0.8rem; /*16px*/
        text-transform: none;
    }

    p.calculateamount {
        font-size: 3.125rem;        /*50px*/
    }

    .alertify .ajs-header {
        font-size: 1.625rem;
    }

    .formdiv input[type=text], .formdiv select {
        max-width: 300px;
        min-width: 290px;
    }

    .savebtn {
        width: 134px;
    }

    .table-loandetails td {
        padding: 0;
    }


    .renewheader + input, .field-validation-error[data-valmsg-for=Amount], #Amount-error {
        max-width: 320px;
        margin: 0 auto;
    }

    .field-validation-error[data-valmsg-for=Amount], #Amount-error {
        text-align: center;
    }

    .table-retailhistory td, .table-retailhistory th {
        padding: 0.25rem;
    }

    hr {
        width: 85%;
        height: 1px;
    }

    #retailHistoryStartDate, #retailHistoryEndDate, #loanHistoryEndDate, #loanHistoryStartDate {
        width: 339px;
    }

    div > div > h3 {
        margin-top: 0.1875rem; /*3px*/
        margin-bottom: 0.0625rem; /*1px*/
    }

    .textcolor2.retailitemdesc {
        line-height: 1rem !important;
    }


    /*.field-validation-error[data-valmsg-for=AccountNumber], .field-validation-error[for=AccountNumber],
    {
        width: 100% !important;
    }*/

    .bankdiv > .inputdiv > .form-group > span.help-block .field-validation-error,
    .bankdiv > .inputdiv > .form-group > span.help-block .field-validation-error > span.field-validation-error,
    .field-validation-error[data-valmsg-for=IsCorrectContactInfo], .field-validation-error[for=IsCorrectContactInfo] {
        width: 100% !important;
    }

    .formdiv > .inputdiv .field-validation-error {
        width: 290px;
    }

    .startbutton {
        margin: 0 0.6875rem 1.0625rem 0.6875rem;
        width: 190px;
    }

    .btnright {
        margin-top: 1.5rem;
    }

    .startbuttonsdiv {
        justify-content: center !important;
    }

    .notmessagetext {
        font-size: 0.75rem;
    }

    .tableheader h3 {
        font-size: 1.3rem !important;
    }
}

@media (max-width: 375px) {
    .tableheader h3 {
        letter-spacing: -1.5px !important;
        font-size: 1.3rem !important;
    }

    .btn {
        letter-spacing: -1px;
        padding: 0.7rem 0.5rem !important;
        height: auto;
    }

    .startbutton {
        margin: 0 0.1rem 1.0625rem 0.1rem;
        width: 190px;
    }

    .table-loans .btn-renoperation {
        width: 220px !important;
    }

    .table-loans .btn-incroperation, .table-surplus .btn-incroperation {
        width: 80px !important;
    }

    .bottomnav a {
        padding: 0.3rem !important;
    }

    .formdiv input[type=text], .field-validation-error, .form-group select, .formdiv select {
        max-width: 300px !important;
        min-width: 250px !important;
    }

    .inputdiv > .form-group {
        width: 100%;
    }
}

@media (min-width: 376px) and (max-width: 575px) {
    .readonlydiv > .form-group {
        width: 100%;
    }
}

@media (min-width: 576px) {

    p, ol.list, .tabledots td, .form-group input, .bottomnav a {
        font-size: 1.25rem; /*20px*/
    }

    .amltext {
        font-size: 1.25rem !important; /*20px*/
    }

    .tabledots {
        padding-bottom: 3.6875rem;
    }

    h1 {
        font-size: 4.75rem; /*76px*/
    }

    h3 {
        font-size: 2.5rem; /*40px*/
        margin-top: 0.25rem;
        margin-bottom: 0;
    }

    .lead, .table-loandetails tr td:nth-child(1), .table-history tbody tr td:nth-child(1), .table-history tfoot tr td, .retailitemlabel {
        font-size: 1.6875rem;       /*27px*/
    }

    .lead {
        line-height: 1.875rem; /*30px*/
        padding-top: 2.25rem;       /*36px*/
        padding-bottom: 3.125rem;   /*50px*/
    }

    .inputdiv label, .inputdiv input, .inputdiv select, label, select {
        font-size: 1.0625rem !important; /*17px*/
    }

    .inputdiv p {
        margin: 0;
    }

    .inputdiv > .form-group {
        margin-bottom: 2.6875rem;   /*43px*/
        width: 339px;
    }


    .table-loandetails tr td:nth-child(2), .table-history tbody, .retailitemdesc {
        font-size: 1.375rem; /*22px*/
    }

    .retailitemdetails {
        font-size: 1.125rem;
    }

    .backbreadcrumb {
        font-size: 1.9375rem;       /*31px*/
    }

    .custom-control-label-size {
        font-size: 0.875rem !important;
    }

    h4, .datepckrlabel {
        font-size: 1.875rem !important; /*30px*/
    }

    .privacypolicylabel {
        font-size: 1.5rem !important; /*16px*/
        text-transform: none;
    }

    .privacypolicylabelsmall {
        font-size: 1.3rem !important; /*16px*/
        text-transform: none;
    }

    .form-group select {
        width: 339px;
    }

    p.calculateamount {
        font-size: 4.25rem;         /*68px*/
    }

    .alertify .ajs-header {
        font-size: 1.75rem;
    }

    .ajs-content {
        font-size: 1.4375rem;
    }

    .formdiv input[type=text], .formdiv > .inputdiv .field-validation-error {
        width: 339px;
    }

    hr {
        height: 1px;
    }

    #retailHistoryStartDate, #retailHistoryEndDate, #loanHistoryEndDate, #loanHistoryStartDate {
        width: 288px;
    }

    div > div > h3 {
        margin-top: 0;
        margin-bottom: 0.1875rem;   /*3px*/
    }

    .textcolor2.retailitemdesc {
        line-height: 1.5rem !important;
    }

    .field-validation-error[data-valmsg-for=AccountNumber], .field-validation-error[for=AccountNumber],
    .field-validation-error[data-valmsg-for=IsCorrectContactInfo], .field-validation-error[for=IsCorrectContactInfo],
    .field-validation-error[data-valmsg-for=Amount], #Amount-error {
        width: 100% !important;
    }

    .field-validation-error[data-valmsg-for=Amount], #Amount-error {
        text-align: left;
    }

    .startbutton {
        margin: 0 1rem 1rem 1rem;
        width: 190px;
    }

    .btnright {
        margin: 1.5rem 1.5rem 0 0;
    }

    .bottomnav a {
        padding: 0 1.5rem !important;
    }
    /*old*/

    .startbuttonsdiv {
        justify-content: space-between !important;
    }


    .alertify .ajs-dialog {
        height: 244px;
        max-width: 570px;
    }

    .table-history tbody tr:nth-child(1) {
        padding-top: 0 !important;
    }
}

@media (max-width: 991px) {

    .tableheader h3 {
        font-size: 1.6rem;        /*26px*/
    }

    .tableheader {
        height: 2.5625rem;           /*41px*/
    }

    .table-history tbody th, .tabletotallabel, .table-surplus tbody th, .table-paymentsinfo tbody th {
        font-size: 1.0625rem; /*17px*/
    }

    .table-surplus tbody tr, .table-paymentsinfo tbody tr {
        padding: 1.25rem 1.5rem 1.5rem 1.5rem;
    }

    .tabletotalvalue {
        font-size: 0.9375rem; /*15px*/
    }

    .totallabel, .totalvalue {
        font-size: 1.375rem;        /*22px*/
    }

    .table-surplus .btn-incroperation {
        height: 48px;
        font-size: 1.125rem; /*18px*/
    }

    .missinimgcell {
        width: 992px !important;
    }

    /*old*/

    .table-surplus thead, .table-paymentsinfo thead {
        display: none;
    }

    .table-surplus, .table-surplus td, .table-surplus th, .table-paymentsinfo, .table-paymentsinfo td, .table-paymentsinfo th {
        border: none;
    }

    .table-surplus, .table-surplus tbody, .table-paymentsinfo, .table-paymentsinfo tbody {
        display: block;
    }

    .table-surplus tbody tr, .table-paymentsinfo tbody tr {
        display: block;
        width: 100%;
    }

    .table-surplus tbody th, .table-surplus td, .table-paymentsinfo tbody th, .table-paymentsinfo td {
        padding: 0.5rem 0 0 0;
        display: inline-block;
    }

    .table-history tbody th, .table-history td {
        padding: 4px;
        display: inline-block;
    }

    .field-validation-error[data-valmsg-for=OtherAnswer1], .field-validation-error[for=OtherAnswer1],
    .field-validation-error[data-valmsg-for=OtherAnswer2], .field-validation-error[for=OtherAnswer2],
    .field-validation-error[data-valmsg-for=OtherAnswer3], .field-validation-error[for=OtherAnswer3],
    #otherAnswer3Div, #otherAnswer2Div, #otherAnswer1Div {
        width: 100% !important;
    }
}

@media (min-width: 992px) {

    .tableheader h3 {
        font-size: 2.25rem;             /*26px*/
    }

    .tableheader {
        height: 4.125rem;               /*66px*/
    }

    .table-loans thead th, .tabletotalvalue, .totalvalue, .table-paymentsinfo thead th {
        font-size: 1.375rem; /*22px*/
    }

    .table-surplus thead th {
        font-size: 1rem; /*16px*/
    }

    .tabletotallabel, .totallabel {
        font-size: 1.6875rem;  /*27px*/
        text-transform: uppercase;
    }

    .table-loans tbody td {
        padding: 0.5rem;
    }

    .inputdiv {
        padding-top: 3.3125rem !important;
        padding-bottom: 1.9375rem;
    }

    #bankselect {
        max-width: 100%;
    }

    .field-validation-error[data-valmsg-for=OtherAnswer1], .field-validation-error[for=OtherAnswer1],
    .field-validation-error[data-valmsg-for=OtherAnswer2], .field-validation-error[for=OtherAnswer2],
    .field-validation-error[data-valmsg-for=OtherAnswer3], .field-validation-error[for=OtherAnswer3],
    .field-validation-error[data-valmsg-for=Answer2], .field-validation-error[for=Answer2],
    .field-validation-error[data-valmsg-for=AccountNumber], .field-validation-error[for=AccountNumber],
    .field-validation-error[data-valmsg-for=IsCorrectContactInfo], .field-validation-error[for=IsCorrectContactInfo],
    .field-validation-error[data-valmsg-for=Amount], #Amount-error {
        width: 100% !important;
    }

    .table-loandetails {
        width: 80% !important;
    }

    .table-loans thead tr th:nth-child(4) {
        padding-right: 7rem;
    }

    /*old*/
    .table-surplus tbody tr th, .table-paymentsinfo tbody tr th {
        display: none;
    }

    .table-surplus tbody tr:nth-child(1) {
        border-top: 2px solid #A8E3FF;
    }

    .table-loans tbody tr, .table-surplus tbody tr, .table-paymentsinfo tbody tr {
        border-bottom: 1px solid #A8E3FF !important;
    }

    .table td, .table th {
        padding: 0.5rem;
    }

    .printtable tfoot td {
        padding: 0.75rem;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .inputdiv > .form-group {
        width: 300px;
    }

    .bankdiv > .inputdiv > .form-group > span.help-block .field-validation-error,
    .bankdiv > .inputdiv > .form-group > span.help-block .field-validation-error > span.field-validation-error,
    .field-validation-error[data-valmsg-for=IsCorrectContactInfo], .field-validation-error[for=IsCorrectContactInfo] {
        width: 100% !important;
    }

    .formdiv input[type=text], .formdiv > .inputdiv .field-validation-error, .form-group select {
        width: 300px;
    }

    .table-retailhistory img {
        min-width: 250px !important;
    }

    #AMLtitle {
        font-size: 4rem !important;
    }
}

@media (max-width: 1199px) {

    .table-loans thead {
        display: none;
    }

    .table-loans, .table-loans tbody {
        display: block;
    }

    .table-loans, .table-loans td, .table-loans th {
        border: none;
    }

    .table-loans tbody tr {
        display: block;
        width: 100%;
    }

    .table-loans tbody th, .table-loans td {
        padding: 0.5rem 0 0 0;
        display: inline-block;
    }

    .table-loans .btn-warning, .table-loans .btn-incroperation, .table-loans .btn-renoperation {
        height: 48px;
        font-size: 1.125rem; /*18px*/
    }

     .table-loans .btn-renoperation {
        width: 240px;
    }

    .table-loans .btn-incroperation {
        width: 130px;
    }

    .table-loans .loanddescr, .tabletotalvalue {
        font-size: 0.9375rem; /*15px*/
    }

    .table-loans tbody th {
        font-size: 1.0625rem; /*17px*/
    }

    .table-loans tbody tr {
        padding: 1.25rem 1.5rem 1.5rem 1.5rem;
    }
}

@media (max-width: 991px) {

    .table-surplus, .table-surplus tbody, .table-paymentsinfo, .table-paymentsinfo tbody {
        display: block;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    #AMLtitle {
        font-size: 2.5rem !important;
    }

    .lockericon {
        font-size: 1.75rem; /*28px*/
    }
}

@media (max-width: 440px) {
    #AMLtitle {
        font-size: 1.3rem !important;
    }


}

@media (min-width: 1200px) {
    .formdiv input[type=text], .formdiv > .inputdiv .field-validation-error, .form-group select {
        width: 339px;
    }
    .table-surplus thead th {
        font-size: 1.25rem; /*20px*/
    }

    .col-xl-10 {
        max-width: 100%;
        flex: 100%;
    }

    .table-loans tbody tr th {
        display: none;
    }

    .table-loans tbody tr:nth-child(1) {
        border-top: 2px solid #A8E3FF;
    }

    .table-loans .btn-renoperation {
        width: 170px !important;
    }

    .table-loans .btn-incroperation {
        min-width: 80px !important;
    }

    .table-loans .loanddescr {
        font-size: 0.875rem;
    }

    .table-loans .btn-warning, .table-loans .btn-incroperation, .table-loans .btn-renoperation {
        height: 30px;
        font-size: 0.75rem; /*12px*/
    }

    .table-loans tbody td {
        padding: 0.5rem;
    }
}

@supports (-ms-ime-align:auto) {
    button.disabled, button.disabled:hover, button.disabled:active {
        cursor: default !important;
        opacity: .7 !important;
        background: #3E3E3E !important;
        color: #888888 !important;
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    button.disabled, button.disabled:hover, button.disabled:active {
        cursor: default !important;
        opacity: .7 !important;
        background: #3E3E3E !important;
        color: #888888 !important;
    }
}