/* 360 x 800 ========================================  */
@media (max-width: 360px) {
    .sectCont img {
        width: 120px;
        padding: 15px;
    }

    .centerAligned {
        text-align: center;
        display: inline-block;
    }

    .rghtAligned {
        text-align: right;
        display: inline-block;
    }

    #sectMiscInfo .centerAligned,
    #sectMiscInfo #spInvNum {
        /*width: 110px;*/
    }

    #sectFeeInfo .flxTable .feeDescCap,
    #sectFeeInfo .tblData .feeDescCap {
        width: 250px;
    }

    .sectCont h3 {
        top: 18px;
    }

    #divTabContainer {
        margin-top: 20px;
    }

    #divTabs span {
        font-size: 12px;
    }

    #divTabData {
        padding: 20px;
        min-height: 200px;
        max-height: 250px;
    }

    #tabCnrlNum {
        width: 950px !important;
    }

    #tabPhoNum, #tabEmail {
        width: 550px;
    }


    #divSectHdr {
        font-size: 14px;
        padding: 5px;
        font-weight: bold;
    }

        #divSectHdr span {
            position: relative;
            top: -8px;
            font-weight: normal;
            margin-left: 5px;
            font-size: 10px;
            color: antiquewhite;
        }

    #summComp, #srchComp {
        height: 604px;
        padding: 3px;
        margin-top: 5px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        #srchComp h3, #summComp h3 {
            position: relative;
            font-weight: bold;
            font-size: 16px;
            margin-top: 12px;
            margin-bottom: 5px;
            padding-top: 5px;
        }


    .divHdrDesc {
        background-color: white;
    }

    .divHdrDesc p{
        font-size: 14px;
    }

        .divHdrDesc p:nth-child(2) {
            margin-top: 15px;
        }

    #rcptComp .divHdrDesc p {
        margin-top: 40px;
    }

    #rcptComp .divHdrDesc span {
        font-weight: bold;
        margin-right: 10px;
    }

    p {
        font-size: 14px;
        margin-bottom: 0.3rem !important;
    }


    footer {
        bottom: 0px;
        font-size: 11px;
    }

        footer > span > span {
            display: block;
        }

    #ver {
        position: absolute;
        top: -1px;
        left: 325px;
        font-size: 10px;
        color: #808080;
    }

    .tabDataRow {
        height: 70px;
        font-size: 14px;
    }

    .fa-question-circle {
        padding-bottom: 5px;
    }

    #spInvNum{
        font-size: 14px;
    }


    /************** Summary **************/
    #divSummary {
        width: 100%;
        /*background-color: yellow;*/
    }

        #divSummary #sectLicInfo,
        #divSummary #sectRenwlInfo {
            margin-top: 5px;
            background-color: #efe5db;
        }

        #divSummary #sectLicInfo div,
        #divSummary #sectRenwlInfo div {
            margin-bottom: 5px;
            padding: 10px;
            /*background-color: #c4efed;*/
        }

        #divSummary #sectLicInfo .cap,
        #divSummary #sectRenwlInfo .cap {
            margin-top: 5px;
            font-weight: bold;
            font-size: 14px;
            display: block;
            width: 100%;
            border-bottom: 1px solid #808080;
        }

    /* ^^^^^^^^^^^^^^^^^^^^^^ end of Summary ^^^^^^^^^^^^^^^^ */



    #sectLicInfo, #sectRenwlInfo, #sectFeeInfo, #sectMiscInfo, #sectGenInfo, #sectConfInfo {
        width: 100% !important;
        padding: 5px;
        height: auto;
    }


    /****************** Receipt **************** */

    #rcptComp h3 {
        position: relative;
        font-weight: bold;
        font-size: 16px;
        margin-top: 25px;
        margin-bottom: 1px;
        padding-top: 5px;
    }

    #rcptComp #sectGenInfo {
        margin-top: 5px;
        background-color: #efe5db;
    }

        #rcptComp #sectGenInfo div {
            margin-bottom: 5px;
            padding: 10px;
            /*background-color: #c4efed;*/
        }

        #rcptComp #sectGenInfo .cap {
            margin-top: 5px;
            font-weight: bold;
            font-size: 14px;
            display: block;
            width: 100%;
            border-bottom: 1px solid #808080;
        }

    #spCustName,
    #spPayDate,
    #spDbaName,
    #spInvNum,
    #spPeriod,
    #spAmt,
    #spLicNmbr {
        /*display: block;*/
    }
    /* ^^^^^^^^^^^^^^^^^^^^^^ end of Receipt ^^^^^^^^^^^^^^^^ */

    .tblCap {
        font-size: 13px !important;
    }

    .tblData span {
        /*display: inline-flex;*/
        font-size: 14px;
    }

    #divNote {
        margin-top: 5px;
        line-height: 1.1rem;
    }

    #btnNext {
        margin-top: 10px;
    }

        #btnNext span {
            position: absolute;
            margin-left: 90px;
            margin-top: 3px;
        }

    #btnECheck span, #btnCC span {
        position: relative;
        top: -25px;
        left: 20px;
    }

    #alertPanel {
        width: 350px !important;
        padding: 15px !important;
    }

        #alertPanel .button {
            /*top: 0px!important;*/
            left: 220px !important;
        }


    .feeDescCap {
        width: 200px !important;
    }

    .feeColumn {
        /*background-color: antiquewhite;*/
        width: 90px !important;
    }
    .feeColCap {
        width: 90px !important;
    }
}







