/***********************************************
						Desktop and Tablet 
				***********************************************/

@media screen and (min-width: 700px) and (max-width:800px) and (orientation: portrait) {
    body.login-bg {
        background: url(../img/banner_login.jpg) no-repeat top left 0px fixed #fff;
    }
}

@media screen and (max-width:420px) and (orientation: portrait) {
    body.login-bg {
        background: url(../img/banner_login.jpg) no-repeat top center fixed #fff;
    }

    .frgt-modal-fadeIn .modal-body {
        height: 280px;
    }

    .frgt-modal-fadeIn .modal-dialog {
        margin-top: 30px;
    }

    .social-login-modal-fadeIn .btn-save,
    .social_Modal .popup-button .btn {
        width: auto !important;
        padding: 7px;
        min-width: inherit;
        margin: 0 0 0 10px;
    }

    .social_Btn .btn i {
        font-size: 14px;
        vertical-align: baseline;
    }
}

@media screen and (max-width:420px) and (orientation: landscape) {
    .frgt-modal-fadeIn .modal-body {
        height: 150px;
    }

    .frgt-modal-fadeIn .modal-dialog {
        margin-top: 10px;
    }

    .social-login-modal-fadeIn .btn-save,
    .social_Modal .btn {
        width: auto !important;
    }
}

@media screen and (min-width: 760px) {
    .achived-goal::after {
        content: "•";
        color: #D8D8D8;
        font-size: 8px;
        background-color: #D8D8D8;
        padding: 0px 4px;
        border-radius: 50%;
        margin-left: 10px;
    }

    .pending-goal::after {
        content: "•";
        color: #01A4F1;
        font-size: 8px;
        background-color: #01A4F1;
        padding: 0px 4px;
        border-radius: 50%;
        margin-left: 9px;
    }

    .top-noti.open .desk-noti,
    .top-sync.open .desk-sync {
        display: block;
    }

    .pdcnavsteps a b {
        display: inline-block;
    }

    .pdcnavsteps .ord-no i {
        display: none;
    }

    .top-noti.open .desk-noti,
    .top-sync.open .desk-sync {
        display: block;
        width: 420px;
        max-height: 400px;
    }

    .desk-stick,
    .r-user-details {
        width: 200px;
    }

    .stickit {
        width: 391px;
    }

    .alert-desk {
        display: block;
    }
}
/*********************************************** 
                                        Dekstop 
                                ***********************************************/
/*********************************************** 
                                        Tablet Landscape
                                ***********************************************/

@media screen and (max-width: 1024px) {
    .desk-stick,
    .r-user-details {
        width: 304px;
    }

    .stickit {
        width: 322px;
        margin-left: 648px;
    }

    .dekstop-hide {
        display: none;
    }

    .sales_Desc {
        padding: 20px 10px;
        width: 430px;
    }

        .sales_Desc h1 {
            font-size: 28px;
        }

    .renwal-left-nav-sticky {
        max-height: 590px;
        overflow-y: auto;
    }

    .our-work2 .login-form {
        padding-top: 100px;
    }
}
/*********************************************** 
                                        Tablet Portrate
                                ***********************************************/
                
                @media screen and (max-width: 768px) {
                    .appsec {
                        overflow: auto;
                    }
                
                    .nav-tabsection li {
                        margin-right: 25px;
                    }
                
                    .appli-tab-nav {
                        width: 100% !important;
                    }
                
                    .calculator {
                        width: 742px !important;
                    }
                
                    .lead-tab-nav {
                        width: 746px !important;
                    }
                
                    .renewal-list {
                        width: 430px !important;
                    }
                
                    .cfr-tab-nav {
                        width: 444px !important;
                    }
                
                    .nav-tabsection {
                        width: 100%;
                        overflow: auto;
                    }
                
                    .bi-tab-nav ul {
                        width: 722px;
                    }
                
                    .product ul {
                        width: 722px;
                    }
                
                    .appli-tab-nav.counternum li.last {
                        padding-left: 0px;
                        margin-left: 14px;
                    }
                
                    .desk-stick {
                        width: 230px;
                        display: none;
                    }
                
                    .r-user-details {
                        width: 290px;
                    }
                
                    .stickit {
                        display: none;
                    }
                    /*--Advisors Details---*/
                    .my-profile-section h4 {
                        font-size: 40px;
                    }
                
                    .track-btn {
                        margin: 15px 0px 0px;
                        position: absolute;
                    }
                    /*-- Renewals---*/
                    .renewallist > div:hover,
                    .renewallist > div.active,
                    .productlist li:hover,
                    .productlist li.active {
                        border: 1px solid #d8d8d8;
                    }
                
                    .lhl-title {
                        padding-right: 0px;
                        border-right: 0px solid #666;
                        margin-bottom: 0px;
                    }
                
                    .renewaldesktop .lhl-type {
                        padding-left: 6px;
                        text-overflow: ellipsis;
                        width: 125px;
                        white-space: nowrap;
                        overflow: hidden !important;
                        margin-top: 5px;
                        vertical-align: middle;
                        padding-top: 7px;
                    }
                
                    .h-small {
                        height: 145px;
                    }
                
                    .summary-panel {
                        height: 350px;
                    }
                    /*
                    .six a img {
                        margin-left: 4px;
                        margin-bottom: 0px;
                    }*/
    .home {
        display: none;
    }

    .login-form {
        left: 50% !important;
    }

    .h_calculators {
        height: 296px;
    }
    /*--Alert ---*/
    /*	.alertcrf .six {
                        width: 15%;
                    }
                
                    .alertcrf .five {
                        width: 20%;
                    }*/
    .dekstop-hide {
        display: none;
    }
    /*-----------Advisor Listing----------*/
    .advisorlist {
        float: none;
        width: 100%;
    }

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

        .advisorlistalphabates li a {
            padding: 6px 0px;
            width: 24px;
        }
    /*----- My Customers --*/
    .renewalpersondt.desk-stick {
        width: 292px;
    }
    /*------Help Desk-------*/
    .screen-guidline {
        height: auto;
    }

    .help-desk .help-desk-panel {
        min-height: 210px;
    }

    .dekstop-hide {
        display: none;
    }

    .summary-panel {
        height: 590px;
    }
    /*------Product------*/
    .nav-tabsection.product li {
        margin-right: 27px;
    }

        .nav-tabsection.product li:last-child {
            margin-right: 0px;
        }

    #product .lhl-title {
        margin-bottom: 8px;
    }
    /*------Application----*/
    .list-container li label {
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    /*------Alert---------*/
    .status-section {
        padding: 29px 10px;
    }
    /*------Home Page-----*/
    .login-section,
    .dashboard-section {
        height: 100%;
    }

        .login-section h1 {
            padding: 10px 20px 16px;
        }

        .login-section ul {
            padding-bottom: 15px;
        }

    .homepage.h_dashboard {
        height: 253px;
    }

    .homepage {
        height: 124px;
    }

        .homepage.news_update {
            height: 218px;
        }

    .h-title-section {
        padding: 10px 16px;
    }

    .section-icon {
        top: 14px;
    }

    ul.last-synced {
        bottom: 8px;
    }

    .h-title-section h1 {
        bottom: 10px;
    }

    .count-info {
        top: 10px;
    }

    .section-icon {
        background-position: top center;
    }

    .login-section h1 {
        padding: 10px 20px 10px;
    }

    .news-header {
        margin: 11px 0px;
    }

    .news-updates-container {
        margin-top: 32px;
    }
    /*------------Dashboard------------*/
    .lm-table-section {
        height: 128px;
    }

    .dashboard-sm .lm-table-section {
        height: 152px;
    }

    .dashboard-fls .lm-table-section {
        height: 152px;
    }

    .d_cfr {
        height: 492px;
    }

    .dashboard-adv .d_cfr {
        height: auto;
    }
    /*-----------Calaculator-----------*/
    .cal-summery .plan-sum {
        max-height: 372px;
    }

    .palnforyou li {
        border-left: 0 none;
        margin-bottom: 20px;
    }

        .palnforyou li:last-child {
            border-left: 0 none;
            margin-bottom: 0px;
        }

    .plan-detail-section > p {
        display: inline-block;
        width: auto;
    }

    .plan-detail-section > button {
        display: inline-block;
        width: auto;
        float: initial;
    }
}
/*********************************************** 
                                        Mobile 
                                ***********************************************/

