@media (max-width: 992px) {
    .manageColumns-popup .form li {width: 50%;}
}

@media only screen and (max-width:1399px) {
    .menu-flexBox {-webkit-flex-wrap:wrap; flex-wrap: wrap; -ms-flex-wrap: wrap; display: -webkit-flex; display: flex; }
    .headRight {width: auto; padding-right: 20px;}
    a.showMobMenu {display: block; width: 40px; height: 30px; background: #1c4d7e; border-radius: 3px; z-index: 100; padding-top: 8px;}
    a.showMobMenu i {display: block; background: #fff; width: 24px; height: 2px; margin: 0 auto 4px auto; transition:ease-in-out .5s;}
    a.showMobMenu.active i:nth-child(1) {display: none;}
    a.showMobMenu.active i:nth-child(2) {transform: rotate(45deg); margin: 5px auto 0 auto;}
    a.showMobMenu.active i:nth-child(3) {transform: rotate(-45deg); margin: -1px auto 0 auto;}
    #menuBox {display: none !important;}     
    #menuBox.active {display: block !important; position: fixed; left: 0; top: 60px; width: 100%; background: #0e213c; border-top: 1px solid rgba(255,255,255,.2); overflow: auto; max-height: calc(100% - 60px);} 
    .menu ul {display: block;}
    .menu ul li {font-size: 16px; margin-left: 0; padding: 10px 20px;}
    .notificationBox {width: 100%;}
    a.notificationLink {justify-content: flex-start; padding: 20px; width: 100%;}
    a.notificationLink .count {position: static; vertical-align: top; margin-left: 10px;}
    .accountBox {width: 100%; border-left: none; border-top: 1px solid rgba(255,255,255,.3);}
    a.accountLink {padding: 15px; height: auto;} 
}

@media only screen and (max-width:1279px) {
    .accountList {width: 100%; position: static; display: block !important; height: auto !important;}
    .form.maritalStatusForm {flex-wrap: wrap;}
    .form.maritalStatusForm li {width: 50%;}
    .optionBox.column4 .option { width: 33.33%;}
    .statusList li strong {display: block; margin-bottom: 5px;}

    .paymentLeft {width: 40%;}
    .paymentRight {width: 60%;}

    /*  */
    .doted_showMobMenu {display: inline-block !important; position: absolute; right: 70px; width: 40px; text-align: center;}
    .doted_showMobMenu span {display: block; width: 5px; height: 5px; margin: 4px auto; background: #fff; border-radius: 50%;}
    .communication-leftBox,
    .communication-rightBox {width: 100%;}

    /* Client profile page style 29-08-2022 */
    .content-info .cell-avatar,
    .clinetList-info {flex: 0 0 100%; max-width: 100%; padding: 15px 0px; display: block;}
    .clinetList-info-profile {flex: 0 0 100%; max-width: 100%; padding: 15px 0px; display: block;}
    .content-info .cell-avatar:before {content: none;}
    .cellAvatar-In {justify-content: center; padding-left: 0px; padding-right: 0px;}
    .userName,
    .userName a {font-size: 16px; line-height: 20px;}
    .cp-fieldText {font-size: 16px; line-height: 16px;}
    .userName span {font-size: 18px; position: relative; top: 5px;}

    .paymentEvent-boxFooter ul li h2 {font-size: 18px; line-height: 20px;}
    .eventLog-rightBox {font-size: 14px; line-height: 18px;}
    /* Payment plan page style */
    .planInfo-topSection ul li {flex: 0 0 33.333%; max-width: 33.333%;}
    /* Document page style */
    .document-typeList ul li {flex: 0 0 33.333%; max-width: 33.333%;}
    .moreCard-col {flex: 0 0 50%; max-width: 50%;}

    /* Notes and activity page style */
    .notes-activity-tabsWrap .tab-menu ul li.tabNav-Item:last-child {margin-right: 0px;}
    .notes-activity-tabsWrap .tab-menu ul li.tabNav-Item a {font-size: 14px; line-height: 17px; padding: 10px 0px; margin-right: 0px;}
    .notes-activity-tabBox .list-time-line .time-line-item .time-line-date.date-left {display: none;}
    .notes-activity-tabBox .list-time-line .time-line-pointer {left: 5px;}
    .notes-activity-tabBox .list-time-line .vertical-line {left: 10px;}
    .notes-activity-tabBox .list-time-line .time-line-item {padding-left: 35px;}

    /* Repoert page style */
    .report-col-left {flex: 0 0 58.33333333%; max-width: 58.33333333%;}
    .report-col-right {flex: 0 0 41.66666667%; max-width: 41.66666667%;}

     /* tooltip anchor section */

    .tootltip-contentBox {left: -10px;}
    .tootltip-contentBox:before,
    .tootltip-contentBox:after {left: 20px;}

}

@media (max-width:  1199px) {

    /* Dashboard page style */
    .dashboard-tabContect .box-assist {padding: 25px;}
    .dashboard-tabContect .h2 {font-size: 18px; line-height: 20px;}
    .dashboard-tabContect .list-equal .list-item {padding: 10px;}
    .portalActivity-colBox {padding: 25px 15px;}

    .dashboard-tabContect .addNote-HD {flex: 0 0 100%; max-width: 100%; padding-right: 0px; margin-bottom: 10px;}

}

@media only screen and (max-width:999px) {
    .leadLeft {width:100%;}
    .leadRight {width:100%; margin-top: 20px;}
    .stepSidebar {position: static; width: 100%; padding: 0;}
    .stepDet {padding: 20px 0 0 0;}

    .sidernav {width: 100%;}
    .midCon.padding-left-180 {padding-left: 10px;}
    .midCon.padding-left-50 {padding-left: 2px;}
    .manageColumns-popup .form li {width: 50%;}

    /* Client profile page style 29-08-2022 */
    .cp-paymentOverviewSec,
    .cp-eventLogSec {flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}
    .ScheduledPayment-sec {flex: 0 0 100%; max-width: 100%;}
    .ScheduledPayment-historySec {flex: 0 0 100%; max-width: 100%; margin-top: 20px;}
    /* case info page style */
    .accordion-btnWrapper .accordion-popupBtn {height: 35px; padding: 8px 10px;}
    .ac-list .ac-listBox {flex: 0 0 100%; max-width:  100%;}
    .ac-list .ac-listBox:nth-child(2) {margin-top: 20px;}

    .accordion-btnWrapper .accordion-popupBtn {height: 35px; padding: 8px 10px;}
    .ac-list .ac-listBox {flex: 0 0 100%; max-width:  100%;}
    .ac-list .ac-listBox:nth-child(2) {margin-top: 20px;}

    /* Repoer page style */
    .report-container-fluid {padding-right: 0px; padding-left: 0px; margin-top: 50px;}
    .reportSearch-box .saerchBox {width: 70%;}
    .report-sidernav {position: relative; width: 100%; height: auto; padding: 20px 0px; margin-bottom: 20px; margin-top: 44px;}

    /* Alert page style */
    .alert-box {flex: 0 0 100%; max-width: 100%;}

    /* dashboard page style  */
    .subTab-col-3, .subTab-col-4, .subTab-col-6, .subTab-col-8, .subTab-col-9 {flex: 0 0 100%; max-width: 100%;}
    .subTab-wrapper .tab-menu ul li.tabNav-Item a {padding: 5px 10px; font-size: 14px; line-height: 15px;}
}


@media only screen and (max-width:767px) {
    .midCon {padding: 10px;}
    .whtBox {padding: 15px;}
    .mb20 {margin-bottom: 10px;}
    .saerchBox {width: 100% !important; margin-bottom: 10px;}
    .form_input {width: 100% !important; margin-bottom: 10px;}
    .form_select {width: 100% !important; margin-bottom: 10px; background-color:LightGray; padding:5px; border-radius: 10px;}
    .close {position: absolute; right: 14px; top: 14px;}
    .close span {font-size: 28px;}
    .popupBox .popupHd {padding: 15px; font-size: 20px;}
    .popupBtn {padding: 15px;}
    .form {margin: -8px; padding:15px;}
    .form li { padding: 8px;}
    .scrollable-table {
        overflow-x: auto;
        width: 100%;
    }
    
    .scrollable-table table {
        width: max-content;
    }
    .lvdetail {padding: 20px; font-size: 18px; line-height: 28px;}
    .form li.oneThird {width: 100%;}
    .stepTab li a .text {display: none;}
    .formBtn {font-size: 16px; padding: 12px 22px;}
    .optionBox.column4 .option { width: 50%;}
    .infoList li {width: 50%;}
    .pad20 {padding: 10px;}
    .blueBox {padding: 10px;}
    .statusList {padding: 10px;}
    .statusList li {width: 50%;}

    .paymentLeft {width: 100%; padding-right: 0;}
    .paymentRight {width: 100%;}
    .cardBox {padding: 0;}
    .cardBox li {width: 100%; border-right: none; border-bottom: 1px solid #e3e3e3; padding: 15px;}


    .messageBox-buttonSec {margin-top: 15px; width: 100%;}
    .manageBox ul.drop-list {right: auto; left: 0px;}
    .manageColumns-popup .form li {width: 100%;}
    .manageColumns-popup .form li .checkbox {padding: 3px 0px 3px 30px;}
    .downloadContact-popup .dc-inputFiled li {width: 100%;}


    /* Client profile page style 29-08-2022 */

    .paymentEvent-boxFooter ul li {flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%; border-bottom: 1px solid #e3e3e3;}
    .paymentEvent-boxFooter ul li:last-chaild {border-bottom: 0px;}
    .paymentEvent-boxFooter ul li:after {content: none;}

    .eventLog-boxCont {max-height: unset !important;}
    .eventLog-rightBox-in {display: block !important; flex-wrap: nowrap;}
    .eventLog-messageBox b {margin-bottom: 5px;}
    .eventLog-dateTimeBox {padding-left: 0px; margin-top: 5px;}
    .ScheduledPayment-checkBox,
    .ScheduledPayment-formSec {padding: 10px 15px;}
    /* case info page style */
    .ac-innerList li {flex: 0 0 100%; max-width: 100%;}
    .ac-innerList li:nth-child(2) {margin-top: 10px;}
    .summary-inputFiled {height: 90px;}

    /* Repoer page style */
    .reportSearch-box .saerchBox {width: 100%;}
    .new-report-btnBox {flex: 0 0 100%; max-width: 100%; display: flex; justify-content: end;}
    .report-col-left,
    .report-col-right {flex: 0 0 100%; max-width: 100%;}

     /* Insights page style */
    .insights-header-rightBox,
    .insights-header-rightBox .SPH-rightBox {flex: 0 0 100%; max-width: 100%;}
    .insights-header-rightBox .SPH-rightBox .btn{margin-top: 10px;}

    /* Contract page style */
    .contractInfo-tableBox.tableBox table,
    .contractHistory.tableBox table {min-width: auto;}
    .contractInfo-tableBox.tableBox thead tr th,
    .contractInfo-tableBox.tableBox tbody tr td {border-left: 0px solid #e3e3e3;}
    .contractInfo-tableBox.tableBox tbody tr td:first-child .mobHd {margin-bottom: 10px;}
    .PDF-fileBox {align-self: flex-start; display: flex;}
    .download-Icon {margin-left: 0px;}
    .download-link {display: inline-block; text-align: left;}

    /* Document page style */
    .document-typeList ul li {flex: 0 0 100%; max-width: 100%;}
    .document-typeBox {min-height: auto; padding: 15px; margin-bottom: 20px;}
    .empty-resultBox .box-assist {padding: 20px;}
    .empty-resultBox .box-assist .icon {font-size: 54px;}
    .empty-resultBox .box-assist .text-empty {font-size: 22px;}

    /* Payment method */
    .default-card .card-box {width: 100%; padding: 20px;}
    .default-card .card-num span {font-size: 16px; line-height: 20px;}
    .default-card .card-box .text,
    .default-card .card-box .title {font-size: 12px;}
    .default-card .card-box.master-card {background-size: contain;}
    .card-box .manageBox ul.drop-list {right: 0px !important;  left: auto !important;}
    .moreCard-col {flex: 0 0 100%; max-width: 100%;}

    /* case info page style */
    .ac-innerList li {flex: 0 0 100%; max-width: 100%;}
    .ac-innerList li:nth-child(2) {margin-top: 10px;}
    .summary-inputFiled {height: 90px;}

    /* Summary page style */
    .box-white .box-content.summary-feesSection {padding-left: 0px; padding-right: 0px;}
    .box-white .box-content.summary-feesSection .contractBox-header {padding-left: 20px !important; padding-right: 20px !important;}
    

    /* Alert box style */
    .alert-box .card-box .content,
    .alert-box .card-box .bottom-info {padding: 10px;}
    .alert-box .cardBottom-leftBox  {flex: 0 0 100%; max-width: 100%;}
    .alert-box .cardBottom-rightBox {flex: 0 0 100%; max-width: 100%; text-align: left; margin-top: 10px;}

    /* Dashboard page style */
    .dashboard-tab-menu ul li.tabNav-Item a {font-size: 14px; line-height: 15px; margin-right: 10px;}
    .dm-colBox {flex: 0 0 100%; max-width: 100%; margin-bottom: 20px;}
    .portalActivity-colBox {flex: 0 0 100%; max-width: 100%; margin-bottom: 15px;}
    .portalActivity-colBox:last-child {margin-bottom: 0px;}

    .dashboard-tabContect .select-dateBox {flex: 0 0 322px; max-width: 322px; min-width: 322px;}
    .select-dateBox li input.form-control {width: 80px; font-size: 13px; padding-right: 5px; padding-left: 5px;}
    .h1 {font-size: 24px;}
    .subTab-wrapper .tab-menu ul {border-bottom: 0px solid #dcdee0;}
    .subTab-wrapper .tab-menu ul li.tabNav-Item {margin-bottom: 10px;}
    .subTab-wrapper .tab-menu ul li.tabNav-Item a {margin-right: 0px; border-radius: 4px; border: 1px solid #dcdee0;}
    .subTab-wrapper .tab-menu ul li.tabNav-Item a.subTab-active {border-bottom-color: #dcdee0; background: #dcdee0; color: #142947;}

    /* Inbox page style */
    .list-inbox .list-bg-item .cell-btn, 
    .list-inbox .list-bg-item .cell-content {display: none;}
    .paidAmount_graph{ margin-top: 22px;}
}

@media only screen and (max-width:599px) {
    .paidAmount_graph{ margin-top: 87px;}
    .loginBox {padding: 20px;}
    .loginHd {font-size: 24px;}
    .leadDetTop .right {width: 100%; padding-top: 10px;}
    .leadForm li {width: 100%;}
    .optionBox .option {width: 50%;}
    .form li {width: 100%;}
    .form.maritalStatusForm li {width: 100%;}
    .optionBox.column4 .option { width: 100%;}
    .infoList {margin: -5px;}
    .infoList li {width: 100%; padding: 5px;}
    .infoList li span {display: inline-block; margin-right: 5px;}

    .set-scheduleDateTimeBox {width: 100% !important; margin-top: 10px;}

    /* Client profile page style 29-08-2022 */
    .addNote-leftBox,
    .addNote-rightBox {flex: 0 0 100%; -ms-flex: 0 0 100%; max-width: 100%;}
    .addNote-rightBox .convertBtn {margin-top: 10px; margin-left: 0px; width: 100%; text-align: center; justify-content: center;}

    .clientInfo-section {padding: 0px 0px;}

    /* Payment plan page style */
    .planInfo-topSection ul li {flex: 0 0 50%; max-width: 50%;}
    .planInfo-topBoxIn .planInfo-cont h3 {font-size: 16px; line-height: 20px;}
    .planInfo-topBoxIn-ch13 .planInfo-cont h3 {font-size: 16px; line-height: 20px;}

    .SPH-leftBox {flex: 0 0 100%; max-width: 100%;}
    .SPH-leftBox .btn {width: calc(50% - 5px);}
    .SPH-rightBox {flex: 0 0 100%; max-width: 100%; margin-top: 20px;}
    .SPH-rightBox .btn {width: calc(100% - 52px);}

    /* Report page style */
    .report-col-left .addNote-HD {flex: 0 0 100%; max-width: 100%;}
    .report-topHeader-btnBox {display: block !important; width: 100%;}
    .report-topHeader-btnBox .btn {flex: 0 0 100%; max-width: 100%; display: block; width: 100%; margin-left: 0px; margin-top: 10px;}
    .viewStatistics-btnBox .btn {width: 100%;}

    /* Summary page style */

    .box-content .form-group {margin-bottom: 0px;}


    /* Insights page style */

    .insights-header-rightBox .SPH-rightBox .btn {width: 100%; display: block; margin-right: 0px !important;}

}

@media (max-width: 1280px) {
    .docWrapper {
        padding: 0 !important;
        margin-top: 40px;
        margin-left: 35px;
        margin-right: 20px;
    }
}
@media (max-width: 643px) {
        .responsive-video {
            position: relative;
            padding-bottom: 55.25%;
            height: 0;
            overflow: hidden;
            max-width: 100%;
        }

        .responsive-video iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    }