/* 390 x 844  ====================================== */
@media (min-width: 390px) and (max-width: 392px) {
    .sectCont img {
        width: 130px;
        padding: 15px;
    }

    .centerAligned {
        text-align: center;
        display: inline-block;
    }

    .rghtAligned {
        text-align: right;
        display: inline-block;
    }

    #sectMiscInfo .centerAligned,
    #sectMiscInfo #spInvNum {
        width: 100px;
    }

    #sectFeeInfo .flxTable .feeDescCap,
    #sectFeeInfo .tblData .feeDescCap {
        width: 250px;
    }

    .sectCont h3 {
        top: 28px;
    }

    #divTabContainer {
        margin-top: 20px;
    }

    #divTabs span {
        font-size: 12px;
    }

    #tabCnrlNum {
        width: 1120px !important;
    }

    #tabPhoNum, #tabEmail {
        width: 550px;
    }


    #divSectHdr {
        font-size: 14px;
        padding: 5px;
        font-weight: bold;
    }

        #divSectHdr span {
            position: relative;
            top: -8px;
            font-weight: normal;
            margin-left: 5px;
            font-size: 10px;
            color: antiquewhite;
        }


    #summComp {
        height: 669px;
        padding: 3px;
        margin-top: 5px;
        overflow-y: scroll;
        overflow-x: hidden;
        /*background-color: yellow;*/
    }

        #srchComp h3, #summComp h3 {
            position: relative;
            font-weight: bold;
            font-size: 16px;
            margin-top: 12px;
            margin-bottom: 5px;
            padding-top: 5px;
        }


    .divHdrDesc {
        background-color: white;
    }

    .divHdrDesc p{
        font-size: 16px;
    }

        .divHdrDesc p:nth-child(2) {
            margin-top: 25px;
        }

    p {
        margin-bottom: 0.3rem !important;
    }

    .divUiComp h3 {
        font-weight: bold;
        font-size: 12px;
        margin-top: 15px;
        margin-bottom: 5px;
        padding-top: 5px;
    }

    footer {
        bottom: 0px;
        font-size: 11px;
    }

        footer > span > span {
            display: block;
        }

    #ver {
        position: absolute;
        top: -1px;
        left: 355px;
        font-size: 10px;
        color: #808080;
    }

    .tabDataRow {
        height: 70px;
        font-size: 14px;
    }


    .fa-question-circle {
        padding-bottom: 10px;
    }


    /************** Summary **************/
    #divSummary {
        width: 100%;
        /*background-color: yellow;*/
    }

        #divSummary #sectLicInfo,
        #divSummary #sectRenwlInfo {
            margin-top: 5px;
            background-color: #efe5db;
        }

            #divSummary #sectLicInfo div,
            #divSummary #sectRenwlInfo div {
                margin-bottom: 5px;
                padding: 10px;
                /*background-color: #c4efed;*/
            }

            #divSummary #sectLicInfo .cap,
            #divSummary #sectRenwlInfo .cap {
                margin-top: 5px;
                font-weight: bold;
                font-size: 14px;
                display: block;
                width: 100%;
                border-bottom: 1px solid #808080;
            }

    #btnNext span {
        position: absolute;
        margin-left: 160px;
        margin-top: 5px;
    }



    #sectLicInfo, #sectRenwlInfo, #sectFeeInfo, #sectMiscInfo, #sectGenInfo, #sectConfInfo {
        width: 100% !important;
        padding: 5px;
        height: auto;
    }

    #spInvNum {
        font-size: 14px;
    }

    /****************** Receipt **************** */
    #rcptComp h3 {
        position: relative;
        font-weight: bold;
        font-size: 16px;
        margin-top: 35px;
        margin-bottom: 1px;
        padding-top: 5px;
    }

    #rcptComp #sectGenInfo {
        margin-top: 5px !important;
        background-color: #efe5db;
    }

    #rcptComp #sectGenInfo {
        margin-top: 20px;
        background-color: #efe5db;
    }

        #rcptComp #sectGenInfo div {
            margin-bottom: 5px;
            padding: 10px;
            /*background-color: #c4efed;*/
        }

        #rcptComp #sectGenInfo .cap {
            margin-top: 5px;
            font-weight: bold;
            font-size: 14px;
            display: block;
            width: 100%;
            border-bottom: 1px solid #808080;
        }

    #spCustName,
    #spPayDate,
    #spDbaName,
    #spInvNum,
    #spPeriod,
    #spAmt,
    #spLicNmbr {
        /*display: block;*/
    }
    /* ^^^^^^^^^^^^^^^^^^^^^^ end of Receipt ^^^^^^^^^^^^^^^^ */

    .tblCap {
        font-size: 13px !important;
    }

    .tblData span {
        /*display: inline-flex;*/
    }

    #divNote {
        line-height: 1.1rem;
    }

    #btnNext {
        margin-top: 10px;
    }

        #btnNext span {
            position: absolute;
            margin-left: 95px;
            margin-top: 3px;
        }

    #btnECheck span, #btnCC span {
        position: relative;
        top: -25px;
        left: 20px;
    }

    #alertPanel {
        width: 470px !important;
        padding: 15px !important;
    }

        #alertPanel .button {
            top: 5px !important;
            left: 330px !important;
        }

    .feeDescCap {
        width: 230px !important;
    }

    .feeColumn {
        width: 90px !important;
        /*background-color: antiquewhite;*/
    }

    .feeColCap {
        width: 90px !important;
    }
}




