/* Mobile View */
@media only screen and (max-width : 599px) {
    #smc-qt-bank-form {
        width: 100%;
        max-width: 100%;
        padding-bottom: 20%;
    }

    .tab-content.sm-content .default-btn {
        align-items: center;
    }

    .fmbo-tab-pane, #transfer__steps .fmbo-tab-pane.tab-pane {
        padding: 0 15px;
    }
    
    .fmbo-form-container {
        display: block;
    }

    .fmbo-form-label {
        font-size: 16px;
        line-height: 19px;
        height: 19px;
        margin-bottom: 8px;
        padding: 0px;
        margin-left: 16px;
    }

    .fmbo-input:nth-child(1) label {
        margin-right: 8px;
        width: 100%;
    }

    .fmbo-field-input {
        font-size: 12px;
    }

    .fmbo-field-input input.form-control {
        font-size: 16px;
    }

    .fmbo-field-input input {
        padding-top: 13px;
    }

    .fmbo-upload .c-input {
        display: block;
    }

    .fmbo-qr {
        display: block;
    }

    .fmbo-upload button#custom-button {
        border-radius: 60px;
        height: 40px;
        border: solid 1px #222939;
        display: flex;
        align-items: center;
        width: auto;
    }

    .fmbo-upload .upload-btn {
        display: flex;
        align-items: center;
        width: auto;
    }

    .fmbo-upload .upload-file {
        display: block;
    }

    .fmbo-upload .upload-container .upload-line {
        display: flex;
        gap: 8px;
        justify-content: flex-end;
        margin: 0;
    }

    .fmbo-upload .upload-container .upload-textbox {
        padding: 0;
        margin-right: 0;
    }

    .fmbo-upload div#xfileErrMsg {
        margin-top: 8px;
    }

    .fmbo-upload .c-input > div:first-child{
        height: unset;
    }

    .fmbo-qr-content{
        width: 100%;
        margin-bottom: 24px;
    }

    .fmbo-qr-content img {
        margin-bottom: 12px;
    }

    .fmbo-preview .col-form-label {
        font-size: 14px;
        margin: 0 0 8px;
    }

    .fmbo-preview .preview-title-details h5, .fmbo-preview .form-control[readonly] {
        font-size: 14px;
    }

    .fmbo-preview .preview-title-details {
        /*margin: 0 15px 15px*/
    }

    .fmbo-content .field-info-error span {
        padding-top: 8px
    }

    .fmbo-container .field-info-error {
        margin-top: 8px;
    }

    #smc-qt-bank-form .deposit-primary-button {
        margin-top: 24px;
        align-items: center;
        width: 100%;
        max-width: 100%;
    }

    .fmbo-input:nth-child(1) label {
        height: 20px;
    }

    /**for left and right spacing**/
    .tab-content:has( #smc-qt-bank-form ) {
        padding: 22px 16px 0px 16px;
    }

    html:has( body #smc-qt-bank-form ) {
        background-color: #fff; /*#eaeaea*/
    }
    
    .fmbo-container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .fmbo-step-title {
        padding-bottom: 4px;
    }

    .fmbo-container .fileUpload-btn {
        margin-top: 8px;
    }
    
    .fmbo-container .btn-xs-block + .btn-xs-block {
        margin-top: 8px;
    }

    .fmbo-container img.qt-logo {
        height: 48px;
    }

    .prev-acct-num {
        margin-bottom: 4px;
    }

    .deposit-to-diff-act p.col-form-label.text-danger {
        margin-top: 0px;
    }

    .fmbo-preview .preview-title-details {
        margin-top: 32px;
    }

    #smc-qt-bank-form .status-container h4.deposit-status-title {
        margin-top: 14px;
    }
}


/* Desktop View */
@media (min-width: 600px) {
    .fmbo-input {
    }

    #smc-qt-bank-form .deposit-primary-button {
        margin-top: 32px;
    }

    .fmbo-input:nth-child(1) label {
        height: 48px;
    }

    .fmbo-container img.qt-logo {
        height: 56px;
    }

    .prev-acct-num {
        margin-bottom: 8px;
    }

    .fmbo-preview .preview-title-details {
        margin-top: 24px;
    }

    #smc-qt-bank-form .status-container {
        padding: 15px 67px 0px 67px;
    }
}