@media screen and (max-width: 740px) {
    /*-- Head Section ---*/
    .pagetitle {
        text-overflow: ellipsis;
        width: auto;
        white-space: nowrap;
        overflow: hidden !important;
        padding: 5px 8px;
    }

    .tophead-right > ul > li > a {
        padding: 0px 10px;
        width: 36px;
        text-align: center;
    }

    .check-status-btn {
        margin-top: 0;
    }

    .headersection .back {
        padding: 0px 7px;
    }

    .count {
        right: 5px;
    }

    .desk-stick,
    .stickit {
        width: 100%;
        position: static;
        display: none;
    }

    .mobile-hide {
        display: none;
    }

    .dekstop-hide {
        display: none !important;
    }

    .mobile-hide-block {
        display: none;
    }

    .profile-dropdown > ul {
        width: 96% !important;
        position: fixed;
        left: 2%;
        top: 50px;
        max-height: 90%;
        overflow: auto;
        background-color: #fff;
        box-shadow: 0px 2px 3px RGBA(0, 0, 0, 0.59);
    }

    .mobile-sub-menu {
        display: none;
    }

    .mobile-noti {
        width: 96% !important;
        position: fixed;
        left: 2%;
        top: 50px;
    }

    .pd-left {
        display: none;
    }

    .pd-right {
        float: none;
        margin-left: 0px;
    }

    .target-goal,
    .achived-goal,
    .pending-goal {
        float: left;
        width: 33%;
    }

    .profile-dropdown::before {
        right: 5px;
    }

    .add-section::before {
        right: 74px;
    }

    .mobile-noti::before {
        right: 39px;
    }

    .target-goal .label,
    .achived-goal .label,
    .pending-goal .label {
        display: block;
        text-align: left;
    }

    .profile-dropdown a {
        padding: 10px;
    }

    .alert-desk {
        display: none;
    }

    .alert-mobile {
        display: none;
    }

    .top-noti.open .desk-noti,
    .top-noti.open .desk-sync {
        display: none;
    }

    .top-noti.open .mobile-noti {
        display: block;
    }

    .pdc-step-page-title {
        display: block;
        margin: 0px 0px 20px;
        font-size: 24px;
    }

    .pdc-steps {
        margin: 0px 0px -30px;
    }

        .pdc-steps .navtab-links li {
            float: left
        }

    .left-sub-nav-section {
        padding-bottom: 26px !important;
    }

        .left-sub-nav-section.panel,
        .cust-details.panel {
            display: none;
        }

    .cust-details .pdc-steps {
        margin: 0px;
    }

    .pdcnavsteps a.incomplete {
        background-image: none !important;
    }

    .pdcnavsteps a.done {
        background-image: none !important;
    }

    .user-details ul li::after {
        margin: 0px 3px;
    }

    .listview li {
        padding: 10px 14px;
    }

    .mainwrapper {
        margin: 0px;
    }
    /*PDC Steps*/
    .panel {
        padding: 20px 10px;
    }

    .coc li {
        width: 50%;
    }

    .hideContent {
        height: 128px;
    }

    .pdcnavsteps a {
        background: #F9F9F9 none repeat scroll 0% 0%;
        border: 1px solid #CECECE;
        border-radius: 50%;
        padding: 0px;
        margin-right: 10px;
        height: 26px;
       /* width: 26px;*/
        text-align: center;
        line-height: 28px;
    }

    .pdcnavsteps li.active a,
    .pdcnavsteps li:hover a {
        background-color: #0b4da1;
        color: #ffffff;
        text-decoration: none !important;
        border: #0b4da1 1px solid;
    }

    .pdcnavsteps .ord-no {
        margin-right: 0px;
        text-decoration: none !important;
        line-height: 18px;
    }

    .pdcnavsteps a.done {
        background: #fff url("../img/GrrenTick.png") no-repeat scroll 96% 50%;
    }

    .pdcnavsteps a.incomplete {
        background: #fff url("../img/Alert.png") no-repeat scroll 96% 50%;
    }

    .pdcnavsteps a b {
        display: none;
    }

    .pdcnavsteps .ord-no i {
        display: inline-block;
        padding-left: 5px;
        font-style: normal;
    }

    .pdcnavsteps a b {
        font-weight: 400;
    }

    .nav-tabsection {
        margin-bottom: 0px;
        margin-top: 5px;
    }

    .top-filtersection {
        padding: 25px 0px 0px;
    }
    /** news Page **/
    .new-heading + a {
        float: left !important;
        margin-bottom: 10px;
    }

    .scrtabs-tab-scroll-arrow.scrtabs-js-tab-scroll-arrow-right,
    .scrtabs-tab-scroll-arrow.scrtabs-js-tab-scroll-arrow-left {
        display: none;
    }

    .scrtabs-tabs-fixed-container {
        width: 1634px !important;
        height: 71px !important;
    }

    .scrtabs-tabs-movable-container {
        left: 0px !important;
    }

    .scrtabs-tab-container {
        overflow: auto;
    }
    /*--Application Listing--*/
    .list-head-right {
        position: absolute;
        right: -3px;
    }

    .lhl-type {
        padding-left: 0px;
    }

    .lhl-title {
        padding-right: 0px;
        border-right: medium none;
        margin-bottom: 0px;
        line-height: 18px;
        padding-bottom: 0px;
    }

    .list-header,
    .list-body {
        padding: 0px;
    }

    .renewalmobilesec .lhl-title {
        padding-bottom: 0px;
    }
    /*#alertcfr .one,#alertcfr .two,#alertcfr .three,#alertcfr .four{display:none;}*/
    #alertcfr .appca-approved-list .list-head-left {
        width: 70%;
    }
    /*	#alertcfr .appca-approved-list .six .file-Upload {
                        right: 0px;}*/
    .list-head-left {
        width: 80%;
    }

    p.lhl-type {
        margin-bottom: 4px;
    }

    .track-btn {
        margin: 15px 0px 0px;
        position: absolute;
    }

    .new-aplication {
        display: inline-block;
        margin: 0px 0px 20px;
        float: none;
    }

    .advisorperson img {
        margin: 4px auto;
    }

    .list-details p {
        margin-bottom: 10px;
    }
    /*	.appca-approved-list .five {
                        width: 50%;
                        padding-right: 10px;
                    }
                    .appca-approved-list .four {
                        width: 50%;
                        padding-right: 10px;
                    }
                    
                    .appca-approved-list .three {
                        width: 50%;
                        padding-right: 10px;
                    }
                    .appca-approved-list .two {
                        width: 50%;
                        padding-right: 10px;
                    }
                    .appca-approved-list .one {
                        width: 50%;
                        padding-right: 10px;
                    }
                    
                    .appca-approved-list .six {
                        width: 50%;
                        padding-right: 10px;
                    }
                    .appca-approved-list .seven {
                        width: 50%;
                        padding-right: 10px;
                    }
                    .six a img {float:none;margin: 0px 3px;}*/
    .list-head {
        padding-bottom: 0px;
    }

    .application .list-head-left p {
        margin-bottom: 0px;
    }

    .application .lhl-type {
        margin-bottom: 6px !important;
    }

    .lhl-type {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden !important;
        width: 100%;
    }

    .list-head-right {
        float: right;
        position: relative;
        right: 0px;
        margin-bottom: 0px;
    }

    .list-head-left p {
        margin-bottom: 10px;
    }

    .summary-block .panel {
        min-height: inherit;
    }
    /*-- Document Upload --*/
    .uploading-opn .btn-primary {
        width: 94px;
        padding: 8px 0px;
    }

    .file-Upload {
        float: none;
    }
    /*------ Renewal Page --------*/
    .renewaldesktop {
        display: block;
    }

    .renewalmobilesec {
        display: none;
        width: 100%;
    }

    .renewalpersondt .advisorperson {
        float: left;
    }

    .renewalmobilesec .panel {
        padding: 0px;
        margin-bottom: 8px;
    }

    .renewalmobilesec.product .panel {
        padding: 20px;
    }

    .renewalmobilesec .advisorcontent {
        padding-left: 100px;
    }

    .renewalmobilesec .list-head-left {
        width: 100%;
    }

    .summary-panel1 {
        display: none;
    }
    /*--	
                .dropdown-menu ul li:first-child{ display: none;}
                .dropdown-menu ul li:nth-child(2){ display: none;}
                 .dropdown-menu ul li:nth-child(3){ display: none;}
                    --*/
    /*-----CFR Upload -----*/
    .cust-details ul.cust-info {
        background-color: #FFF;
        padding: 20px 20px 1px;
        margin-bottom: 20px;
    }

    .policy-detils .extrapreplan-details,
    .policy-detils img {
        display: block;
        vertical-align: middle;
        width: 100%;
        padding: 20px;
    }
    /*-----My Profile -----*/
    .timeline-tab li {
        float: left;
        text-align: center;
        border-right: 1px solid #CCC;
        min-width: 72px;
    }
    /*---cost of child calculator---*/
    .range-slider-section .slider-value {
        font-size: 14px;
        border-radius: 0px;
    }

    .navtab-links .child,
    .navtab-links .expecting {
        display: block;
        margin: 0px auto;
    }

    .timeline-tab.coc li a {
        padding: 7px 13px;
    }
    /*------ Model Box-------*/
    .trak-proposal {
        float: none;
        display: block;
        margin-top: 10px;
    }
    /*-------Product Page---------*/
    .renewalmobilesec .appca-approved-list .one {
        width: 50%;
    }

    .createillustration {
        padding: 6px 10px;
        float: left;
        margin: 10px 0px;
    }

    .productbrochurelist li {
        margin: 0px 5px;
    }
    /*** Lead Managment ***/
    .appli-tab-nav.lead-mnt ul {
        width: 670px;
    }
    /*.lead-mnt .one,.lead-mnt .two,.lead-mnt .three,.lead-mnt .four,.lead-mnt .five,.lead-mnt .six{width:33%;}*/
    /*** Home Pgae ****/
    .dashboard-list h3 {
        margin: 0px;
        font-size: 16px;
        font-family: Helvetica-bold;
    }

    .homepage {
        margin: 5px 0px;
    }

    .welcome-header {
        margin: 10px;
    }
    /**** Proposal***/
    .timeline-tab li a {
        padding: 6px 10px;
    }

    .payment-review li {
        display: block;
        width: auto;
    }
    /** CRF-List**/
    .list-head-left p {
        margin-bottom: 0px;
    }

    p.lhl-type {
        margin-bottom: 0px;
    }
    /*** Serach List ***/
    .searchlst .list-head {
        height: 47px;
    }
    /** alert Page**/
    .vcenter {
        float: left;
    }

    .status-section {
        border-right: 0px;
    }
    /*	.cfr-list .five{width:50%;}
                    .cfr-list .six{width:50%;}
                    
                    !*----- CfrList ---*!
                    .cfr-list .one { width: 30%;}
                    .cfr-list .one{width:33%;}	
                    .cfr-list .two{width:33%;}	
                    .cfr-list .six{width:33%;}
                    .cfr-list .four{width:33%;}
                    .cfr-list .five{width:47%;}	
                    .cfr-list .three {width: 102px;float: right;}*/
                    /*----- Allication ---*/
                    .list-header li {
                        float: none;
                        padding: 0px 12px;
                    }
                
                    .pg-application .list-header li,
                    .pg-cfr-list .list-header li,
                    .pg-leadmanag .list-header li,
                    .pg-renewal .list-header li {
                        margin: 0px 10px 0px 0px;
                    }
                
                    .status-action > li {
                        margin-right: 0px !important;
                    }
                
                    .status-action ul.dropdown-menu li {
                        margin: 0px
                    }
                
                    .pg-application .list-header ul,
                    .pg-cfr-list .list-header ul,
                    .pg-leadmanag .list-header ul,
                    .pg-renewal .list-header ul {
                        padding-top: 10px;
                        padding-bottom: 10px;
                    }
                
                    .sandbox-container {
                        margin-top: 19px;
                    }
                
                    .top-filtersection-sticky {
                        padding:0px;
                    }
                
                    .extraFilterSection {
                        padding-top: 5px;
                        margin-bottom: 15px;
                    }
                
                    .status-action li:last-child {
                        margin-right: 0px !important;
                    }
                
                    .show-more {
                        text-align: center;
                        padding: 4px;
                        border-top: 1px solid #d8d8d8;
                        color: #565656;
                        background-color: #f8f8f8;
                        margin-top: -1px;
                    }
                
                    .text-content {
                        position: relative;
                    }
                    /***********Sync**************/
                    .sync-datails li p {
                        font-size: 11px;
                        line-height: 20px;
                    }
                
                    .sync-datails li:last-child {
                        border-right: 0px solid;
                        padding-right: 0px;
                        margin: 0px;
                    }
                
                    .syncBox-head h1 {
                        width: 150px;
                    }
                
                    .sync-all-progress-bar .progress {
                        margin-top: 20px;
                        width: 66%;
                    }
                
                    .plan-heading {
                        margin: 10px 0px;
                    }
                
                    .product_aside {
                        padding: 10px;
                        border: 0px none;
                    }
                    /*************Extra Premium Payment*************/
                    .policy-detils .extrapreplan-details,
                    .policy-detils img {
                        margin-left: 0px;
                        padding: 0px 10px;
                    }
                
                    .policy-detils #p {
                        border-top: 0px none;
                    }
                }
                /*********************************************** 
                                        Small Mobile 
                                        ***********************************************/