/* 393 x 873  ============================================= */
@media (min-width: 393px) and (max-width: 411px) {
    .sectCont img {
        width: 130px;
        padding: 15px;
    }

    .centerAligned {
        text-align: center;
        display: inline-block;
    }

    .rghtAligned {
        text-align: right;
        display: inline-block;
    }

    #sectMiscInfo .centerAligned,
    #sectMiscInfo #spInvNum {
        width: 110px;
        font-size: 14px;
    }

    #sectFeeInfo .flxTable .feeDescCap,
    #sectFeeInfo .tblData .feeDescCap {
        width: 250px;
    }

    .sectCont h3 {
        top: 28px;
    }

    #divTabContainer {
        margin-top: 20px;
    }

    #divTabs span {
        font-size: 12px;
    }

    #tabCnrlNum {
        width: 1120px !important;
    }

    #tabPhoNum, #tabEmail {
        width: 770px;
    }


    #divSectHdr {
        font-size: 14px;
        padding: 5px;
        font-weight: bold;
    }

        #divSectHdr span {
            position: relative;
            top: -8px;
            font-weight: normal;
            margin-left: 5px;
            font-size: 10px;
            color: antiquewhite;
        }


    #summComp {
        height: 685px;
        padding: 3px;
        margin-top: 5px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        #srchComp h3, #summComp h3 {
            position: relative;
            font-weight: bold;
            font-size: 16px;
            margin-top: 12px;
            margin-bottom: 5px;
            padding-top: 5px;
        }

    divHdrDesc {
        background-color: white;
    }


    .divHdrDesc p {
        font-size: 16px;
    }

    .divHdrDesc p:nth-child(2) {
        margin-top: 25px;
    }


    p {
        margin-bottom: 0.3rem !important;
    }

    .divUiComp h3 {
        font-weight: bold;
        font-size: 12px;
        margin-top: 15px;
        margin-bottom: 5px;
        padding-top: 5px;
    }


    footer {
        bottom: 0px;
    }

        footer > span > span {
            display: block;
        }

    #ver {
        position: absolute;
        top: 32px;
        left: 358px;
        font-size: 10px;
        color: #808080;
    }

    .tabDataRow {
        height: 70px;
        font-size: 14px;
    }

    .fa-question-circle {
        padding-bottom: 10px;
    }

    #btnNext span {
        position: absolute;
        margin-left: 110px;
        margin-top: 5px;
    }


    #divSummary {
        width: 100%;
        /*background-color: yellow;*/
    }

        #divSummary #sectLicInfo,
        #divSummary #sectRenwlInfo {
            margin-top: 5px;
            background-color: #efe5db;
        }

            #divSummary #sectLicInfo div,
            #divSummary #sectRenwlInfo div {
                margin-bottom: 5px;
                padding: 10px;
                /*background-color: #c4efed;*/
            }

            #divSummary #sectLicInfo .cap,
            #divSummary #sectRenwlInfo .cap {
                margin-top: 5px;
                font-weight: bold;
                font-size: 14px;
                display: block;
                width: 100%;
                border-bottom: 1px solid #808080;
            }
    /* ^^^^^^^^^^^^^^^^^^^^^^ end of Summary ^^^^^^^^^^^^^^^^ */


    #sectLicInfo, #sectRenwlInfo, #sectFeeInfo, #sectMiscInfo, #sectGenInfo, #sectConfInfo {
        width: 100% !important;
        padding: 5px;
        height: auto;
    }

    /****************** Receipt **************** */
    #rcptComp h3 {
        position: relative;
        font-weight: bold;
        font-size: 16px;
        margin-top: 35px;
        margin-bottom: 1px;
        padding-top: 5px;
    }

    #rcptComp #sectGenInfo {
        margin-top: 5px !important;
        background-color: #efe5db;
    }

    #rcptComp #sectGenInfo {
        margin-top: 20px;
        background-color: #efe5db;
    }

        #rcptComp #sectGenInfo div {
            margin-bottom: 5px;
            padding: 10px;
            /*background-color: #c4efed;*/
        }

        #rcptComp #sectGenInfo .cap {
            margin-top: 5px;
            font-weight: bold;
            font-size: 14px;
            display: block;
            width: 100%;
            border-bottom: 1px solid #808080;
        }

    #spCustName,
    #spPayDate,
    #spDbaName,
    #spInvNum,
    #spPeriod,
    #spAmt,
    #spLicNmbr {
        /*display: block;*/
    }
    /* ^^^^^^^^^^^^^^^^^^^^^^ end of Receipt ^^^^^^^^^^^^^^^^ */

    .tblCap {
        font-size: 13px !important;
    }

    .tblCap {
        font-size: 13px !important;
    }

    #divNote {
        line-height: 1.1rem;
    }

    #btnNext {
        margin-top: 10px;
    }

        #btnNext span {
            position: absolute;
            margin-left: 95px;
            margin-top: 3px;
        }

    #btnECheck span, #btnCC span {
        position: relative;
        top: -25px;
        left: 20px;
    }

    #alertPanel {
        width: 350px !important;
        padding: 15px !important;
    }

        #alertPanel .button {
            top: 5px !important;
            left: 210px !important;
        }

    .feeDescCap {
        width: 230px !important;
    }

    .feeColumn {
        width: 90px !important;
        /*background-color: antiquewhite;*/
    }

    .feeColCap {
        width: 90px !important;
    }
}


