@media screen and (min-width:768px) {
    .closeIcn {
        display: none;
    }

    .open-menu .app-sidebar {
        width: 70px;
    }

    .open-menu .sidebar-list-item .list-unstyled li a {
        font-size: 0;
    }

    .open-menu .sidebar-list-item .account-user-avatar a {
        font-size: 0; 
    }

    .dropdown.bootstrap-select.select-custom.header-dropdown .dropdown-menu {
        top: 100% !important;
    }
    

}



@media screen and (max-width:1850px) {

    /* ORDER PAGE CSS */
    .card-nav-button .nav-button-item .btn-nav {
        font-size: 10px;
    }

    .section-aside {
        flex: 0 0 180px;
        max-width: 180px;
    }

    .card-nav-button ul {
        margin: 0px -2px;
    }

    .card-nav-button .nav-button-item {
        padding: 0px 2px;
    }

    .central-main {
        padding-left: 10px;
    }

    .nav-masthead>div:not(:last-child) {
        font-size: 13px;
    }

    .central-main .row .column-8 {
        padding-right: 5px;
    }

    .draggable-card-footer p {
        font-size: 19px;
    }

}

@media screen and (max-width:1680px) {
    .dashaboard-inner {
        padding: 15px;
    }

    .payments-header ul li .text-pag {
        font-size: 14px;
    }

    /* invoices-documents page css stat */

    /* .bootstrap-select.select-custom.doc-select > button.btn{ width: 200px;} */

    /* .column-3 { flex: 0 0 378px; max-width: 378px;} */

    /* .card-document { padding: 15px 15px;}
    .block-title {font-size: 13px;} */

    /* .invoices-hd-item .btn-single{ min-width: 75px;} */


    /* .service-input-area { padding-left: 10px; }
    .cost-selection {flex: 0 0 140px; max-width: 140px;}
    .check-container{ font-size: 9px;} */

    /* .button-row-item [class*="button-"]{ font-size: 10px; padding: 4px;}
    .button-row-item [class*="button-"] img {margin-right: 5px;}
    .button-delete-association img {width: 13px;}
    .button-delete-cost-center img{ width: 15px;} */

    /* .button-row {margin: 0px -5px;}
    .button-row-item {padding: 0px 5px;} */

    /* .tag-area {min-height: 59px; padding: 12px; }
    .tab-lead { font-size: 12px;}
    .table.table-small-main td{font-size: 11px;} */

    /* .table.table-small-main td, .table.table-small-main th {
        padding: 8px 8px;
    } */

    /* .button-box [class*="btn-"]{ font-size: 10px;}
    .btn-Genera img {max-width: 13px;}
    .btn-duplicate img{ max-width: 11px;}
    .btn-print img{ max-width: 14px;}
    .btn-modify img{ max-width: 14px;} */

    /* .btn-box-middle [class*="btn-"]{ font-size: 10px;}
    .btn-goods-arrival img{ max-width: 14px;}
    .btn-remove img{ max-width: 14px;}
    .btn-view img{max-width: 19px;} */



}
@media screen and (max-width:1400px) {
    .customer-searches-downloaded-inner-sec{
        flex-direction: column;
        align-items: start !important;
    }
    .customer-xls-pdf-sec{
        margin-top: 20px;
    }
}
@media screen and (max-width:1320px) {
    .payment-cost-form-wr{
        width: 100% !important;
    }
    .column-8,
    .column-4 {
        max-width: 100%;
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .project-page-main-sec{
        flex-direction: column;
    }
    .fixed_sidbar_detail,.document-left-sec{
        width: 100% !important;
        max-width: 100%;
    }
    .central-main .row [class*="column-"] {
        padding-left: 12px;
        padding-right: 12px;
    }
    .custom_checkout_summary{
        width: 98% !important;
        margin: 0px auto !important;
        padding: 30px 25px 25px 12px !important;
    }
    .invoices-no-gutter{ display: block;}
    .column-3 {flex: 0 0 100%;max-width: 100%; }

    .invoices-no-gutter [class*="column-"] {
        padding-left: 7px;
        padding-right: 7px;
    }

    .gutter-product-services {
        display: block;
    }

    .column-md-4 {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .product-services-table-wrapper {
        margin-bottom: 20px;
    }

    .row-company {
        display: block;
    }

    .company-col-8 {
        margin-bottom: 30px;
    }

    .company-col-8,
    .company-col-4 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .card-guide {
        padding: 0px 0;
    }
    .cust_card,.gutter-product-services .costum_style,.column-md-4.custom_card,.gutter-product-services .cus_card,.card-product-services.custom-payment-class.custom_card{
        width: 100% !important;
    }
    .CUSTOM_CATEGORYCLASS {
        inset: 0px auto 0px auto !important;
        margin: 0 auto !important;
        width: 90% !important;
        right: -50% !important;
    }
    .CUSTOM_CATEGORYCLASS .modal-body.pb-0 {
        height: 350px;
        overflow-y: scroll;
    }
}



@media screen and (max-width:1280px) {
    .payments-header ul li .text-pag {
        font-size: 12px;
    }

    .card-column .card-text p {
        font-size: 12px;
    }
    button.btn.btn-outline-primary.custom_btn_mailing{
        padding: 15px 20px;
    }

}

@media screen and (min-width:1199px) {
    .service-section [class*="col-"] {
        flex: 0 0 20%;
        max-width: 20%;
    }


}
@media screen and (max-width:1199px) {
    /* .card-body {
        width: 670px;
    } */
    .card{
        overflow-x: scroll;
    }
    .mail_col{
        max-width: 100% !important;
        flex: 0 0 100% !important;
    }
    .row.select-template-mailing-list .col-md-3.mb-3.ng-star-inserted {
        flex: 0 0 33%;
        max-width: 33%;
    }
    .inventory-list-header-sec{
        flex-direction: column !important;
        align-items: start !important;
    }
    .inventory-list-header-sec .toolbar-button-group{
        margin:10px 0px  0px !important;
    }
    .inventory-list-header-sec .toolbar-button-group ul {
        width: 100%;
        margin: 0 auto;
    }
    .inventory-list-header-sec .toolbar-button-group ul li {
        margin: 10px 0px 0px 10px !important;
        max-width: unset;
        flex: unset;
        padding: 0px;
    }
    .revenue-cost-month-wise-header .toolbar-action ul {
        padding-left: 20px;
    }
    .revenue-cost-month-wise-header .toolbar-action ul li:last-child{
        margin-left: 10px !important;
    }

    .payments-header {
        overflow-y: clip;
        padding-bottom: 126px !important;
        margin-bottom: -126px !important;
    }
}
@media screen and (max-width:1080px) {
    .header-toolbar.revenue-cost-month-wise-header {
        flex-direction: column;
        align-items: start !important;
    }    
    .revenue-cost-month-wise-header .toolbar-action ul {
        padding-left: 0px;
        margin:10px 0px;
    }
    .revenue-cost-month-wise-header .toolbar-button-group{
        margin-left: 0px !important;
    }
}
@media screen and (max-width:1199px) and (min-width: 768px) {
    .logo {
        width: 100%;
    }
    .expiry-model-pop {
        transform: unset !important;
        top: 50% !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
        transform: translateY(-50%) !important;
        width: 600px !important;
    }
    .toolbar-button-group .btn-item {
        min-width: 100px;
    }
    .toolbar-button-group.ml-auto.template-edit-btn-sec {
        margin-left: 15px !important;
    }   
    .toolbar-button-group li+li {
        margin-left: 10px !important;
    }
    .payments-header {
        overflow-x: scroll;
    }

    .payments-header ul li {
        min-width: 80px;
    }

    .btn-two-color .red-border,
    .btn-two-color .green-border {
        border-width: 3px;
    }

    .column-lg-8,
    .column-lg-4 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .documents-table-wrapper {
        margin-bottom: 20px;
    }
    .product-cat.product-cat-responsive .row {
        margin: 0px 0px 0px;
        display: block;
        padding-top: 15px;
    }
    .card-column {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

}
@media screen and (max-width:991px) {
.col-2.text-right.right-col.mailing-list-hover-sec {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.card-product-services.custom_card {
    margin-top: 20px;
}
.expiry-model-pop {
    transform: unset !important;
    top: 50% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    transform: translateY(-50%) !important;
    width: 400px !important;
}

}
@media screen and (max-width:767px) {
    .logo {
        width: 180px;
    }
    .mail-setup-label-wr{
        margin-top: 5px;
    }
    /* .dropdown-menu-responsive-sec.show {
        top: 95px !important;
    } */
    .dropdown-menu-responsive-sec.show {
        top: 45px !important;
        width: 100%;
        min-width: 200px;
        right: 0 !important;
        transform: unset !important;
        left: unset !important;
    }
    .company-dropdown-sec.show {
        background: #fff;
        border-radius: 8px !important;
        width: 235px;
        left: unset !important;
        right: -40px !important;
        transform: unset !important;
        min-width:unset !important;
        max-width: 210px !important;
    }
    .toolbar-button-group.ml-auto.template-edit-btn-sec {
        margin-left: 15px !important;
    }   
    .template-edit-btn-sec ul li {
        flex: unset !important;
        max-width: unset !important;
    }
    .toolbar-button-group .btn-item {
        min-width: 100px;
    }

    .toolbar-button-group li+li {
        margin-left: 10px;
    }
    button.btn.btn-outline-primary.custom_btn_mailing {
        width: 200px;
    }
    .payments-header {
        overflow-x: scroll;
    }

    .payments-header ul li {
        min-width: 80px;
    }
    .payment-tabs .nav-tabs{
        flex-direction: column;
    }
    .payment-tabs .nav-item {
        width: 100%;
        margin: 0px;
    }
    .btn-two-color .red-border,
    .btn-two-color .green-border {
        border-width: 3px;
    }

    .column-lg-8,
    .column-lg-4 {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .documents-table-wrapper {
        margin-bottom: 20px;
    }

    .row.product_row {
        margin: 65px 0px 0px;
        display: block;
    }

    .card-column {
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    button.btn.btn-outline-primary.custom_btn_mailing{
        width: 200px;
    }
    .mailing-list-btn-wr {
        text-align: left !important;
    }
    .update-mailing-list-top-btn{
        width: 230px !important;
    }
    .update-mailing-list-top-btn-wr{
        flex-direction: column !important;
    }
    .update-list-top-b{
        flex-direction: horizontal !important;
    }  
}
@media screen and (max-width:796px) {
    button.btn.btn-outline-primary.custom_btn_mailing {
        padding: 15px 13px;
    }
}
@media screen and (max-width:991px) {
    /* .header-title {
        margin-bottom: 15px;
    } */
    .revenue-cost-month-wise-header .toolbar-action ul {
        padding-left: 0px;
    }
    .custom_popover {
        max-width: 400px !important;
    }
    .responsive_popup {
        width: 55% !important;
        margin-left: -47px !important;
    }
    .row.select-template-mailing-list .col-md-3.mb-3.ng-star-inserted {
        flex: 0 0 50%;
        max-width: 50%;
    }
    .title01{
        margin-bottom: 10px;
    }
    .payment-modal .modal-dialog {
        max-width: 90%;
        margin: 0 auto;
        top: 50%;
        transform: translateY(-50%) !important;
    }
    .section-aside {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .CUSTOM_CATEGORYCLASS {
        width: 50% !important;
        right: -46% !important;
    }
    .CUSTOM_CATEGORYCLASS .contact-half {
        border-right: 1px solid transparent;
    }
    .CUSTOM_CATEGORYCLASS .modal-body.custom-formstyle{
        padding-left: 0px !important;
    }
    .central-main {
        padding-left: 0px;
    }

    .central-main .row .column-8 {
        padding-left: 12px;
        padding-right: 12px;
    }

    .task-status {
        flex: 0 0 68px;
        max-width: 68px;
    }

    .user-info .sec-article .f-bolder {
        font-size: 11px;
    }

    .user-info p a {
        font-size: 10px;
    }

    .select-documnet {
        margin-bottom: 15px;
    }

    .card-document {
        padding: 15px 10px;
    }

    .card-column {
        flex: 0 0 50%;
        max-width: 50%;
        min-height: inherit;
        margin-bottom: 15px;
    }

    .toolbar-action ul {
        padding-left: 0;
        margin-bottom: 15px;
    }
    @media screen and (max-width:835px ) and (min-width:568px) {
        .custom_popover {
            left: -62px !important;
        }
    }

}
@media screen and (max-width:869px) {
    .responsive_popup .popover-body::before{
        width: 0px !important;
        height: 0px !important;
        border: unset !important;
    }
    .responsive_popup {
        margin-left: -103px !important;
    }
    ul.icon-text {
        line-height: 23px;
    }
    ul.icon-text li{
        padding-right: 5px;
    }
    .custom_model .modal-dialog.modal-dialog-centered {
        max-width: unset;
        width: 95%;
    }
}
@media screen and (max-width:767px) {
    .app-sidebar {
        top: 0px;
        transform: translatex(-100%);
        transition: all 500ms ease;
        -moz-transition: all 500ms ease;
        -webkit-transition: all 500ms ease;
        -ms-transition: all 500ms ease;
        -o-transition: all 500ms ease;
        z-index: 126;
    }
    .customer-section-table-wr .customer-table-total-wr {
        min-width: 90px;
    }
    .customer-section-table-wr .table.customer-page-table-sec tr td{
        min-width: 110px;
    }
    .customer-section-table-wr .table.customer-page-table-sec tr td:last-child{
        min-width: 155px;
    }
    .customer-section-table-wr .table-name-wr{
        min-width: 190px;
    }
    .block-section.custom-btn-section.pull-right{
        margin-top: 10px;
    }
    .recurring-list-header-btn-wr li.recurring-ic-bar {
        text-align: right !important;
    }
    .responsive_popup {
        width: 69% !important;
        margin-left: -78px !important;
    }
    .contact-half {
        border-right:unset !important;
        margin-bottom: 8px;
    }
    .update-white-sec{
        padding: 15px !important;
    }
    .CUSTOM_CATEGORYCLASS {
        width: 50% !important;
        right: -57% !important;
    }
    .CUSTOM_CATEGORYCLASS .col-md-8.paddingnone {
        width: 74%;
    }
    .CUSTOM_CATEGORYCLASS .col-md-4.paddingnone {
        width: 25%;
    }    
    .flx-two.invitee-page-col{
        flex-direction: column;
        width: 100%;
    }
    .custom_input{
        width: 100% !important;
    }
    .custom-class-payment .custom-responsive-img img{
        width: 160px !important;
    }
    .custom_bank_icon{
        margin-right: 8px !important;
    }
    .custom_media_head {
        font-size: 22px !important;
    }
    p.custom_name_paymentmode.custom_bank_p{
        font-size: 20px !important;
    }
    .open-menu .app-sidebar {
        transform: translatex(0);
    }

    .dashaboard-main {
        margin-left: 0;
    }
    .dashaboard-inner {
        padding: 15px;
    }
    .logo {
        width: auto;
        order: 2;
        margin: 0;
    }
    .das-header {
        padding: 0px 15px;
    }
    .navbar-full {
        padding: 0;
        display: none !important;
    }
    .header-inner {
        justify-content: space-between;
    }
    .bell .dropdown-menu {
        width: 200px;
    }

    .bell .dropdown-menu a {
        white-space: normal;
        font-size: 13px;
    }

    .select-area {
        display: none;
    }

    .header-right {
        display: none;
    }

    .dashboard-header {
        padding: 10px 15px;
    background: linear-gradient(96.24deg, #4C76E3 -0.12%, #1539A7 99.88%);
    width: 100%;
    }

    .top-area>div+div:before {
        background: #2983bf;
    }

    .dashaboard-content {
        margin-top: 45px;
    }

    .toolbar-button-group ul {
        margin: 0px -15px;
    }
    .toolbar-button-group li.ecommerce-ebay-top-btn ,.toolbar-button-group li.ic-bar.invitee-responsive-icon{
        flex: unset;
        max-width: unset;
    }
    .product-services-toolbar li.template-ic-icon {
        flex: unset;
    }
    .template-ic-ul{
        justify-content: left !important;
    }
    .toolbar-button-group li {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0px 15px;
        margin-bottom: 15px;
    }
    .revenue-cost-month-wise-header .toolbar-button-group li {
        flex: unset;
        max-width: unset;
        padding: 0px 15px;
        margin-bottom: 15px;
    }
    .revenue-cost-month-wise-header .toolbar-button-group li:first-child{
        padding: 0px !important;
    }
    .revenue-cost-month-wise-header .toolbar-button-group ul {
        margin: 0;
    }
    .toolbar-button-group li.ic-bar.custom-field-icon{
        text-align: left !important;
    }
    .toolbar-button-group li+li {
        margin-left: 0px !important;
    }

    /* .filter-item img,
    .group-item img {
        width: 30px;
        height: 29px;
    } */

    .section-filter-area {
        margin-bottom: 30px;
        /* flex-direction: column; */
        align-items: start !important;
        justify-content: space-between;
    }
    .section-filter-area>div {
        margin: 0px 0px 14px 0px !important;
    }
    .list-group-box img,.filter-item.icon img {
        width: 35px;
        height: 35px;
    }
    .btn-search img{
        width: 12px !important;
    }
    .list-group-box .group-item+.group-item {
        margin-left: 15px;
    }
    .payments-table {
        margin-bottom: 30px;
    }

    .dashaboard-content {
        margin-left: 0;
    }

    .open-menu .dashaboard-content {
        margin-left: 0;
    }

    .icons-box h3 {
        font-size: 17px;
    }

    .icons-box {
        padding: 10px;
        border-radius: 5px;
    }

    .card-middle-content {
        flex-direction: column;
        text-align: center;
    }

    .card-middle-content>div+div {
        margin-top: 15px;
    }

    .task-status {
        padding: 5px;
    }

    .task-detail-box {
        padding: 5px;
    }

    .cardimg {
        flex: 0 0 30px;
        max-width: 30px;
    }

    .item-category-product {
        padding: 10px;
    }

    .toolbar-button-group li.col-auto {
        -ms-flex: 0 0 auto;
        -webkit-box-flex: 0;
        flex: 0 0 auto;
        width: auto;
        max-width: 100%;
        padding: 0px 15px;
    }

    .invoices-header-list .d-flex {
        flex-wrap: wrap;
        margin: 0px -5px;
    }

    .invoices-hd-item {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0px 5px;
        margin-bottom: 10px;
    }

    .invoices-hd-item+.invoices-hd-item {
        margin-left: 0;
    }

    .button-row {
        flex-wrap: wrap;
    }

    .button-row-item {
        padding: 0px 5px;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .button-row-item+.button-row-item {
        margin-top: 10px;
    }

    .card-cost-service {
        flex-wrap: wrap;
    }

    .card-cost-service>div {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .service-input-area {
        padding-left: 0;
        margin-bottom: 10px;
    }

    .table-btn-group li {
        margin: 0px 3px;
    }

    .button-group-row {
        flex-wrap: wrap;
    }

    .button-box {
        flex: 0 0 50%;
        margin-bottom: 10px;
        max-width: 50%;
    }

    .row-middle {
        flex-wrap: wrap;
        justify-content: center;
    }

    .btn-box-middle {
        flex: 0 0 50%;
        margin-bottom: 10px;
        max-width: 50%;
    }

    .card-column .card-block .img {
        margin-right: 10px;
        width: 22px;
        flex: 0 0 22px;
    }

    .product-services-toolbar li+li {
        margin-left: 0;
    }

    .product-services-toolbar ul {
        flex-wrap: wrap;
        margin: 0px -5px;
        justify-content: center;
    }

    .product-services-toolbar li {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0px 5px;
        margin-bottom: 10px;
    }

    .filter-area {
        margin-right: 30px;
        margin-bottom: 10px;
    }

    .search-filed .form-control {
        width: 100%;
    }

    .product-services-toolbar .btn-services {
        font-size: 11px;
    }

    .select-box-sm {
        margin-top: 0;
    }

    .multisteps-card-wrapper {
        padding: 10px;
        padding-bottom: 0;
    }

    .circle-text {
        font-size: 9px;
    }

    .steps-number {
        display: none;
    }

    .ac-group .btn {
        font-size: 10px;
        min-width: 90px;
        padding: 9px 5px;
    }

    .bootstrap-select.select-custom.header-dropdown>button.btn {
        min-width: 100%;
    }

    .dashboard-header .bootstrap-select.select-custom.header-dropdown>button.btn {
        display: none;
    }

    .bootstrap-select.select-custom.dropdown-middle>button.btn {
        font-size: 15px;
        padding: 10px;
        min-width: 250px;
        width: 100%;
    }

    .bootstrap-select.select-custom.dropdown-middle .dropdown-menu li a {
        font-size: 15px;
        padding: 10px;
    }

    .sec-collapse-inner {
        padding: 0px 15px;
    }

    .search-table-wrapper [class*='col-'] {
        position: relative;
    }

    .collapse-w-100 {
        margin-top: 0px;
    }
    .product_edit_dtl_frm .form-group button.btn-dark-blue,.product_edit_dtl_frm .form-group .btn-light-green{
        padding: 8px 12px !important;
    }
    .payment-modal .modal-dialog .modal-content {
        max-height: 450px;
        overflow-y: scroll;
    }

}
@media screen and (max-width:685px) {
    .mailing-list-hover-sec a{
        margin-left: 0px !important;
        margin-right: 0px !important;
    }
    .col-2.text-right.right-col.mailing-list-hover-sec {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .ecommerce-log-table tr th:last-child, .ecommerce-log-table tr td:last-child {
        min-width: 200px;
    }
    .revenue-cost-month-wise-header .toolbar-button-group li.toolbar-selectpicker,.revenue-cost-month-wise-header .toolbar-button-group  li.header-revenue-month-btn1,.revenue-cost-month-wise-header .toolbar-button-group li.header-revenue-month-btn2 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
    .revenue-cost-month-wise-header .toolbar-button-group li.toolbar-selectpicker select{
        width: 100%;
    }
    .revenue-cost-month-wise-header .toolbar-button-group  li.header-revenue-month-btn1{
        padding-left: 0px !important;
    }
}
@media screen and (max-width:575px) {
    .payment-responsive-class div{
        margin-top: 10px;
    }
    table.table.table-payments.plan-managment-table>tbody>tr>td:nth-child(5) {
        min-width: 45px;
    }

}
@media screen and (max-width:580px) {
    .CUSTOM_CATEGORYCLASS {
        width: 64% !important;
        right: -60% !important;
    }
    a.mail-inbox-icons{
        margin:0px 5px 5px 0px !important;
    }
    .responsive_popup {
        width: 79% !important;
        margin-left: -144px !important;
    }
    .confirmatin-modal .modal-footer.cust .modal-footer-lead .btn {
        width: 100% !important;
        margin: 5px auto 0px !important;
    }
    .custom_popover .custom-invoicedate-content h4.modal-title {
        font-size: 17px;
        line-height: 23px;
    }    
}
@media screen and (max-width:567px) {
    .custom_popover {
        left:-100px !important;
    }
    .addmore_dvs .checkbox{
        padding-left: 0px !important;
    }
}
/* ::ng-deep{ @media screen and (max-width:480px) {
        ngb-datepicker.dropdown-menu {
            left: -109px !important;
        }
    }
} */

@media screen and (max-width:480px) {
    .CUSTOM_CATEGORYCLASS {
        width: 68% !important;
        right: -59% !important;
    }
    .expiry-model-pop {
        transform: unset !important;
        top: 50% !important;
        left: 0 !important;
        right: 0 !important;
        margin: 0 auto !important;
        transform: translateY(-50%) !important;
        width: 300px !important;
    }
    .mailing-list-responsive-sec {
        flex-direction: column;
        margin-top: 20px;
    }
    .payment-des.payment_desc_row{
        flex-wrap: wrap;
    }
    ngb-datepicker.dropdown-menu {
        left: -109px !important;
        width: 232px;
    }
    .info-card {
        width: 100% !important;
    }
    .mailing-list-responsive-sec > * {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding-left: 0px !important;
    }
    .service-input-area-sec {
        flex-direction: column;
    }
    .card-column {
        flex: 0 0 100%;
        max-width: 100%;
    }
    dropdown-partition-sec {
        width: 100%;
    }
    .invoices-hd-item {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0px 5px;
        margin-bottom: 10px;
    }
    .inventory-list-header-sec .toolbar-button-group ul li {
        margin: 10px 0px 0px 0px !important;
        max-width: unset;
        flex: 0 0 100%;
        padding: 0px;
    }
    ngb-popover-window#ngb-popover-1.email_custom_popup_wrap, .expiry-date-content-popup-wr{
        width: 85% !important;
    }
    .customer-client-heading-wr h3, .customer-day-heading-wr h3 {
        font-size: 23px;
    }
    .toolbar-button-group li {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .drive-top-left-sec {
        flex-direction: column;
    }
    .product-services-toolbar ul{
        flex-direction: column;
        align-items: flex-start !important;
        justify-content: flex-start !important;
    }
    .product-services-toolbar ul>li {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;

    }
    .pagination .page-item.disabled .page-link, .pagination>li>a {
        min-height: 35px;
        padding: 11px 14px!important;
    }
    .modal-footer.footer-style{
        flex-direction: column !important;
    }
    .modal-footer.footer-style>div{
        flex: 0 0 100%;
        width: 100%;
    }
    .customer-form-btn-wr,.customer-suplier-inner-wr{
        width: 100%;
    }
    .customer-searches-supplier-sec{
        flex-direction: column;
    }
    .customer-suplier-inner-wr{
        margin-top: 20px;
    }
    /* .header-content-wr h3 {
        font-size: 25px;
        line-height: 30px;
    } */
    .custom_popover {
        max-width: 300px !important;
    }
    .row.select-template-mailing-list .col-md-3.mb-3.ng-star-inserted {
        flex: 0 0 100%;
        max-width: 100%;
    }
    button.btn.btn-outline-primary.custom_btn_mailing,  .update-mailing-list-top-btn{
        padding: 15px !important;
    }
    .mailing-list-btn-sec{
        flex-direction: column !important;
    }
    .expirty_hdr_toolbar li.import-export-header-btn {
        flex: 0 0 70%;
        max-width: 100%;
    }
}
@media screen and (max-width:433px) {
    .warehouse_form .search-area {
        margin-top: 15px;
    }
}
@media screen and (max-width:414px) {
    .CUSTOM_CATEGORYCLASS {
        width: 76% !important;
        right: -59% !important;
    }
    .custom_popover {
        left: -119px !important;
    }
    app-account-balance .section-filter-area .dropdown-menu {
        width: 180px !important;
    }
    .import-export-doc-btn-wr button.comBtn {
        display: block !important;
        width: 100%;
        margin: 0 auto;
    }
    .row.import-export-doc-wr {
        display: inline-block;
        width: 100%;
        margin: 0 auto;
    }
    .inventory-list-btn-sec {
        margin-top: 10px;
    }
    .table.table-product-services td:first-child {
        max-width: 150px;
    }
}
@media screen and (max-width:375px) {
    .CUSTOM_CATEGORYCLASS {
        width: 76% !important;
        right: -51% !important;
    }
    .expiry-model-pop {
        width: 250px !important;
    }
    .custom_popover {
        left: -125px !important;
        max-width: 285px !important;
    }
    .revenue-cost-month-wise-header .toolbar-button-group li.toolbar-selectpicker,.revenue-cost-month-wise-header .toolbar-button-group  li.header-revenue-month-btn1,.revenue-cost-month-wise-header .toolbar-button-group li.header-revenue-month-btn2 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        padding: 0px !important;
    }
    .toolbar-button-group li.mailing-list-btn{
        max-width: unset;
    }
    .revenue-cost-btn1, .revenue-cost-btn2 {
        width: 100% !important;
        margin: 10px 0px 0px !important;
    }
    .revenue-cost-btn-wr{
        flex-direction: column;
    }
    .confirmatin-modal .modal-footer.cust .modal-footer-lead .btn {
        min-width: unset;
        width: 100%;
        margin: 7px 0px 0px;
    }
    .confirmatin-modal .modal-body {
        padding: 30px 15px 10px;
        text-align: center;
    }
    .product-services-toolbar li.revenue-cost-rule-btn {
        flex: 0 0 65%;
        max-width: 100%;
    }
    .project-page-hashtag-sec .project-page-suggesion-blk {
        width: 100%;
    }
    .project-page-hashtag-sec .project-page-suggesion-blk .media.pl-2.persons {
        padding: 0px !important;
        margin-bottom: 10px;
        justify-content: start;
    }
    .mailing-list-responsive-sec {
        flex-direction: column;
        margin-top: 10px;
    }
    /* .mailing-list-responsive-sec .temp-image{
        border: unset !important;
    } */
    .col-2.text-right.right-col.mailing-list-hover-sec {
        flex-direction: row;
        flex: 100% !important;
        max-width: 100%;
        justify-content: center;
    }
    .mailing-list-hover-sec a{
        margin: 0px 0px 0px 5px !important;
    }
    .row.align-items-center.mailing-list-responsive-sec .right-col {
        margin-bottom: 10px;
    }

}
@media screen and (max-width:340px) {
    .custom_popover {
        max-width: 250px !important;
    }
}
@media screen and (max-width:320px) {
    .header-content-wr h3 {
        font-size: 18px;
        line-height: 25px;
    }
}
@media screen and (max-width:310px) and (min-width:280px) {
    .custom_popover {
        max-width: 220px !important;
    }
}