@media screen and (min-width: 480px) and (max-width: 667px) {
    .our-work2 .login-form {
        padding-top: 30px !important;
        transform: translate(-50%, -50%) !important;
        -o-transform: translate(-50%, -50%) !important;
        -moz-transform: translate(-50%, -50%) !important;
        -webkit-transform: translate(-50%, -50%) !important;
    }

    .login_formTitle {
        margin: 20px 0 10px;
    }
}

@media screen and (max-width: 480px) {
    .Recommendation-title h3 {
        font-size: 24px;
    }

    body.login-bg {
        background: #fff;
    }

    .homepage {
        height: 150px;
    }

    .login-section,
    .dashboard-section {
        height: 100%;
    }

    .padding-tb-10 {
        padding: 10px 0px !important;
    }
    /*	.alertcrf .one, .alertcrf .two, .alertcrf .three, .alertcrf .four, .alertcrf .five, .alertcrf .six {
                        display: block;
                        width: 100%;
                    }
                
                    .alertcrf .six {
                        position: static;
                        left: 0px;
                        text-align: left;
                    }
                
                
                    .appca-approved-list .six {
                        width: 100%;
                    }
                
                    .appca-approved-list .five {
                        width: 100%;
                    }
                
                    .appca-approved-list .four {
                        width: 100%;
                    }
                
                    .appca-approved-list .three {
                        width: 100%;
                    }
                
                    .appca-approved-list .two {
                        width: 100%;
                    }
                
                    .appca-approved-list .one {
                        width: 100%;
                    }
                
                    .appca-approved-list .seven {
                        width: 100%;
                    }
                    .six a img {
                        float: none;
                        margin-left: 0px;
                        margin-bottom: 0px;
                    }
                    */
    .file-Upload {
        float: left;
    }

    .list-head-left p {
        margin-bottom: 0px;
    }

    .list-head {
        padding-bottom: 0px;
    }

    .list-head-left {
        width: 100%;
    }

    .list-head-right {
        float: left;
        position: relative;
        right: 0px;
        margin-bottom: 6px;
    }

    .td-team-sorting {
        width: 100%;
    }

    .searchfieldsec {
        width: 100%;
    }

    .td-team-sorting {
        min-width: 100px;
    }

    .dekstop-hide {
        display: none !important;
    }
    /*	!*--application List  ---*!
                    !*-- CFR List--*!
                    .cfr-list .one, .cfr-list .tow, .cfr-list .three, .cfr-list .four, .cfr-list .five {
                        width: 100%;
                    }
                
                    !*-- Lead Managment --*!
                    .lead-mnt .one, .lead-mnt .two, .lead-mnt .three, .lead-mnt .four, .lead-mnt .five, .lead-mnt .six {
                        width: 100%;
                    }
                
                    .cfr-list .one {
                        width: 100%;
                    }
                
                    .cfr-list .two {
                        width: 100%;
                    }
                
                    .cfr-list .three {
                        width: 100%;
                    }
                
                    .cfr-list .four {
                        width: 100%;
                    }
                
                    .cfr-list .five {
                        width: 100%;
                    }
                
                    .cfr-list .six {
                        width: 100%;
                    }
                
                    !*--   Proposal List ---*!
                    .proposal-list .two {
                        width: 100%;
                    }
                
                    .proposal-list .one {
                        width: 100%;
                    }*/
    /*-----------Advisor Listing----------*/
    .advisorperson {
        text-align: center;
        position: static;
        top: 0px;
        right: 0px;
    }

    .advisorcontent {
        padding-left: 0px;
    }

    .searchlst .list-head {
        height: auto;
    }
    /*
                    .appca-approved-list .six .file-Upload {
                        right: 18px;
                    }
                    */
    .advisorlist .list-head {
        height: 46px;
    }

    .advisorlist .list-head-right {
        float: right;
        position: absolute;
        right: 0px;
        margin-bottom: 6px;
    }
    /*
                
                    .advisorlist .one {
                        width: 100%;
                        padding-right: 10px;
                    }
                
                    .advisorlist .two {
                        width: 100%;
                        padding-right: 10px;
                    }
                
                    .advisorlist .three {
                        width: 100%;
                        padding-right: 10px;
                    }
                
                    .advisorlist .six {
                        width: 100%;
                        padding-right: 10px;
                    }
                    */
    /*--- Alert Page ---*/
    .status-section {
        padding: 0px 10px;
        border-right: 0px none;
    }
    /******* Help Desk*****/
    .help-desk .help-desk-panel {
        min-height: inherit;
    }
    /*----- Footer ----*/
    .footersection li {
        font-size: 12px;
    }
    /******* News And Update ******/
    .new-heading {
        font-family: helvetica-bold;
        font-size: 18px;
        width: auto;
        margin-bottom: 10px;
    }

    ul.news-bottom {
        float: left;
        width: 100%;
        border-right: 0 none;
        margin-right: 0px;
        border-bottom: 1px solid #ccc;
        padding: 10px 0px;
    }

        ul.news-bottom:last-child {
            border-bottom: 0 none;
        }

    ul#filterOptions li a {
        padding: 7px 18px;
    }

    .tabs-year-cate > .nav-pills > li {
        min-width: 86px;
    }

    .tabs-year-cate {
        width: 260px;
    }
    /*---------------Dashboard----------------*/
    .team-mrm-nm {
        width: 127px;
        margin-right: 0px;
    }

    .d_cfr {
        height: auto;
    }

    .lm-table-section {
        height: 200px;
    }

    .my-business > ul {
        border-left: 0px none;
        border-bottom: 1px solid #e6e6e6;
    }

    .d_commisions .rnb-table {
        margin: 10px 0px 0px;
        border: 0px;
    }
    /*---------------Login2-------------------*/
    .our-work2 .login-form {
        padding: 22px 30px !important;
        width: 310px;
        top: 240px;
        overflow: auto;
        transform: translate(-50%, -50%) !important;
    }

    .login_formTitle {
        margin: 20px 0 10px;
    }

    .textOR {
        margin: -10px 0 10px;
    }

    .btn-login,
    .forgot-pass {
        margin-bottom: 20px;
    }

    .content .new_Reg-link {
        margin-top: 20px;
    }

    #termsandconditions .modal-body {
        height: 300px;
    }
    /*
                        .our-work2 .form-group {margin-bottom: 10px;}
                        */
    .frgt-logdesc {
        font-size: 12px;
    }

    .frgt-logdesc2 p a {
        display: inline-block;
    }

    .social_Btn .btn {
        font-size: 14px;
        padding: 5px;
        width: 105px;
    }
    /*.our-work2 {background-image: url("../img/banner-log-mob.jpg");}
                    .our-work2 .r-logo   {background-image: url("../img/logo-mob.png"); height: 65px; background-position: center center;}*/
    /********** calculator page**************/
    .palnforyou li {
        border-left: 1px solid #d8d8d8;
        margin-bottom: 20px;
    }

        .palnforyou li:first-child {
            border-left: 0 none;
        }

    .plan-detail-section > p {
        display: inline-block;
        width: auto;
    }

    .plan-detail-section > button {
        display: inline-block;
        width: auto;
        float: initial;
    }

    .adv-tab strong {
        margin-right: 0;
    }

    .r-tab > ul {
        margin-top: 10px;
    }
    /*.table-bordered>tbody>tr>td {
                         border-bottom: 1px solid #D8D8D8;
                         border-width: 1px 0px 0px 0px;
                     }*/
                    .nav-tabsection li {
                        margin-right: 20px;
                    }
                    .counternum li h1{ line-height: 24px;}
                
                    .extraFilterSection li:first-child {
                        /* margin-right: 0px; */
                    }
                
                    .backbtn {
                        padding: 18px 20px 20px 0px;
                    }
                }
                
                @media only screen and (max-width: 768px) {
                    /* Force table to not be like tables anymore */
                    .r_table table,
                    .r_table thead,
                    .r_table tbody,
                    .r_table th,
                    .r_table td,
                    .r_table tr {
                        display: block;
                    }
                
                    .r_table table {
                        border: 0px solid #D8D8D8;
                    }
                    /* Hide table headers (but not display: none;, for accessibility) */
                    .r_table thead tr {
                        position: absolute;
                        top: -9999px;
                        left: -9999px;
                    }
                
                    .r_table tr {
                        border: 1px solid #CCC;
                        margin-bottom: 6px;
                    }
                    /*.table-condensed>tbody>tr>td:first-child {
                         border: 0px none;
                     }*/
                    .table-condensed > tbody > tr > td {
                        margin: -1px;
                        min-height: 35px;
                    }
                
                    .r_table td::before {
                        top: 10px;
                    }
                
                    .r_table td {
                        border-width: medium medium 1px;
                        border-style: none none solid;
                        border-color: -moz-use-text-color -moz-use-text-color #EEE;
                        -moz-border-top-colors: none;
                        -moz-border-right-colors: none;
                        -moz-border-bottom-colors: none;
                        -moz-border-left-colors: none;
                        border-image: none;
                        position: relative;
                        padding-left: 50% !important;
                    }
                    .r_table.r_table2  td{ padding-left: 40% !important;
                    }
                
                        .r_table td:before {
                            /* Now like a table header */
                            position: absolute;
                            /* Top/left values mimic padding */
                            top: 6px;
                            left: 6px;
                            width: 45%;
                            padding-right: 10px;
                            white-space: nowrap;
                            color: #565656;
                        }
                    /*
                    Label the data
                    */
                    table.family-history {
                        margin-top:10px;
                    }
                    table.family-history td:nth-of-type(3):before {
                        content: "Relation";
                    }

                    table.family-history td:nth-of-type(4):before {
                        content: "Living Age";
                    }

                    table.family-history td:nth-of-type(6):before {
                        content: "Health Status";
                    }

                    table.family-history td:nth-of-type(7):before {
                        content: "Age at Death";
                    }

                    table.family-history td:nth-of-type(9):before {
                        content: "Cause of Death";
                    }
                    table.family-history td:nth-of-type(10):before {
                        content: "Action";
                    }


                    table.insurance-history {
                        margin-top: 10px;
                    }
                    /* table.insurance td:nth-of-type(1):before {
                        content: "Relation";
                    }

                    table.insurance td:nth-of-type(2):before {
                        content: "Policy/Proposer Number";
                    }

                    table.insurance td:nth-of-type(4):before {
                        content: "Insurance Company Name";
                    }

                    table.insurance td:nth-of-type(5):before {
                        content: "Year Of Policy";
                    }

                    table.insurance td:nth-of-type(6):before {
                        content: "Anual Premium";
                    }

                    table.insurance td:nth-of-type(7):before {
                        content: "Sum Assured";
                    }

                    table.insurance td:nth-of-type(9):before {
                        content: "Status Of Policy";
                    }
                    table.insurance td:nth-of-type(11):before {
                        content: "Acceptance Of Policy";
                    }

                    table.insurance td:nth-of-type(12):before {
                        content: "Reason for Extra Premium";
                    }

                    table.insurance td:nth-of-type(12):before {
                        content: "Action";
                    }*/



    table.insurance-tbl td:nth-of-type(1):before {
        content: "Company Name";
    }

    table.insurance-tbl td:nth-of-type(2):before {
        content: "Basic Sum Assured";
    }

    table.insurance-tbl td:nth-of-type(3):before {
        content: "Present Status";
    }

    table.insurance-tbl td:nth-of-type(5):before {
        content: "Action";
    }

    table.upd td:nth-of-type(1):before {
        content: "Image Thumbnail";
    }

    table.upd td:nth-of-type(2):before {
        content: "Image Name";
    }

    table.upd td:nth-of-type(3):before {
        content: "Category & Type";
    }

    table.upd td:nth-of-type(4):before {
        content: "Actions";
    }

    table.upd_cfr td:nth-of-type(1):before {
        content: "Image";
    }

    table.upd_cfr td:nth-of-type(2):before {
        content: "Category & Type";
    }

    table.upd_cfr td:nth-of-type(3):before {
        content: "CFR ID";
    }

    table.upd_cfr td:nth-of-type(4):before {
        content: "Upload Date / Time";
    }

    table.upd_cfr td:nth-of-type(5):before {
        content: "Actions";
    }

    table.tracker_upd td:nth-of-type(1):before {
        content: " Upload Document";
    }

    table.tracker_upd td:nth-of-type(2):before {
        content: "Comments";
    }

    table.tracker_upd td:nth-of-type(3):before {
        content: "Image Name";
    }
    table.tracker_upd td:nth-of-type(4):before {
        content: "Document Type";
    }

    table.tracker_upd td:nth-of-type(5):before {
        content: "Action";
    }


    table.Medical_upd td:nth-of-type(1):before {
        content: " Medical Tests";
    }
    /*ApplicationTracker*/
    table.Medical_upd td:nth-of-type(2):before {
        content: "Appointments Date & Time";
    }

    table.Medical_upd td:nth-of-type(3):before {
        content: "TPA Name";
    }

    table.Medical_upd td:nth-of-type(4):before {
        content: "TPA Address";
    }

    table.Medical_upd td:nth-of-type(5):before {
        content: "TPA Location";
    }

    table.Medical_upd td:nth-of-type(6):before {
        content: "Action";
    }


    table.bracket td:nth-of-type(1):before {
        content: "Reason";
    }

    table.payment-tbl td:nth-of-type(1):before {
        content: "Instalment Premium";
    }

    table.payment-tbl td:nth-of-type(2):before {
        content: "Cheque DD No.";
    }

    table.payment-tbl td:nth-of-type(3):before {
        content: "Bank Name";
    }

    table.payment-tbl td:nth-of-type(4):before {
        content: "Cheque DD Date";
    }

    table.payment-tbl td:nth-of-type(5):before {
        content: "Branch Name";
    }

    table.payment-tbl td:nth-of-type(6):before {
        content: "action";
    }

    table.crf_log td:nth-of-type(1):before {
        content: "Date";
    }

    table.crf_log td:nth-of-type(2):before {
        content: "Time";
    }

    table.crf_log td:nth-of-type(3):before {
        content: "Comments";
    }

    table.upd_cfr_des td:nth-of-type(1):before {
        content: "Description";
    }

    table.upd_cfr_des td:nth-of-type(2):before {
        content: "Comments";
    }

    table.medical_cfr_des td:nth-of-type(1):before {
        content: "Medical Tests Required";
    }

    table.medical_cfr_des td:nth-of-type(2):before {
        content: "Remarks";
    }

    table.sync-history td:nth-of-type(1):before {
        content: "Type";
    }

    table.sync-history td:nth-of-type(2):before {
        content: "Name";
    }

    table.sync-history td:nth-of-type(3):before {
        content: "Collected On";
    }

    table.sync-history td:nth-of-type(4):before {
        content: "Size";
    }

    table.sync-history td:nth-of-type(5):before {
        content: "Last Sync On";
    }

    table.add-depedent-tbl td:nth-of-type(1):before {
        content: "Name";
    }

    table.add-depedent-tbl td:nth-of-type(2):before {
        content: "Gender";
    }

    table.add-depedent-tbl td:nth-of-type(3):before {
        content: "Age";
    }

    table.add-depedent-tbl td:nth-of-type(4):before {
        content: "Relation";
    }

    table.add-depedent-tbl td:nth-of-type(5):before {
        content: "Action";
    }
                    table.Premium_Receipts_download td:nth-of-type(1):before {
                        content: "Policy No";
                    }
                
                    table.Premium_Receipts_download td:nth-of-type(2):before {
                        content: "Amount";
                    }
                
                    table.Premium_Receipts_download td:nth-of-type(3):before {
                        content: "Receipt No";
                    }
                    table.Premium_Receipts_download td:nth-of-type(4):before {
                        content: "Receipt Date";
                    }
                
                    table.Premium_Receipts_download td:nth-of-type(5):before {
                        content: "Action";
                    }

                    table.Premium_Receipts_share td:nth-of-type(1):before {
                        content: "Policy No";
                    }
                
                    table.Premium_Receipts_share td:nth-of-type(2):before {
                        content: "Amount";
                    }
                
                    table.Premium_Receipts_share td:nth-of-type(3):before {
                        content: "Receipt No";
                    }
                    table.Premium_Receipts_share td:nth-of-type(4):before {
                        content: "Receipt Date";
                    }
                
                    table.Premium_Receipts_share td:nth-of-type(5):before {
                        content: "Action";
                    }

                    
                    table.Schedulelist_upd td:nth-of-type(1):before {
                        content: " Diag Centre / Hopital";
                    }
                
                    table.Schedulelist_upd td:nth-of-type(2):before {
                        content: "Appointment Date";
                    }

                    table.Schedulelist_upd td:nth-of-type(3):before {
                        content: "Appointment Time";
                    }
                
                    table.Schedulelist_upd td:nth-of-type(4):before {
                        content: "Address";
                    }


                    table.ProposalDetailstables td:nth-of-type(1):before {
                        content: "Plan Name";
                    }
                
                    table.ProposalDetailstables td:nth-of-type(2):before {
                        content: "Total premium";
                    }
                
                    table.ProposalDetailstables td:nth-of-type(3):before {
                        content: "Application";
                    }

 table.need-existing td:nth-of-type(1):before {
        content: "Action";
    }

    table.need-existing td:nth-of-type(2):before {
        content: "Policy Number";
    }

    table.need-existing td:nth-of-type(3):before {
        content: "LA Name";
    }

    table.need-existing td:nth-of-type(4):before {
        content: "Proposer Name";
    }

  
    table.need-existing td:nth-of-type(5):before {
        content: "Login Date";
    }



    /*---------------Login2-------------------*/
    .our-work2 .login-form {
        top: 50%;
        overflow: auto;
        padding: 100px 40px 0;
    }

    .our-work2 .login-form {
        transform: translate(-10%, -50%);
        -o-transform: translate(-10%, -50%);
        -moz-transform: translate(-10%, -50%);
        -webkit-transform: translate(-10%, -50%);
    }

    .male-femail {
        padding: 0px;
    }

    .plan-sum1 {
        min-height: auto;
    }

        .plan-sum1 ul li {
            display: inline-block;
            padding: 5px;
            width: 30%;
            border: none;
        }


    .sw-main {
        margin: 0px;
    }

    .top-filtersection {
        padding: 10px 10px 0px;
    }

    .GenderLeft {
        margin-left: 0px;
    }
}
/*---- Responsive tabs ------*/