/* 412 x 915  ============================================== */
@media (min-width: 412px) and (max-width: 413px) {
    .sectCont img {
        width: 130px;
        padding: 15px;
    }

    .centerAligned {
        text-align: center;
        display: inline-block;
    }

    .rghtAligned {
        text-align: right;
        display: inline-block;
    }

    #sectMiscInfo .centerAligned,
    #sectMiscInfo #spInvNum {
        width: 110px;
        font-size: 14px;
    }

    #sectFeeInfo .flxTable .feeDescCap,
    #sectFeeInfo .tblData .feeDescCap {
        width: 250px;
    }

    .sectCont h3 {
        top: 28px;
    }

    #divTabContainer {
        margin-top: 20px;
    }

    #divTabs span {
        font-size: 12px;
    }

    #tabCnrlNum {
        width: 1120px !important;
    }

    #tabPhoNum, #tabEmail {
        width: 770px;
    }

    #divSectHdr {
        font-size: 14px;
        padding: 5px;
        font-weight: bold;
    }

        #divSectHdr span {
            position: relative;
            top: -8px;
            font-weight: normal;
            margin-left: 5px;
            font-size: 10px;
            color: antiquewhite;
        }

    #summComp {
        height: 720px;
        padding: 3px;
        margin-top: 5px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        #srchComp h3, #summComp h3 {
            position: relative;
            font-weight: bold;
            font-size: 16px;
            margin-top: 12px;
            margin-bottom: 5px;
            padding-top: 5px;
        }

    divHdrDesc {
        background-color: white;
    }

    .divHdrDesc p {
        font-size: 18px;
    }

    .divHdrDesc p:nth-child(2) {
        margin-top: 25px;
    }

    p {
        margin-bottom: 0.3rem !important;
    }



    .divUiComp h3 {
        font-weight: bold;
        font-size: 12px;
        margin-top: 15px;
        margin-bottom: 5px;
        padding-top: 5px;
    }

    footer {
        bottom: 0;
    }

        footer > span > span {
            display: block;
        }

    #ver {
        position: absolute;
        top: 32px;
        left: 375px;
        font-size: 10px;
        color: #808080;
    }

    .tabDataRow {
        height: 70px;
        font-size: 14px;
    }

    .fa-question-circle {
        padding-bottom: 10px;
    }


    /************** Summary **************/
    #divSummary {
        width: 100%;
        /*background-color: yellow;*/
    }

        #divSummary #sectLicInfo,
        #divSummary #sectRenwlInfo {
            margin-top: 5px;
            background-color: #efe5db;
        }

            #divSummary #sectLicInfo div,
            #divSummary #sectRenwlInfo div {
                margin-bottom: 5px;
                padding: 10px;
                /*background-color: #c4efed;*/
            }

            #divSummary #sectLicInfo .cap,
            #divSummary #sectRenwlInfo .cap {
                margin-top: 5px;
                font-weight: bold;
                font-size: 14px;
                display: block;
                width: 100%;
                border-bottom: 1px solid #808080;
            }

    /* ^^^^^^^^^^^^^^^^^^^^^^ end of Summary ^^^^^^^^^^^^^^^^ */

    #sectLicInfo, #sectRenwlInfo, #sectFeeInfo, #sectMiscInfo, #sectGenInfo, #sectConfInfo {
        width: 100% !important;
        padding: 5px;
        height: auto;
    }

    /****************** Receipt **************** */
    #rcptComp h3 {
        position: relative;
        font-weight: bold;
        font-size: 16px;
        margin-top: 35px;
        margin-bottom: 1px;
        padding-top: 5px;
    }

    #rcptComp #sectGenInfo {
        margin-top: 5px !important;
        background-color: #efe5db;
    }

    #rcptComp #sectGenInfo {
        margin-top: 20px;
        background-color: #efe5db;
    }

        #rcptComp #sectGenInfo div {
            margin-bottom: 5px;
            padding: 10px;
            /*background-color: #c4efed;*/
        }

        #rcptComp #sectGenInfo .cap {
            margin-top: 5px;
            font-weight: bold;
            font-size: 14px;
            display: block;
            width: 100%;
            border-bottom: 1px solid #808080;
        }

    #spCustName,
    #spPayDate,
    #spDbaName,
    #spInvNum,
    #spPeriod,
    #spAmt,
    #spLicNmbr {
        /*display: block;*/
    }
    /* ^^^^^^^^^^^^^^^^^^^^^^ end of Receipt ^^^^^^^^^^^^^^^^ */

    .tblCap {
        font-size: 13px !important;
    }

    .tblData span {
        font-size: 14px;
    }

    #divNote {
        line-height: 1.1rem;
    }

    #btnNext {
        margin-top: 10px;
    }

        #btnNext span {
            position: absolute;
            margin-left: 95px;
            margin-top: 3px;
        }

    #btnECheck span, #btnCC span {
        position: relative;
        top: -25px;
        left: 20px;
    }


    #alertPanel {
        width: 390px !important;
        padding: 15px !important;
    }

        #alertPanel .button {
            top: 5px !important;
            left: 250px !important;
        }

    /*.feeDescCap {
        width: 230px !important;
    }*/

    .feeColumn {
        width: 90px !important;
        /*background-color: antiquewhite;*/
    }

    .feeColCap {
        width: 90px !important;
    }
}
/* ^^^^^^^^^^^^^^^^^^^^^^^ end of 412 x 915 ^^^^^^^^^^^^^^^^^^^^^^^^^ */



