@media only screen and (min-width: 100px) and (max-width: 360px) {

    header {
        width: 100%;
    }

    .headerMn {
        width: 100%;
        padding-left: 10px;
    }

    .KLogoMn, .NPSLogoMn, .PFRDALogoMn {
        float: none;
        margin: 0 auto;
    }

    .NPSLogoMn {
        width: 90%;
        padding: 0;
    }

    .PFRDALogoMn {
        width: 25%;
    }

    footer {
        height: auto;
        line-height: 20px;
        text-align: center;
        padding: 5px 0 5px 0;
    }

    .footerInner {
        width: 100%;
    }

    .loginBox {
        width: 100%;
    }

    section.loginInner {
        width: 100%;
        padding-left: 2px;
        padding-right: 2px;
    }

    .loginBoxTop, .loginBoxBottom {
        width: 100%;
        background-size: 100% 100%;
    }

    .loginMiddle {
        width: 97.5%;
        margin: 0 5px 0 5px;
    }

    .loginMiddleInner, .loginMiddleInnerErr, .loginMiddleInnerRedirect {
        width: 100%;
        padding: 10px;
    }

    .loginMiddleFormLabel, .loginMiddleFormField {
        float: left;
        width: 100%;
    }

    .loginMiddleFormField1 {
        margin-bottom: 20px;
    }

    .loginRegisterHeadingText, .loginRegisterButtonMn {
        width: 100%;
        float: none;
    }

    .loginRegisterButton, .loginRegisterButton:hover {
        background-size: 100% 100%;
        height: 40px;
        width: 62%;
    }

    .loginRegisterHeadingText {
        font-size: 1.5em;
        margin-bottom: 5px;
    }

    .loginRegisterMn {
        padding: 0;
    }

    /* Login User Type Dropdown Starts */

    /*.loginUTDD select,
.loginUTDD div.sbHolder
{
	width:89%;
}

.loginUTDD div.sbHolder .sbOptions{
	width :100%;
}*/
    /* Login User Type Dropdown Ends */

    section.genPgInner {
        width: 96%;
        margin: 0 auto;
        background: #FFFFFF;
    }

    .genPgTopSection {
        padding-left: 0;
    }

    .genPgTopRtPartMn {
        width: 100%;
        float: none;
    }

    .genPgTopHiMsg {
        width: 100%;
        float: none;
        padding: 2px 0;
    }

    .genPgTopRtPartInfo {
        width: 100%;
        float: none;
        padding: 0;
        background: transparent;
    }

    .genPgTopRtPartButton {
        width: 28%;
        float: left;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    section.navInner {
        width: 100%;
    }



    .rightLinksMn {
        display: none;
    }

    .rightLinksMnMob {
        display: block;
    }

    .rightLinksInnerMob {
        width: 100%;
        /*background:#0067ac;*/
        background: #0067ac;
        height: 47px;
        display: none;
    }

    .rightLinksIconsMnMob {
        width: 70%;
        float: left;
    }

    .rightLinksIcon1_Mob, .rightLinksIcon2_Mob, .rightLinksIcon3_Mob {
        float: left;
        border-right: 1px dashed #5fa0cb;
        padding: 10px;
    }

    .rightLinksIcon3_Mob {
        border-right: 0;
    }

    .roleContainerMn {
        width: 100%;
        float: left;
    }

    .roleHeadingText {
        float: none;
        width: 100%;
    }

    .roleDDContainer {
        float: none;
        width: 100%;
    }


    section.middleInner {
        padding-right: 0;
        width: 98%;
    }

    div.content {
        padding: 7px;
    }

    div.taskGridText {
        width: 75%;
        float: left;
        padding: 5px 0 0 4px;
    }

    div.taskGridTextTop {
        /*border-bottom:1px dashed #999;*/
    }

    div.taskGridButton {
        width: 20%;
        float: right;
        padding-left: 10px;
    }


    .loginMn_CP {
        margin: 12px 0 12px 0!important;
    }

    .marqueeMn {
        width: 100%;
        float: none;
        margin-bottom: 5px;
    }


    .AC_topHeading {
        font-size: 1.8em;
    }

    .AC_activeUsersHeading, .AC_activeUsersRightMn, .AC_activeUsersRightIconsMn, .AC_activeUsersRightSeachMn {
        width: 100%;
        float: none;
    }

    .AC_activeUsersRightMn {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .AC_activeUsersRightSeachMn {
        margin: 50px 0 0 0;
        overflow: hidden;
    }

    /*============= Grid Styles Starts ===============*/


    /* Force table to not be like tables anymore */
    .grid, .grid thead, .grid tbody, .grid td, .grid tr {
        display: block;
        width: 100%;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
    }

        .grid th {
            display: none;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        .grid thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .grid tr {
            border: 0px;
        }

        .grid td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #ccc;
            position: relative;
            padding-left: 45%;
            width: 90%;
        }

            .grid td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 20px;
                white-space: nowrap;
                font-weight: normal;
                font-size: 100%;
            }


        /*
Label the data
*/
        .grid .gridtd:nth-of-type(1):before {
            content: "Field Name";
        }

        .grid .gridtd:nth-of-type(2):before {
            content: "Maker Data";
        }

        .grid .gridtd:nth-of-type(3):before {
            content: "Checker Data";
        }

        .grid .gridtd:nth-of-type(4):before {
            content: "QC Objection";
        }

        .grid .gridtd {
            border: 1px solid #DCDCDC;
            background: #eee;
            color: #001ca8;
            width: 100%;
        }

        .grid img {
            max-width: 12%!important;
            height: auto;
        }

    /*============= Grid Styles Ends ===============*/

    .paginationInner, .paginationContainer {
        width: 100%;
        float: none;
    }

    .paginationDDContainer {
        width: 25%;
        float: none;
        margin: 0 auto;
    }

    .mxpage {
        padding: 0;
    }

    .paginationContainer .container ul {
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .KLogoMnSml {
        padding: 6px 10px 0 3px;
        width: 58%;
        float: left;
    }

    .NPSLogoMnSml {
        float: none;
    }

    .PFRDALogoMn {
        float: right;
        width: 18%;
    }

    .hdrRightIcons {
        float: left;
        margin: 0;
        width: 100%;
    }

    .hdrWelcomeMsg {
        float: none;
        width: 100%;
    }

    .hdrRightIcons {
        top: -10px;
        left: 0px;
        padding: 5px;
        margin-bottom: 10px;
        background: #0067ac;
    }

    .column {
        top: 53px;
    }

    .KLogoMnSml {
        padding-top: 43px;
    }

    .DDO_topContainer {
        width: 98%;
        margin: 3px;
    }

    section.DDOInner {
        width: 100%;
    }

    .loginBox_DDO {
        width: 100%;
    }

    .DDOBoxTop, .loginBoxBottom_DOD {
        background-size: 100% 100%;
    }

    .loginMiddle_DOD {
        width: 98%;
        margin-left: 3px;
    }

    .loginMiddleInnerLt_DOD, .loginMiddleInnerRt_DOD, .loginMiddleFormLabel_DOD, .loginMiddleFormField_DOD {
        width: 100%;
        float: none;
    }

    .DOD_ButtonsMn {
        width: 50%;
    }

        .DOD_ButtonsMn input {
            margin-bottom: 10px;
        }


    .POP_searchContainer2 {
        width: 100%;
    }


    .AC_searchBox {
        width: 74%;
    }

    .gridHeadingMn {
        width: 100%;
        float: none;
        text-align: left;
        padding: 30px 0 10px 0;
        font-size: 2.5em;
    }

    .newFileIconContainer {
        width: 100%;
        float: none;
    }

    .IDTloginMiddle_LtMain, .IDTloginMiddle_LtFormLabel, .IDTloginMiddle_LtFormField, .IDTloginMiddle_LtFormLabel2, .TDTloginBottomButtonsLt, .TDTloginBottomButtonsRt, .IDTloginMiddleRt_avbarcodeMn, .IDTloginMiddleRt_rebarcodeMn {
        width: 100%;
        float: none;
    }
    .TDTloginBottomButtonsLt, .TDTloginBottomButtonsRt {
        margin-bottom:10px;
    }

    .IDTloginMiddleRt_avbarcodeMn, .IDTloginMiddleRt_rebarcodeMn {
        margin-top: 20px;
    }

    .TDTloginBottomButtonsMn {
        width: 100%;
        margin-top: 10px;
        overflow: hidden;
        margin: 0 auto;
        text-align: center;
    }

    
}

@media only screen and (min-width: 361px) and (max-width: 480px) {

    header {
        width: 100%;
    }

    .headerMn {
        width: 100%;
        padding-left: 10px;
    }

    .KLogoMn, .NPSLogoMn, .PFRDALogoMn {
        float: none;
        margin: 0 auto;
    }

    .NPSLogoMn {
        width: 60%;
        padding: 0;
    }

    .PFRDALogoMn {
        width: 17%;
    }

    footer {
        height: auto;
        line-height: 20px;
        text-align: center;
        padding: 5px 0 5px 0;
    }

    .footerInner {
        width: 100%;
    }

    .loginBox {
        width: 100%;
    }

    section.loginInner {
        width: 100%;
        padding-left: 2px;
        padding-right: 2px;
    }

    .loginBoxTop, .loginBoxBottom {
        width: 100%;
        background-size: 100% 100%;
    }

    .loginMiddle {
        width: 97.5%;
        margin: 0 5px 0 5px;
    }

    .loginMiddleInner, .loginMiddleInnerErr, .loginMiddleInnerRedirect {
        width: 100%;
        padding: 10px;
    }

    .loginMiddleFormLabel, .loginMiddleFormField {
        float: left;
        width: 100%;
    }

    .loginMiddleFormField1 {
        margin-bottom: 20px;
    }

    .loginRegisterHeadingText {
        width: 100%;
        float: none;
        margin-top: 25px;
    }

    .loginRegisterButtonMn {
        width: 100%;
        float: none;
    }

    .loginRegisterButton, .loginRegisterButton:hover {
        background-size: 97% 91%;
        /*margin-top: 10px;
    width: 100%;*/
    }

    .loginRegisterHeadingText {
        font-size: 1.5em;
        margin-bottom: 5px;
    }

    .loginRegisterMn {
        padding: 0;
    }

    /* Login User Type Dropdown Starts */

    /*.loginUTDD select,
.loginUTDD div.sbHolder
{
	width:91%;
}

.loginUTDD div.sbHolder .sbOptions{
	width :100%;*/

    /* Login User Type Dropdown Ends */

    section.genPgInner {
        width: 96%;
        margin: 0 auto;
        background: #FFFFFF;
    }

    .genPgTopSection {
        padding-left: 0;
    }

    .genPgTopRtPartMn {
        width: 100%;
        float: none;
    }

    .genPgTopHiMsg {
        width: 100%;
        float: none;
        padding: 2px 0;
    }

    .genPgTopRtPartInfo {
        width: 100%;
        background: transparent;
    }

    .genPgTopRtPartButton {
        float: left;
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    section.navInner {
        width: 100%;
    }


    .rightLinksMn {
        display: none;
    }

    .rightLinksMnMob {
        display: block;
    }

    .rightLinksInnerMob {
        width: 100%;
        /*background:#0067ac;*/
        background: #0067ac;
        height: 47px;
        display: none;
    }

    .rightLinksIconsMnMob {
        width: 39%;
        float: left;
    }

    .rightLinksIcon1_Mob, .rightLinksIcon2_Mob, .rightLinksIcon3_Mob {
        float: left;
        border-right: 1px dashed #5fa0cb;
        padding: 10px;
    }

    .rightLinksIcon3_Mob {
        border-right: 0;
    }

    .roleContainerMn {
        width: 100%;
        float: left;
    }

    section.middleInner {
        padding-right: 0;
        width: 98%;
    }

    div.content {
        padding: 7px;
    }

    div.taskGridText {
        width: 80%;
        float: left;
        padding: 5px 0 0 4px;
    }

    div.taskGridTextTop {
        /*border-bottom:1px dashed #999;*/
    }

    div.taskGridButton {
        width: 16%;
        float: right;
        padding-left: 10px;
    }


    .loginMn_CP {
        margin: 12px 0 12px 0!important;
    }

    .marqueeMn {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }




    .AC_activeUsersHeading, .AC_activeUsersRightMn, .AC_activeUsersRightIconsMn, .AC_activeUsersRightSeachMn {
        width: 100%;
        float: none;
    }

    .AC_activeUsersRightMn {
        margin: 10px 0 0 0;
        overflow: hidden;
    }

    .AC_activeUsersRightSeachMn {
        margin: 50px 0 0 0;
        overflow: hidden;
    }

    /*============= Grid Styles Starts ===============*/

    /* Force table to not be like tables anymore */
    .grid, .grid thead, .grid tbody, .grid td, .grid tr {
        display: block;
        width: 100%;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
    }

        .grid th {
            display: none;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        .grid thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .grid tr {
            border: 0px;
        }

        .grid td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #ccc;
            position: relative;
            padding-left: 45%;
            width: 90%;
        }

            .grid td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 20px;
                white-space: nowrap;
                font-weight: normal;
                font-size: 100%;
            }


        /*
Label the data
*/
        .grid .gridtd:nth-of-type(1):before {
            content: "Field Name";
        }

        .grid .gridtd:nth-of-type(2):before {
            content: "Maker Data";
        }

        .grid .gridtd:nth-of-type(3):before {
            content: "Checker Data";
        }

        .grid .gridtd:nth-of-type(4):before {
            content: "QC Objection";
        }

        .grid .gridtd {
            border: 1px solid #DCDCDC;
            background: #eee;
            color: #001ca8;
            width: 100%;
        }

        .grid img {
            max-width: 9%!important;
            height: auto;
        }
    /*============= Grid Styles Ends ===============*/
    .paginationInner {
        width: 100%;
        margin: 0 auto;
    }

    .paginationContainer {
        width: 100%;
        float: none;
    }

    .paginationContainer {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .paginationDDContainer {
        float: left;
        margin-left: 30%;
        width: 25%;
    }

    .paginationContainer .container ul {
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .KLogoMnSml {
        padding: 6px 10px 0 3px;
        width: 38%;
        float: none;
    }

    .NPSLogoMnSml {
        float: none;
    }

    .PFRDALogoMn {
        float: right;
        width: 20%;
    }

    .hdrRightIcons {
        float: left;
        margin: 0;
        width: 80%;
    }

    .hdrWelcomeMsg {
        float: left;
        width: 60%;
    }


    .hdrRightIcons {
        top: -10px;
        left: 0px;
        padding: 5px;
        margin-bottom: 10px;
        background: #0067ac;
        width: 100%;
    }

    .column {
        top: 53px;
    }

    .KLogoMnSml {
        padding-top: 43px;
    }

    .DDO_topContainer {
        width: 98%;
        margin: 3px;
    }

    section.DDOInner {
        width: 100%;
    }

    .loginBox_DDO {
        width: 100%;
    }

    .DDOBoxTop, .loginBoxBottom_DOD {
        background-size: 100% 100%;
    }

    .loginMiddle_DOD {
        width: 98.8%;
        margin-left: 3px;
    }

    .loginMiddleInnerLt_DOD, .loginMiddleInnerRt_DOD {
        width: 100%;
        float: left;
    }

    .DOD_ButtonsMn {
        width: 56%;
    }

        .DOD_ButtonsMn input {
            margin-bottom: 10px;
        }


    .POP_searchContainer2 {
        width: 100%;
    }


    .AC_searchBox {
        width: 80%;
    }


    .gridHeadingMn {
        width: 100%;
        float: none;
    }

    .IDTloginMiddle_LtMain, .IDTloginMiddleRt_avbarcodeMn, .IDTloginMiddleRt_rebarcodeMn {
        width: 100%;
        float: none;
    }

    .TDTloginBottomButtonsLt, .TDTloginBottomButtonsRt {
        margin-bottom:10px;
    }

    .IDTloginMiddleRt_avbarcodeMn, .IDTloginMiddleRt_rebarcodeMn {
        margin-top: 20px;
    }

    .TDTloginBottomButtonsMn {
        width: 100%;
        margin-top: 10px;
        overflow: hidden;
        margin: 0 auto;
        text-align: center;
    }
}

@media only screen and (min-width: 481px) and (max-width: 640px) {

    header {
        width: 100%;
    }

    .headerMn {
        width: 100%;
        padding-left: 10px;
    }

    .KLogoMn, .NPSLogoMn, .PFRDALogoMn {
        float: left;
        /*margin:0 auto;*/
    }

    .NPSLogoMn {
        width: 45%;
        padding: 20px 0 0 0;
    }

    .PFRDALogoMn {
        width: 12%;
        float: right;
    }

    footer {
        height: auto;
        line-height: 20px;
        text-align: center;
        padding: 5px 0 5px 0;
    }

    .footerInner {
        width: 100%;
    }

    .loginBox {
        width: 100%;
    }

    section.loginInner {
        width: 100%;
        padding-left: 2px;
        padding-right: 2px;
    }

    .loginBoxTop, .loginBoxBottom {
        width: 100%;
        background-size: 100% 100%;
    }

    .loginMiddle {
        width: 97%;
        margin: 0 12px 0 12px;
    }

    .loginMiddleInner, .loginMiddleInnerErr, .loginMiddleInnerRedirect {
        width: 100%;
        padding: 10px;
    }

    .loginMiddleFormLabel, .loginMiddleFormField {
        float: left;
        width: 100%;
    }

    .loginMiddleFormField1 {
        margin-bottom: 20px;
    }

    .loginRegisterHeadingText {
        width: 100%;
        float: none;
    }

    .loginRegisterButtonMn {
        width: 100%;
        float: none;
    }

    .loginRegisterButton, .loginRegisterButton:hover {
        background-size: 70% 90%;
        width: 57%;
        margin-top: 10px;
    }

    .loginRegisterHeadingText {
        font-size: 2em;
        margin-bottom: 0px;
    }

    .loginRegisterMn {
        padding: 0;
    }

    /* Login User Type Dropdown Starts */

    /*.loginUTDD select,
.loginUTDD div.sbHolder
{
	width:93%;
}

.loginUTDD div.sbHolder .sbOptions{
	width :100%;
}*/
    /* Login User Type Dropdown Ends */

    .captchaFieldPart1 {
        float: left;
        width: 76.5%;
    }

    .captchaFieldPart2 {
        float: left;
        width: 23.5%;
    }

    section.genPgInner {
        width: 96%;
        margin: 0 auto;
        background: #FFFFFF;
    }

    .genPgTopSection {
        padding-left: 0;
    }

    .genPgTopRtPartMn {
        width: 100%;
        float: none;
    }

    .genPgTopHiMsg {
        width: 100%;
        float: none;
    }

    section.navInner {
        width: 100%;
    }


    .rightLinksMn {
        display: none;
    }

    .rightLinksMnMob {
        display: block;
    }

    .rightLinksInnerMob {
        width: 100%;
        /*background:#0067ac;*/
        background: #0067ac;
        height: 47px;
        display: none;
    }

    .rightLinksIconsMnMob {
        width: 39%;
        float: left;
    }

    .rightLinksIcon1_Mob, .rightLinksIcon2_Mob, .rightLinksIcon3_Mob {
        float: left;
        border-right: 1px dashed #5fa0cb;
        padding: 10px;
    }

    .rightLinksIcon3_Mob {
        border-right: 0;
    }

    .roleContainerMn {
        width: 60%;
        float: right;
    }


    section.middleInner {
        padding-right: 0;
        width: 98%;
    }

    div.content {
        padding: 7px;
    }

    div.taskGridText {
        width: 85%;
        float: left;
        padding: 5px 0 0 4px;
    }

    div.taskGridTextTop {
        /*order-bottom:1px dashed #999;*/
    }

    div.taskGridButton {
        width: 13%;
        float: right;
        padding-left: 10px;
    }

    .marqueeMn {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }


    .AC_activeUsersHeading {
        width: 100%;
        float: none;
    }

    .AC_activeUsersRightMn {
        width: 100%;
        float: left;
        margin-top: 15px;
    }

    .AC_activeUsersRightIconsMn {
        width: 100%;
        float: none;
        margin-top: 5px;
    }

    .AC_activeUsersRightSeachMn {
        width: 100%;
        float: none;
        margin-top: 60px;
    }


    /*============= Grid Styles Starts ===============*/

    /* Force table to not be like tables anymore */
    .grid, .grid thead, .grid tbody, .grid td, .grid tr {
        display: block;
        width: 100%;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
    }

        .grid th {
            display: none;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        .grid thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .grid tr {
            border: 0px;
        }

        .grid td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #ccc;
            position: relative;
            padding-left: 45%;
            width: 90%;
        }

            .grid td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 20px;
                white-space: nowrap;
                font-weight: normal;
                font-size: 100%;
            }


        /*
Label the data
*/
        .grid .gridtd:nth-of-type(1):before {
            content: "Field Name";
        }

        .grid .gridtd:nth-of-type(2):before {
            content: "Maker Data";
        }

        .grid .gridtd:nth-of-type(3):before {
            content: "Checker Data";
        }

        .grid .gridtd:nth-of-type(4):before {
            content: "QC Objection";
        }

        .grid .gridtd {
            border: 1px solid #DCDCDC;
            background: #eee;
            color: #001ca8;
            width: 100%;
        }

        .grid img {
            max-width: 5%!important;
            height: auto;
        }
    /*============= Grid Styles Ends ===============*/

    .paginationInner {
        width: 100%;
        margin: 0 auto;
    }

    .paginationContainer {
        width: 100%;
        float: none;
    }

    .paginationContainer {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .paginationDDContainer {
        float: none;
        margin-left: 40%;
        width: 20%;
    }

    .paginationContainer .container ul {
        padding: 0;
        margin: 0;
        text-align: center;
    }


    .KLogoMnSml {
        padding: 6px 10px 0 4px;
        width: 20%;
        float: left;
    }

    .NPSLogoMnSml {
        float: left;
        padding-top: 20px;
    }

    .PFRDALogoMn {
        float: left;
        width: 15%;
        margin: 10px 0 0 27px;
    }

    .hdrRightIcons {
        float: left;
        margin: 0;
        margin: 15px 15px 0 0;
    }

    .hdrWelcomeMsg {
        float: left;
        width: 78%;
        margin-top: 16px;
    }


    /*.column
    {
        top:22px;
    }*/

    .hdrRightIcons {
        top: -25px;
        left: 0px;
        padding: 5px;
        margin-bottom: 10px;
        background: #0067ac;
        width: 100%;
    }

    .column {
        top: 53px;
    }

    .KLogoMnSml {
        padding-top: 43px;
    }

    .NPSLogoMnSml {
        margin-top: 30px;
    }

    .PFRDALogoMn {
        margin-top: 40px;
    }

    .DDO_topContainer {
        width: 98%;
        margin: 3px;
    }

    section.DDOInner {
        width: 100%;
    }

    .loginBox_DDO {
        width: 100%;
    }

    .DDOBoxTop, .loginBoxBottom_DOD {
        background-size: 100% 100%;
    }

    .loginMiddle_DOD {
        width: 99%;
        margin-left: 3px;
    }

    .loginMiddleInnerLt_DOD, .loginMiddleInnerRt_DOD {
        width: 100%;
        float: left;
    }

    .DOD_ButtonsMn {
        width: 98%;
    }

    .POP_searchContainer {
        width: 60%;
    }


    .AC_searchBox {
        width: 78%;
    }

    .POP_searchContainer2 {
        width: 100%;
    }


    .IDTloginMiddle_LtMain, .IDTloginMiddleRt_avbarcodeMn, .IDTloginMiddleRt_rebarcodeMn {
        width: 100%;
        float: none;
    }

    .TDTloginBottomButtonsLt, .TDTloginBottomButtonsRt {
        margin-bottom:10px;
    }

    .IDTloginMiddleRt_avbarcodeMn, .IDTloginMiddleRt_rebarcodeMn {
        margin-top: 20px;
    }

    .TDTloginBottomButtonsMn {
        width: 100%;
        margin-top: 10px;
        overflow: hidden;
        margin: 0 auto;
        text-align: center;
    }

}

@media only screen and (min-width: 641px) and (max-width: 768px) {

    header {
        width: 100%;
    }

    .headerMn {
        width: 100%;
        padding-left: 10px;
    }

    .KLogoMn, .NPSLogoMn, .PFRDALogoMn {
        float: left;
        margin: 0 auto;
    }

    .NPSLogoMn {
        width: 40%;
        padding-top: 20px;
    }

    .PFRDALogoMn {
        width: 11%;
        float: right;
    }

    footer {
        height: auto;
        line-height: 20px;
        text-align: center;
        padding: 5px 0 5px 0;
    }

    .footerInner {
        width: 100%;
    }

    .loginBox {
        width: 100%;
    }

    section.loginInner {
        width: 100%;
        padding-left: 2px;
        padding-right: 2px;
    }

    .loginBoxTop, .loginBoxBottom {
        width: 100%;
        background-size: 100% 100%;
    }

    .loginMiddle {
        width: 97%;
        margin: 0 15px 0 15px;
    }

    .loginMiddleInner, .loginMiddleInnerErr, .loginMiddleInnerRedirect {
        width: 100%;
        padding: 10px;
    }

    .loginMiddleFormLabel, .loginMiddleFormField {
        float: left;
        width: 100%;
    }

    .loginMiddleFormField1 {
        margin-bottom: 20px;
    }

    .loginRegisterHeadingText {
        width: 30%;
        float: left;
        margin-top: 25px;
    }

    .loginRegisterButtonMn {
        width: 70%;
        float: left;
    }

    .loginRegisterButton, .loginRegisterButton:hover {
        background-size: 100% auto;
        /*width: 73%;*/
        margin-top: 10px;
    }

    .loginRegisterHeadingText {
        font-size: 2em;
        margin-bottom: 0px;
    }

    .loginRegisterMn {
        padding: 0;
    }

    /* Login User Type Dropdown Starts */

    /*.loginUTDD select,
.loginUTDD div.sbHolder
{
	width:93%;
}

.loginUTDD div.sbHolder .sbOptions{
	width :100%;
}*/
    /* Login User Type Dropdown Ends */

    .captchaFieldPart1 {
        float: left;
        width: 76.5%;
    }

    .captchaFieldPart2 {
        float: left;
        width: 23.5%;
    }

    section.genPgInner {
        width: 96%;
        margin: 0 auto;
        background: #FFFFFF;
    }

    .genPgTopSection {
        padding-left: 0;
    }

    .genPgTopRtPartMn {
        width: 60%;
        float: left;
    }

    .genPgTopHiMsg {
        width: 40%;
        float: left;
        padding: 9px 0;
    }

    section.navInner {
        width: 100%;
    }


    .rightLinksMn {
        display: none;
    }

    .rightLinksMnMob {
        display: block;
    }

    .rightLinksInnerMob {
        width: 100%;
        /*background:#0067ac;*/
        background: #0067ac;
        height: 47px;
        display: none;
    }

    .rightLinksIconsMnMob {
        width: 39%;
        float: left;
    }

    .rightLinksIcon1_Mob, .rightLinksIcon2_Mob, .rightLinksIcon3_Mob {
        float: left;
        border-right: 1px dashed #5fa0cb;
        padding: 10px;
    }

    .rightLinksIcon3_Mob {
        border-right: 0;
    }

    .roleContainerMn {
        width: 70%;
        float: right;
    }


    section.middleInner {
        padding-right: 0;
        width: 96%;
    }

    div.content {
        padding: 7px;
    }

    div.taskGridText {
        width: 85%;
        float: left;
        padding: 5px 0 0 4px;
    }

    div.taskGridTextTop {
        /*border-bottom:1px dashed #999;*/
    }

    div.taskGridButton {
        width: 13%;
        float: right;
        padding-left: 10px;
    }

    .marqueeMn {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    .AC_activeUsersHeading {
        width: 100%;
        float: none;
    }

    .AC_activeUsersRightMn {
        width: 100%;
        float: left;
        margin-top: 15px;
    }

    /*============= Grid Styles Starts ===============*/

    /* Force table to not be like tables anymore */
    .grid, .grid thead, .grid tbody, .grid td, .grid tr {
        display: block;
        width: 100%;
        font-family: Tahoma, Arial, Helvetica, sans-serif;
    }

        .grid th {
            display: none;
        }

        /* Hide table headers (but not display: none;, for accessibility) */
        .grid thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

        .grid tr {
            border: 0px;
        }

        .grid td {
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #ccc;
            position: relative;
            padding-left: 45%;
            width: 90%;
        }

            .grid td:before {
                /* Now like a table header */
                position: absolute;
                /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 20px;
                white-space: nowrap;
                font-weight: normal;
                font-size: 100%;
            }


        /*
Label the data
*/
        .grid .gridtd:nth-of-type(1):before {
            content: "Field Name";
        }

        .grid .gridtd:nth-of-type(2):before {
            content: "Maker Data";
        }

        .grid .gridtd:nth-of-type(3):before {
            content: "Checker Data";
        }

        .grid .gridtd:nth-of-type(4):before {
            content: "QC Objection";
        }

        .grid .gridtd {
            border: 1px solid #DCDCDC;
            background: #eee;
            color: #001ca8;
            width: 100%;
        }

        .grid img {
            max-width: 5%!important;
            height: auto;
        }
    /*============= Grid Styles Ends ===============*/

    .paginationInner {
        width: 100%;
        margin: 0 auto;
    }

    .paginationContainer {
        width: 100%;
        float: none;
    }

    .paginationContainer {
        width: 100%;
        float: none;
        margin: 0 auto;
    }

    .paginationDDContainer {
        float: left;
        margin-left: 40%;
        width: 20%;
    }

    .paginationContainer .container ul {
        padding: 0;
        margin: 0;
        text-align: center;
    }

    .KLogoMnSml {
        padding: 6px 10px 0 3px;
        width: 18%;
        float: left;
    }

    .NPSLogoMnSml {
        float: left;
        padding-top: 20px;
    }

    .PFRDALogoMn {
        float: right;
        width: 8%;
        margin: 10px 43px 10px 50px;
    }

    .hdrRightIcons {
        float: right;
        margin: 0;
        margin: 8px 0 0 0;
    }

    .hdrWelcomeMsg {
        float: left;
        width: 100%;
    }


    .hdrRightIcons {
        right: 200px;
    }

    .DDO_topContainer {
        width: 98%;
        margin: 3px;
    }

    section.DDOInner {
        width: 100%;
    }

    .loginBox_DDO {
        width: 100%;
    }

    .DDOBoxTop, .loginBoxBottom_DOD {
        background-size: 100% 100%;
    }

    .loginMiddle_DOD {
        width: 98.2%;
        margin-left: 9px;
    }

    .loginMiddleInnerLt_DOD, .loginMiddleInnerRt_DOD {
        width: 100%;
        float: left;
    }

    .DOD_ButtonsMn {
        width: 65%;
    }

    .POP_searchContainer {
        width: 50%;
    }


    .AC_searchBox {
        width: 83%;
    }

    .gridHeadingMn {
        width: 43%;
    }

    .POP_searchContainer2 {
        width: 45%;
    }


    .IDTloginMiddle_LtMain, .IDTloginMiddleRt_avbarcodeMn, .IDTloginMiddleRt_rebarcodeMn {
        width: 100%;
        float: none;
    }

    .TDTloginBottomButtonsLt, .TDTloginBottomButtonsRt {
        margin-bottom:10px;
    }

    .IDTloginMiddleRt_avbarcodeMn, .IDTloginMiddleRt_rebarcodeMn {
        margin-top: 20px;
    }

    .TDTloginBottomButtonsMn {
        width: 100%;
        margin-top: 10px;
        overflow: hidden;
        margin: 0 auto;
        text-align: center;
    }


}

@media only screen and (min-width: 769px) and (max-width: 1024px) {

    section.loginInner {
        width: 100%;
    }

    .headerMn {
        width: 97%;
    }

    .KLogoMn, .NPSLogoMn, .PFRDALogoMn {
        float: left;
        margin: 0 auto;
    }

    .NPSLogoMn {
        width: 36%;
        padding-top: 20px;
    }

    .PFRDALogoMn {
        width: 9%;
        float: right;
    }

    .footerInner {
        width: 96%;
    }

    section.genPgInner {
        width: 96%;
        margin: 0 auto;
        background: #FFFFFF;
    }

    .genPgTopSection {
        padding-left: 0;
    }

    .genPgTopRtPartMn {
        width: 60%;
        float: left;
    }

    .genPgTopHiMsg {
        width: 40%;
        float: left;
        padding: 9px 0;
    }

    section.navInner {
        width: 100%;
    }

    .rightLinksMn {
        display: none;
    }

    .rightLinksMnMob {
        display: block;
    }

    .rightLinksInnerMob {
        width: 100%;
        /*background:#0067ac;*/
        background: #0067ac;
        height: 47px;
        display: none;
    }

    .rightLinksIconsMnMob {
        width: 39%;
        float: left;
    }

    .rightLinksIcon1_Mob, .rightLinksIcon2_Mob, .rightLinksIcon3_Mob {
        float: left;
        border-right: 1px dashed #5fa0cb;
        padding: 10px;
    }

    .rightLinksIcon3_Mob {
        border-right: 0;
    }

    .roleContainerMn {
        width: 60%;
        float: right;
    }

    section.middleInner {
        padding-right: 0;
        width: 96%;
    }

    div.content {
        padding: 7px;
    }

    div.taskGridText {
        width: 85%;
        float: left;
        padding: 5px 0 0 4px;
    }

    div.taskGridTextTop {
        /*border-bottom:1px dashed #999;*/
    }

    div.taskGridButton {
        width: 7%;
        float: right;
        padding-left: 10px;
    }

    .marqueeMn {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }


    .AC_activeUsersHeading {
        width: 100%;
        float: none;
    }

    .AC_activeUsersRightMn {
        width: 100%;
        float: left;
        margin-top: 15px;
    }

    .paginationDDContainer {
        width: 15%;
    }

    .paginationInner {
        float: right;
        width: 90%;
    }

    .KLogoMnSml {
        padding: 6px 10px 0 50px;
        width: 18%;
        float: left;
    }

    .NPSLogoMnSml {
        float: left;
        padding-top: 11px;
    }

    .PFRDALogoMn {
        float: right;
        width: 6%;
        margin: 4px 40px 0 0;
    }

    .hdrRightIcons {
        float: right;
        margin: 0;
        margin: 6px 15px 0 0;
    }

    .hdrWelcomeMsg {
        float: left;
        width: 34%;
        margin: 7px 0 0 50px;
    }

    .DDO_topContainer {
        width: 98%;
        margin: 3px;
    }

    section.DDOInner {
        width: 100%;
    }

    .loginBox_DDO {
        width: 100%;
    }

    .DDOBoxTop, .loginBoxBottom_DOD {
        background-size: 100% 100%;
    }

    .loginMiddle_DOD {
        width: 98.2%;
        margin-left: 13px;
    }

    .DOD_ButtonsMn {
        width: 54%;
    }


    .AC_searchBox {
        width: 78%;
    }

    .gridHeadingMn {
        width: 63%;
    }

    .IDTloginMiddle_LtMain, .IDTloginMiddleRt_avbarcodeMn, .IDTloginMiddleRt_rebarcodeMn {
        width: 100%;
        float: none;
    }

    .TDTloginBottomButtonsLt, .TDTloginBottomButtonsRt {
        margin-bottom:10px;
    }

    .IDTloginMiddleRt_avbarcodeMn, .IDTloginMiddleRt_rebarcodeMn {
        margin-top: 20px;
    }

    .TDTloginBottomButtonsMn {
        width: 100%;
        margin-top: 10px;
        overflow: hidden;
        margin: 0 auto;
        text-align: center;
    }


}

@media only screen and (min-width: 1025px) and (max-width:1320px) {

    section.middleInner {
        padding-right: 0;
        width: 84%;
    }

    div.content {
        padding: 7px;
    }

    div.taskGridText {
        width: 90%;
        float: left;
        padding: 5px 0 0 4px;
    }

    div.taskGridTextTop {
        /*border-bottom:1px dashed #999;*/
    }

    div.taskGridButton {
        width: 7%;
        float: right;
        padding-left: 10px;
    }

    .roleContainerMn {
        width: 47%;
        float: left;
    }

    .marqueeMn {
        width: 40%;
        float: left;
        padding: 5px 10px 5px 10px;
        font-size: 1.3em;
        color: #333;
        background: #c5d6e8;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border: 2px solid #AAA;
        margin-right: 5%;
    }


    .AC_activeUsersHeading {
        width: 20%;
        float: left;
    }

    .AC_activeUsersRightMn {
        width: 80%;
        float: left;
        margin-top: 0px;
    }

    .AC_activeUsersRightIconsMn {
        width: 45%;
    }

    .AC_activeUsersRightSeachMn {
        width: 40%;
    }

    .DDO_topContainer {
        width: 98%;
        margin: 3px;
    }

    section.DDOInner {
        width: 100%;
    }

    .loginBox_DDO {
        width: 100%;
    }

    .DDOBoxTop, .loginBoxBottom_DOD {
        background-size: 100% 100%;
    }

    .loginMiddle_DOD {
        margin-left: 12px;
        width: 98.5%;
    }

    .DOD_ButtonsMn {
        width: 41%;
    }
}



@media only screen and (min-width: 1025px) {

    .genPgTopHiMsg {
        color: #353535;
        float: left;
        font-size: 1.8em;
        padding: 12px 0;
        width: 48.2%;
    }

    .genPgTopRtPartMn {
        float: left;
        width: 51.8%;
    }


    .KLogoMnSml {
        padding: 6px 10px 0 50px;
        width: 14%;
        float: left;
    }

    .NPSLogoMnSml {
        float: left;
        padding: 12px 0 0 0;
    }

    .PFRDALogoMn {
        float: right;
        width: 6%;
        margin-top: 0;
    }

    .hdrRightIcons {
        float: right;
        margin: 0;
        margin: 0 15px 0 0;
    }

    .hdrWelcomeMsg {
        float: right;
        width: 34%;
        /*margin-top:15px;*/
    }

    .AC_searchBox {
        width: 82%;
    }
}