.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
    background: #f7f7f7;
    border: #cccccc 1px solid;
    min-width: 500px;
}

.r-tabs .r-tabs-tab {
    float: left;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 20px 0px;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

.r-tabs-anchor {
    padding: 10px;
    display: block;
    border-right: #cccccc 1px solid;
}

.r-tabs-state-active .r-tabs-anchor {
    background: #034da2;
    color: #FFF;
}
/* Accordion responsive breakpoint */

@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }

    .r-tabs-anchor {
        background: #cdcccc;
        border-right: none;
        margin-top: 1px;
    }

    .r-tabs .r-tabs-panel {
        padding: 10px;
    }
}

@media only screen and (max-width: 800px) {
    .sales_Desc {
        width: 320px !important;
    }

        .sales_Desc h1 {
            font-size: 22px;
        }

    .login_formTitle {
        margin-top: 20px;
    }
}

@media only screen and (min-width: 1200px) {
    .container {
        width: 1240px
    }
}

@media only screen and (min-width: 1200px) {
    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
    ul.text-content2 li {
        width: 48%;
        padding: 0px 10px 0px 10px;
    }
   

    /*ApplicationTracker*/
    ul.text-content5 li {
        width: 49%;
        padding: 0px 10px 0px 10px;
    }
    /*ApplicationTracker*/

    .btn-switch {
        float: right;
        margin-bottom: 10px;
        margin-top: 0px;
    }

    .paymentmodal {
        top: 5%;
    }

    .radius {
        margin: 0px;
    }

    .btnsuccess {
        margin-left: 5px;
    }

    .GenderLeft {
        margin-left: 0px;
    }

    .form-heading4 {
        padding: 10px;
    }

    .sw-main {
        margin: 0px;
    }

    .AddMember {
        margin-bottom: 20px;
        overflow: hidden;
    }

    .paymentleftmenu {
        display: block !important;
    }

        .paymentleftmenu .pdcnavsteps a {
            border-radius: 0;
            height: auto;
            padding: 0px 5px;
            margin-top: 10px;
            float: left;
        }

    .tooltop2 {
        margin-top: -20px;
    }

   /* .sw-main {
        margin: 0px 15px 0px 0px !important;
    }*/

    .medicalmg {
        margin-left: 10px;
    }

    .otpsend {
        padding: 0px 10px;
        border-right: none;
    }

    .paymentmodal {
        top: 0%;
    }


    .thankyou2 {
        margin: 80px auto;
        text-align: center
    }

    .fileUpload.cam.btn.btn-primary.radius {
        display: inline-block;
    }

    .payment-details .form-heading1 h5 {
        float: left;
        margin: 0px 10px 10px 0px;
    }

    .trigger_sel {
        float: none;
    }

    .PolicyNoForm input {
        width: 100% !important;
    }

    .PolicyNoForm textarea {
        width: 100% !important;
    }

    .PolicyNoForm .form-group2 span.select2 {
        width: 100% !important;
    }

    .trigger_btn {
        float: right;
    }

    .Payment_btn {
        float: right;
    }

    ul.text-content3 li {
        width: 49%;
        padding: 0px 10px 0px 10px;
    }

    /*ApplicationTracker*/
    ul.text-content4 li {
        width: 49%;
        padding: 0px 10px 0px 30px;
        margin-right: 0px;
    }
    .contact-opn2 {
        position: relative;
        vertical-align: baseline;
      
        text-align: center;
        top: 0px;
        right: 0px;
        float: right;
        margin-top: -46px;
    }
    ul.text-content5 li {
        width: 49%;
        padding: 0px 10px 0px 10px;
    }
    /*ApplicationTracker*/

    ul.text-content2 li.Eligiblepro {
        width: 100%;
    }

    ul.text-content2 li:first-child {
        margin-left: 0px;
    }
                    ul.text-content5 li:first-child {
                        margin-left: 0px;
                    }
                    ul.text-content4 li:first-child {
                        margin-left: 0px;
                        width: 49%;
                    }
                    ul.text-content4 li.Login{
                        width: 49%;
                    }
                    ul.text-content4 li.Status {
                        width: 49%;
                    }
    .list-header3 li {
        margin-left: 15px !important;
    }

    .list-header2 ul li.DownloadProposal {
        float: none;
    }

    .view-upload-documents li {
        width: 100%;
    }

    /*ApplicationTracker*/
    .cam-xs {
        display: block;
    }

    .separated {
        display: block;
        margin-left: 0%;
        font-size: 13px;
    }

    .tracker-text ul li {
        width: 49%;
        display: inline-block;
        margin-bottom: 15px;
    }

    .tracker-text {
        padding: 5px;
        border: none;
    }

    .progress-steps-container {
        margin-top: 10px;
    }

    .progress_steps li {
        padding: 2px 0 2px 28px;
        margin-bottom: 10px;
        font-family: "calibri-bold";
    }

        .progress_steps li:before {
            font-size: 24px;
        }

    .tracker-text-content-top {
        padding: 0px;
        margin: 0px -10px;
    }

        .tracker-text-content-top ul li {
            display: inline-block;
            width: 49%;
            border: none;
            margin: 5px 0px;
        }

    .tracker-text2 {
        padding: 0px;
        border-left: 0px;
    }

    .tracker-filter {
        margin: 0px;
        padding: 0px;
    }

    .tracker-top h6 {
        float: left;
        padding: 5px 0px 5px 8px;
    }

    .panel-title .title_acc {
        width: 70%;
    }

    .AllSchedule {
        margin: 0px;
    }

    .tracker_upd.table-bordered > tbody > tr > td {
        min-height: 40px;
        border: none;
        margin: 0px 5px;
    }

    .Medical_upd.table-bordered > tbody > tr > td {
        min-height: 40px;
        border: none;
        margin: 0px 5px;
    }

    .Medical_upd .btn-tracker-line2 {
        margin-top: 0px;
    }

    .title_acc img {
        display: none;
    }

    .tracker-text2 h4 {
        margin: 4px 0px;
    }

    .panel-default > .panel-heading {
        margin: 0px;
    }

    .tracker-Pending {
        margin: 0px 3px;
    }

    .tracker-icon {
        border-bottom: 1px solid #d8d8d8;
        padding: 0px 10px;
        margin: -5px;
    }

    .tracker_icons a i {
        margin-left: 0px;
    }

    .tracker-camera {
        margin-right: 3px !important;
    }

    .tracker-icon img {
        display: none;
    }

    .tracker-icon h5 {
        text-align: left;
        font-size: 18px;
        padding: 10px 0px;
    }

    .Agent-xs {
        display: block;
    }

    .panel-title .title_acc span.pendings {
        padding: 4px 8px !important;
        margin: 0px 5px;
    }

    .tracker-PIVC a {
        padding: 4px 5px !important;
        margin: 0px 5px;
    }

    .tracker_border {
        border: 1px solid #26cc6c;
    }

    .tracker_border2 {
        border: 1px solid #f9ac00;
    }

    ul.text-content2 li.Underwriting {
        margin: 10px 0px;
    }

    ul.text-content4 li.Underwriting {
        margin: 10px 0px;
    }

    .tracker_border.tracker_arrow::after {
        content: " ";
        display: block;
        width: 20px;
        height: 20px;
        border-right: 1px solid #26cc6c;
        border-bottom: 1px solid #26cc6c;
        margin-top: -4px;
        background: #fff;
        position: absolute;
        left: 8%;
        z-index: 3;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
     .customer_tracker .panel-title .title_acc{ width: 65%;}
     .customer_tracker{ padding: 0px;}
     .schedule_btn{ margin: 0px 0px 10px 0px;}
    .RequirementUpload h5{ padding:5px 0px 15px 0px;}
    .customer_tracker .panel-body{ padding: 10px;}
      .customer-form-group{ margin:2px 0px 15px 0px;}
      .Searchtext{ padding-top: 5px; position: relative; left: 0px;}
      .userfilter{ padding: 0px;}
      .procontent2{padding:0px; margin:0;  border-left: none ;  }
      .userfilter.extraFilterSection .searchfieldsec{ width: 112% !important;}
      .Channelmt{ margin-top: 5px;}

      .pagetitle.homet{ padding: 5px 0px 5px 5px;}
      .tophead-right{     margin-right: 0px;}
      img.mob-logo{ border-radius:5px; ;}
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
    ul.text-content2 li {
        width: 24%;
        padding: 0px 10px 0px 10px;
    }

    .btn-switch {
        float: right;
    }

    .paymentmodal {
        top: 10%;
    }

    .paymentleftmenu {
        display: block;
        width: 170px;
    }

    .fileUpload.cam.btn.btn-primary.radius {
        display: inline-block;
    }

    .payment-details .form-heading1 h5 {
        float: left;
        margin: 0px 10px 10px 0px;
    }

    .trigger_sel {
        float: none;
    }

    .trigger_btn {
        margin-top: 15px;
    }

    .PolicyNoForm input {
        width: 100% !important;
    }

    .Payment_btn {
        margin-top: 15px;
    }

    .Export {
        margin-top: 15px;
    }

    ul.text-content3 li {
        width: 32%;
        padding: 0px 10px 0px 10px;
    }

    ul.text-content2 li:first-child {
        margin-left: 0px;
    }

    .view-upload-documents li {
        width: 49%;
    }

    .cam-xs {
        display: block;
    }

    .separated {
        display: block;
        margin-left: 0%;
        font-size: 13px;
    }

    .PolicyNoForm textarea {
        width: 100% !important;
    }

    .tracker-text ul li {
        width: 32.3%;
    }

    .Agent-xs {
        display: block;
    }
    .Searchtext {       
        position: relative;
        left: 0px;
    }
    .procontent2{padding:0px; margin:0;  border-left: none ;  }
}

@media only screen and (min-width: 320px) and (max-width: 370px) {
    .subdown {
        display: block;
    }

    .paymentleftmenu .pdcnavsteps a {
        padding: 0px 2px;
    }

    .payment-details .form-heading1 h5 {
        float: left;
        margin: 0px 10px 10px 0px;
    }
}

@media only screen and (max-width: 360px) {
    .customerSteps .progress_step_vertcal li .status {
        line-height: 14px;
    }

    .customerSteps .progress_step_vertcal li {
        height: 50px;
        width: 90px;
        display: inline-block;
        line-height: 16px;
        font-size: 14px;
    }

    .proposaldetails ul li span {
        width: 120px;
    }

    .proposaldetails {
        border: none;
    }

    .captureimg {
        width: 100%;
    }

        .captureimg img {
            width: 100%;
        }

    .smile2 img {
        width: 52px !important;
    }

    .smile2 {
        right: -10px;
    }

    .btn-process {
        min-width: 75px;
    }

    .discl-btn {
        margin-right: 10px;
    }

    #otpsend .discl-btn {
        text-align: center !important;
    }
}