/* 414 x 896  ============================================== */
@media (min-width: 414px) and (max-width: 418px) {
    .sectCont img {
        width: 120px;
        padding: 15px;
    }

    .centerAligned {
        text-align: center;
        display: inline-block;
    }

    #sectMiscInfo .centerAligned,
    #sectMiscInfo #spInvNum {
        width: 110px;
        font-size: 14px;
    }

    #sectFeeInfo .flxTable .feeDescCap,
    #sectFeeInfo .tblData .feeDescCap {
        width: 250px;
    }
   

    .rghtAligned {
        text-align: right;
        display: inline-block;
    }

    .sectCont h3 {
        top: 28px;
    }


    #divTabContainer {
        margin-top: 20px;
    }

    #divTabs span {
        font-size: 12px;
    }

    #tabCnrlNum {
        width: 1120px !important;
    }

    #tabPhoNum, #tabEmail {
        width: 770px;
    }




    #divSectHdr {
        font-size: 14px;
        padding: 5px;
        font-weight: bold;
    }

        #divSectHdr span {
            position: relative;
            top: -8px;
            font-weight: normal;
            margin-left: 5px;
            font-size: 10px;
            color: antiquewhite;
        }

    #summComp {
        height: 667px;
        padding: 3px;
        margin-top: 5px;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        #srchComp h3, #summComp h3 {
            position: relative;
            font-weight: bold;
            font-size: 16px;
            margin-top: 12px;
            margin-bottom: 5px;
            padding-top: 5px;
        }

    divHdrDesc {
        background-color: white;
    }

    .divHdrDesc p {
        font-size: 16px;
    }

    .divHdrDesc p:nth-child(2) {
        margin-top: 25px;
    }

    p {
        margin-bottom: 0.3rem !important;
    }

    .divUiComp h3 {
        font-weight: bold;
        font-size: 12px;
        margin-top: 15px;
        margin-bottom: 5px;
        padding-top: 5px;
    }


    footer {
        bottom: 0;
    }

        footer > span > span {
            display: block;
        }

    #ver {
        position: absolute;
        top: 32px;
        left: 375px;
        font-size: 10px;
        color: #808080;
    }

    .tabDataRow {
        height: 70px;
        font-size: 14px;
    }

    .fa-question-circle {
        padding-bottom: 10px;
    }

    /************** Summary **************/
    #divSummary {
        width: 100%;
        /*background-color: yellow;*/
    }

        #divSummary #sectLicInfo,
        #divSummary #sectRenwlInfo {
            margin-top: 5px;
            background-color: #efe5db;
        }

            #divSummary #sectLicInfo div,
            #divSummary #sectRenwlInfo div {
                margin-bottom: 5px;
                padding: 10px;
                /*background-color: #c4efed;*/
            }

            #divSummary #sectLicInfo .cap,
            #divSummary #sectRenwlInfo .cap {
                margin-top: 5px;
                font-weight: bold;
                font-size: 14px;
                display: block;
                width: 100%;
                border-bottom: 1px solid #808080;
            }

    /* ^^^^^^^^^^^^^^^^^^^^^^ end of Summary ^^^^^^^^^^^^^^^^ */



    #btnNext span {
        position: absolute;
        margin-left: 110px;
        margin-top: 3px;
    }


    #divSummary {
        width: 100%;
    }

    #sectLicInfo, #sectRenwlInfo, #sectFeeInfo, #sectMiscInfo, #sectGenInfo, #sectConfInfo {
        width: 100% !important;
        padding: 5px;
        height: auto;
    }

    /****************** Receipt **************** */
    #rcptComp h3 {
        position: relative;
        font-weight: bold;
        font-size: 16px;
        margin-top: 35px;
        margin-bottom: 1px;
        padding-top: 5px;
    }

    #rcptComp #sectGenInfo {
        margin-top: 5px !important;
        background-color: #efe5db;
    }

    #rcptComp #sectGenInfo {
        margin-top: 20px;
        background-color: #efe5db;
    }

        #rcptComp #sectGenInfo div {
            margin-bottom: 5px;
            padding: 10px;
            /*background-color: #c4efed;*/
        }

        #rcptComp #sectGenInfo .cap {
            margin-top: 5px;
            font-weight: bold;
            font-size: 14px;
            display: block;
            width: 100%;
            border-bottom: 1px solid #808080;
        }

    #spCustName,
    #spPayDate,
    #spDbaName,
    #spInvNum,
    #spPeriod,
    #spAmt,
    #spLicNmbr {
        /*display: block;*/
    }
    /* ^^^^^^^^^^^^^^^^^^^^^^ end of Receipt ^^^^^^^^^^^^^^^^ */

    .tblCap {
        font-size: 13px !important;
    }

    .tblData span {
        /*display: inline-flex;*/
        font-size: 14px;
    }

    #divNote {
        line-height: 1.2rem;
        font-size: 14px;
    }

    #btnNext {
        margin-top: 10px;
    }

        #btnNext span {
            position: absolute;
            margin-left: 95px;
            margin-top: 3px;
        }

    #btnECheck span, #btnCC span {
        position: relative;
        top: -25px;
        left: 20px;
    }

    #alertPanel {
        width: 390px !important;
        padding: 15px !important;
    }

        #alertPanel .button {
            top: 5px !important;
            left: 250px !important;
        }

    /*.feeDescCap {
        width: 236px !important;
    }*/

    .feeColumn {
        width: 90px !important;
        /*background-color: antiquewhite;*/
    }

    .feeColCap {
        width: 90px !important;
    }
}







/*@media (min-width: 769px) and (max-width: 1024px) {
    body {
        font-size: 17px;
    }
}


@media (max-height: 480px) and (orientation: landscape) {
    body {
        font-size: 13px;
    }
}
*/

/* 4K Display  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/* 4K Display  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
@media only screen and (max-width: 3840px) {
}


/* HD Display ############################################################################################# */
/* HD Display ############################################################################################# */
@media only screen and (max-width: 1920px) {
}


/* Pixel 7 Display ############################################################################################# */
/* Pixel 7 Display ############################################################################################# */
@media only screen and (max-width: 412px) {
    .sectCont img {
        width: 76px;
        aspect-ratio: 4/4;
        padding: 10px;
    }

    .sectCont h3 {
        display: inline-block;
        position: relative;
        top: 20px;
    }
}