@media only screen and (max-width: 800px) {
    /* Force table to not be like tables anymore */
    #no-more-tables table,
    #no-more-tables thead,
    #no-more-tables tbody,
    #no-more-tables th,
    #no-more-tables td,
    #no-more-tables tr {
        display: block;
    }

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

    #no-more-tables tr {
        border: 1px solid #ccc;
    }

    #no-more-tables td {
        /* Behave like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50%;
        white-space: normal;
        text-align: left;
        height: auto;
    }

        #no-more-tables td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
        }

        /*
    Label the data
    */
        #no-more-tables td:before {
            content: attr(data-title);
        }
}
#headingTwo a:after {
    top: -10px;
}

.title_acc2 {
    width: 15% !important;
    float: left;
    color: #5f5f5f;
    margin-top: 15px;
}

.appointmenttxt {
    width: 30%;
    float: left;
    line-height: 28px;
    color: #5f5f5f;
    font-size: 14px;
}
.scheduledTxt {
    width: 40%;
    float: left;
    line-height: 28px;
    color: #5f5f5f;
    font-size: 14px;
}
.customer_tracker .scheduledTxt {
    width: 44%;
}

#headingTwo .mb-10 {
    margin-bottom: 5px;
}
@media only screen and (min-width: 320px) and (max-width: 767px) {

    .title_acc2 {
        width: 100% !important;
        margin-bottom: 10px;
    }

    .appointmenttxt {
        width: 100%;
        margin-bottom: 10px;
    }

    .scheduledTxt {
        width: 100%;
        margin-bottom: 10px;
    }

    .customer_tracker .scheduledTxt {
        width: 100%;
    }
}