@media only screen and (min-width: 320px) and (max-width: 479px) {
    .phone-hide{
        display: none !important;

    }
    .phone-show{
        display: block !important;
    }
    .card .card-body .compare-plans-data .compare-plans-table {
        min-width: max-content;
    }

    .side-mini-panel .sidebarmenu .sidebar-nav {
        width: 318px;
    }

    .lead-box {
        width: 100%;

    }
    .custom-date-picker {
        width: 100%;

    }
    .online-lead-qoutes-box {
        width: 100%;
    }

    .online-lead-header-wraper {
        padding: 11px;
        padding-left: 17px;
    }
    .online-lead-qoutes-wraper.expanded {
        width: 100%;
    }
    .online-lead-qoutes-box.narrow {
        width: 100%;
    }
    .compare-modal {
        right: 0;
        left: 0;
        bottom: 33px;
        transform: none;
        max-width: 100%;
        top: inherit;
        width: 100%;
    }
    .compare-button {
       width: 100%;
       right: 0;
       bottom: 0;

    }
    div#modalContent {
        display: flex;
        overflow-x: scroll;
        scrollbar-width: none;
    }
    .compare-item-entry {
    
        margin-right: 10px;
        padding: 10px;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
    }
    .compare-modal-top-side {

        width: 182px;
    }

    .modal.addons-covers.show .modal-dialog {
        position: absolute;
        width: 100%;
        bottom: 0;
        margin: 0;
        left: 0;
        right: 0;
        top: 0;
    }

    .modal.addons-covers.show .modal-content {
   
        border-radius: 0;
        height: 100%;
    }
    .addons-covers .modal-dialog .modal-content .modal-body{
        max-height: 100%;
    }

    .online-lead-qoutes-box.genrated-qoutes-motor h5 {
        font-size: 12px;
    }

    .modal.addons-covers.show .modal-body {
        overflow-y: scroll;
    }
    .modal-dialog {
        position: absolute;
        width: 100%;
        bottom: 0;
        margin: 0;
        left: 0;
        right: 0;
    }
    .modal-content {
        border-radius: 12px 12px 0 0;
    }
    .view-employee-detail-cover .hstack {
        width: 100%;
        gap: 2px;
        display: flex;
        flex-direction: column;
        word-wrap: break-word;
    }
    .employee-info-links .card-body {
        display: flex;
        flex-wrap: wrap;
        padding: 20px;
        gap: 10px;
    }
    #commission_details-section .scrollable-div, .commission_details-section .scrollable-div {
        margin-bottom: 30px;
        max-height: 230px;
    }
    .breadcrumb {
     
        flex-direction: column;
    }
    .breadcrumb-item+.breadcrumb-item {
        padding-left: 0;
    }
    .wizard-content .wizard>.content>.body {
        padding: 0 3px;
    }
    .modal-body {
        overflow-y: scroll;
        max-height: 58vh;
    }
    .calc_pInfo .modal-dialog .modal-content .modal-body{
        max-height: 100% !important;
    }
    .car-information-section-wraper-cover {
        padding: 0px;
        margin-top: 21px;
        box-shadow: none;
        margin-bottom: 33px;
    }
    .col-md-4.get-qoute-button {
        margin-top: 4px;
        margin-bottom: 20px;
    }
    .online-lead-qoutes-box .dropdown ul {
        transform: translate3d(0px, 26.6667px, 0px) !important;
            inset: 0px 0px auto auto !important;
    }
    .online-lead-qoutes-box h6 {
        margin-bottom: 0;
        font-size: 15px;
    }
    .online-lead-qoutes-box figure {
        width: 109px;
        height: 43px;
        margin: 0 auto;
        margin-bottom: 4px;
    }
    .lds-ripple {
        width: 60%;
    }
    .filter-button-cover {
        flex-direction: column;
        align-items: flex-start;
    }
    figure.lead-header-bg-two {
        width: 13%;
        top: -4px;
        right: -5px;
    }
    figure.lead-header-bg-one {
        width: 9%;
        bottom: -4px;
        left: -1px;
    }
    .filter-button-cover h6 span {
        font-size: 11px;
    }
    .d-flex.justify-content-between.mb-2.common-table-button {
        float: inherit !important;
    }
    .card-body {
        padding: 22px;
    }
    .card-body h5 {
        font-size: 12px !important;
        margin-bottom: 0;
    }
    .bottom .business-box-cover .business-box p {
        font-size: 12px;
    }
    .show-more-buttons {
        padding-top: 18px;
        padding-bottom: 14px;
        justify-content: center;
    }
    .online-lead-header-wraper h4 {
        font-size: 15px;
    }
    .car-information-section-details-box {
        min-width: 100%;
    }
    .custom-box {
       padding: 0 0 9px 0px;
    }
    .idv-cover {
        flex-wrap: wrap;
        margin-bottom: 20px;
        gap: 10px;
    }
    .filter-button-cover span {
        flex-wrap: wrap;
    }
    .addons-applicable-cover p {
        padding: 4px 5px;
    }
    .not-produce-quote-box {
    width: 100%;
    }
    div.dataTables_wrapper div.dataTables_info {
        margin-bottom: 25px;
    }
    .nav-logo {
        width: 318px;
    }
    .customer-header-box {
        width: 30%;
    }
    .customer-header-box:after {
        height: 26px;
        top: 3px;
        right: -7px;
    }
    .row.flex-wrap.customer-details h6 {
        font-size: 11px !important;
    }
    .filter-accordion.open {
        max-height: fit-content;
    }
    .policy-details-box-new {
        width: 100%;
        
    }
    .policy-details-box-new-right-top {
        align-items: self-start;
    }
    .policy-details-box-new-right-bottom p {
        width: 100%;
    }
    .policy-details-box-new-bottom {
        flex-wrap: wrap;
        /* gap: 0 !important; */
        height: fit-content;
    }
    .policy-details-box-new-bottom a {
        width: fit-content;
        margin-bottom: 5px;
        margin-right: 15px;
    }
    .policy-details-box-new-bottom.claim a.read-more {
        margin-left: 0;
        margin-top: 4px;
    
        width: fit-content;
    }
    div.dataTables_wrapper div.dataTables_paginate {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        overflow: scroll;
        margin-bottom: 0 !important;
    }
    div.dataTables_wrapper div.dataTables_paginate span {
        width: 100%;
        text-align: start;
        padding: 15px 0;
    }
    .policy-details-box-new-right-top figure {
        margin: 0;
    }
    .remark-modal .modal-dialog {
        max-width: 100%;
    }
    .resume-block {
        margin-left: 0;
    }
    .resume-block .inner {
        padding-left: 40px;
    }
    .resume-block .edit-box span {
        font-size: 9px !important;
    }
    .resume-block .text {
        font-size: 12px;
    }
    .remark-modal-heading h6 {
        margin-left: 4px;
        font-size: 13px;
    }
    span.marketing-heading {
        flex-direction: column;
    }
    span.marketing-heading .view-more {
        margin: 0;
        width: fit-content;
    }
    .marketing-collaterals-first-box {
        width: 100% !important;
    }
    .ws1-steps ul {
        flex-wrap: wrap;
    }
    .ws1-steps ul li {
        margin-right: 25px;
    }
    .user-document-section .table th {
        min-width: 284px!important;
    }
    .user-document-section .table th:first-child {
        min-width: fit-content!important;
    }
    .document-status-right {
        align-items: center;
        gap: 10px;
    }
    .document-status-cover {
        padding-right: 0px;
        padding: 20px;
    }
    .tarining .marketing-collaterals-first-box.presentation {
        width: 100%;
    }
    .massage-box-left figure {
        display: none;
    }
    .massage-box {
        padding-right: 10px;
        flex-direction: column;
    }
    .document-status-certificate-download {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    .traning-video  .modal-content {
        border-radius: 12px;
    }
    .user-questions-bottom .btn-group .user-qustion {
    width: 100%;
    }
    .document-status-certificate-download a {
        font-size: 12px;
    }
    .otp-section-wraper {
        background: none;
        overflow: hidden;
    }
    .otp-container {
        width: 89%;
    }
    .otp-second-image {
        left: 71px;
        bottom: -13%;
    }
    .otp-second-image img {
        width: 33%;
    }
    .plans-features ul {
    min-height: fit-content;
    }
    .plans-card-cover {
        min-height: fit-content;
    }
    .bulk-lead-heading{
        flex-direction: column;
        align-items: start !important;
        margin-bottom: 10px;
    }
    .policy-details-box-new-right-bottom {
        margin-bottom: 46px;
        padding-bottom: 0;
    }
    .claim-radio-btn {
        width: 100%;
        margin-bottom: 6px;
    }
    .wizard-content .wizard>.steps>ul>li>a {
        font-size: 11px;
        padding: 37px 0 0 0;
    }
    .wizard-content .wizard>.steps>ul {
        display: flex;
    }
    .wizard-content .wizard.wizard-circle>.steps .step {
        width: 30px;
        height: 30px;
        line-height: 26px;
        font-size: 13px;
        left: 28px;
        top: -3px;
    }
    .share-modal .modal-dialog {
        position: inherit;
    }
    .form-check-inline.claim-search {
        width: 100%;
        margin-bottom: 10px;
    }
    .custom-year-input {
        width: 100%;
    }
    .user-activity.wizard>.steps>ul>li>a {
        font-size: 9px;
        padding: 36px 0 0 0;
        width: 76px;
    }
    .user-activity.wizard.wizard-circle>.steps .step {
        left: 48px;
    }
    .user-activity.wizard>.steps>ul {
        overflow: scroll;
        scrollbar-width: none;
    }
    span.training-btn-cover {
        display: flex;
        gap: 5px;
        flex-direction: column;
    }
    .document-status-right p {
        margin: 0;
        text-align: center;
    }
    .document-status-right h5 {
        text-align: center;
    }
    .document-status-left figure {
        max-width: 65%;
        margin-bottom: 10px;
    }
    .download-attachment {
        gap: 15px;
        flex-direction: column;
        align-items: self-start !important;
        width: 100%;
    }
    .customer-details-box {
        width: 100%;
    }
    a.view-more {
        margin: 0 auto;
    }
    .payment-method img {
        width: 100%;
    }
    .payment-method h6 {
        font-size: 12px;
    }
    .marketing-collaterals-first-box-action button {
        font-size: 13px !important;
        justify-content: center;
        width: 100%;
        padding: 10px 19px;
    }
    .marketing-collaterals-first-box.presentation {
        margin-bottom: 0;
    }
    .policy-details-box-new-right-top h6 {
        font-size: 12px;
    }
    .policy-details-box-new-right-top h6 span strong {
        font-size: 10px;
        margin-left: 0;

    }
    .policy-details-box-new-right-top h6 span {
        flex-direction: column;
    }
    .commission-filter-btn button {
        margin-top: 5%;
    }
    .commission-filter-btn {
        margin-bottom: 10px;
    }
    .mob-flex-column{
        flex-direction: column !important;
    }
    .mob-align-top{
    align-items:start !important;
    }
    .mob-align-middle{
    align-items: center !important;
    }
    .mob-align-bottom{
        align-items: end !important;
    }
    .mob-justify-content-start{
        justify-content:start !important;
    }
    .mob-justify-content-center{
        justify-content:center !important;
    }
    .mob-justify-content-end{
        justify-content:end !important;
    }
    .btn.attendance-list {
        margin-top: 7%;
    }

    .posp-create .select2-container--default .select2-selection--single .select2-selection__arrow b {
        margin-top: 0px;
    }
    div.dataTables_wrapper div.dataTables_filter label {
        width: 60% !important;
    }
    div.dataTables_wrapper div.dataTables_filter input {
        width: 100% !important;
    }
    .commission-tbl .form-control{
        min-width: 154px;
    }
    table.dataTable thead tr>.dtfc-fixed-left ,table.dataTable tfoot tr>.dtfc-fixed-left {
        background: #f6f6ffab !important;
    }
    #itemsInvoiceTable tr td .form-control ,#itemsTable tr td .form-control,#itemsTablePayroll tr td .form-control {
        min-width: 157px;
    }
    div.dataTables_wrapper div.dataTables_info {
        padding-top: .85em;
        position: relative !important;
        top: 20px !important;
        font-size: 14px;
        width: 100%;
        white-space: normal;
        text-align: left !important;
    }
    .policy-details-box-new.edit-claim {
        width: 100%;
    }
    .plans-card-main-top {
        flex-direction: column;
    }
    .insurance-qoute-card-image {
        width: 40%;
        margin-bottom: 10px;
    }
    .insurance-qoute-card-middle-bottom {
        text-align: center;
    }
    .customize-box-user-selection-cover select {
        width: 50% !important;
    }
    .insurance-qoute-card-last-top {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .insurance-qoute-card-last-top span {
        display: flex;
        justify-content: space-between;
    }
    .insurance-qoute-card-middle-top p {
        margin-bottom: 13px !important;
    }
    .policy-features-page-tabs-wraper .list-group .list-group-item {
        font-size: 11px;
        padding: 15px;
    }
    .policy-features-page-tabs-wraper .list-group {
        width: 266%;
    }
    .list-group-cover {
        overflow-x: scroll;
        scrollbar-width: none;
        overflow-y: hidden;
    }
    .customize-box {
        width: 100%;
    }
    .plan-details-inner-box.feature {
        width: 100%;
    }

    .plan-details-inner-box-image {
        width: 18%;
    }
    .plan-details-inner-box-inner {
        width: 70%;
        font-size: 13px;
    }
    .plan-details-inner-box-inner h6 {
        font-size: 15px !important;
    }

    .plan-details-inner-box-not-cover {
        width: 100%;
    }
    .medical-tabel-cover {
        width: 100%;
        overflow-x: scroll;
    }
    .medical-tabel-cover table {
        width: 154% !important;
    }
    .list-group-cover.ekyc .list-group {
        width: fit-content;
    }
    .proposal-form-cover .accordion-body {
        padding: 19px 19px;
    }
    .insurance-qoute-card-last.ekyc {
        justify-content: start !important;
    }
    .insurance-qoute-card-last .kyc-btn {
        margin-top: 10px;
    }
    .payment-status-section {
        padding: 27px !important;
    }
    ul.policy-details li span {
        width: 50%;
        font-size: 11px;
    }
    p.status-message {
        font-size: 12px !important;
        margin-bottom: 5px;
    }
    h5.status-title {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .payment-status-title ul.reasons li {
        font-size: 12px;
    }
    ul.reasons {
        margin-bottom: 10px;
    }
    .payment-status-insurer-logo {
        width: 30%;
    }
    .payment-status-left {
        margin-bottom: 30px;
    }
    .payment-status-right button {
        margin: 0 auto !important;
        display: flex;
    }
    .user-selection-box {
        width: 100%;
    }
    .kyc-status-cover {
        width: 86%;
        padding: 47px;
    }
    .kyc-status-cover img {
        width: 75%;
    }
    body .daterangepicker .drp-buttons .btn {
        margin-bottom: 5px;
    }
    .daterangepicker {
        left: 10% !important;
    }
    .row.dashboard-first .left {
        order: 2;
    }
    .row.dashboard-first .card-body {
        padding: 22px;
        flex-direction: column;
        gap: 6px;
        align-items: center;
        text-align: center;
    }

    .posp-activity .bottom .section {
        margin-bottom: 10px;
        border: none !important;
        gap: 9px !important;
    }
    .posp-activity .top {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 20px !important;
    }
    .card.insurance-perfomance .bottom {
        overflow: scroll;
    }
    .posp-activity .right {
        display: flex;
        gap: 10px;
    }
    .posp-activity .left img{
        width: 74%;
    }
    .card.insurance-perfomance .bottom table {
        width: 200%;
    }
    .card.top-perfomance .card-body {
        background-image: none;
    }
    #top_performing_div .top-perfomance .card-body {
        background-image: url('../images/dashboard/tophy.png');
        background-size: 10%;
    }
    .card.top-perfomance .bottom {
        width: 100%;
    }
    .card.insurance-perfomance .top  ,.card.top-employee .top {
        flex-direction: column;
        gap: 10px;
    }
    .insurance-type-cover ul li {
        width: 46%;
    }
    .lead-types-cover ul {
        gap: 10px !important;
    }

    .row.dashboard-second,.row.my-leads,.row.posp-activity,.row.insurance-perfomance,.row.top-employees , .row.top-branch {
        margin-bottom: 0px !important;
    }
    .card.posp-activity {
        margin-bottom: 30px !important;
    }
    .card.top-perfomance .top {
        flex-direction: row;
    }
    .row.dashboard-first .ssc-wrapper {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }

    .row.dashboard-first .w-60 {
        width: 90% !important;
        order: 2;
        margin: 0;
    }
    .ssc-line, .ssc-line.parent {
        height: 8px !important;
    }

    .card.posp-activity .right.ssc {
        flex-direction: column;
    }

    .card.top-employee .lead-types-cover .ssc-head-line {
        margin-bottom: 12px;
    }


    .modal.share-modal .modal-body {
        overflow-y: auto;
        max-height: fit-content;
    }

    .modal.share-modal .modal-content {
        border-radius: 12px 12px 12px 12px;
    }
    .modal.share-modal .modal-dialog {
        position: inherit;
        width: 97%;
        margin: 0 auto;
        top: 20%;
    }
    .share-modal-bottom-right p {
        word-break: break-word;
        font-size: 11px !important;
    }


    .bussiness-dashboard .bottom-cover {

        gap: 10px;
        flex-direction: column;
    }

    .bussiness-dashboard .bottom-right {
        display: flex;
        gap: 10px;
        flex-direction: column;
    }

    .business-box-cover {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }


    .business-box {
        width: 100%;
        border: none !important;
    }   

    .commission-box{
        border: none !important;
    }

    .mb-mob-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-mob-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-mob-3 {
        margin-bottom: 1rem !important;
    }
    .mb-mob-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-mob-5 {
        margin-bottom: 2rem !important;
    }

    .mt-mob-1 {
        margin-top: 0.25rem; 
    }
    .mt-mob-2 {
        margin-top: 0.5rem; 
    }
    .mt-mob-3 {
        margin-top: 1rem; 
    }
    .mt-mob-4 {
        margin-top: 1.5rem;
    }
    .mt-mob-5 {
        margin-top: 2rem;
    }

.posp-activity .col-lg-8 #top_performing_div .top-perfomance .card-body .top {
    flex-direction: column !important;
}
.posp-activity div #top_performing_div .top-perfomance .top .right {
    width: 40% !important;
}
.overall-bussiness-cover p, .overall-bussiness-cover h5 {
    text-align: start;
}
.card.posp-activity.skeleton .top {
    flex-direction: row !important;
}
.card.insurance-perfomance .top .left {
    width: 100% !important;
}
.business-box-cover.skeleton .business-box .right {
    display: flex;
    gap: 10px;
    flex-direction: column;
    gap: 0;
    margin-bottom: 10px;
}
.empty-cover.posp-activity img {
    width: 46%;
}
.empty-box {
    flex-direction: column-reverse;
}
.empty-cover.posp-activity .card-body {
    padding: 20px !important;
}
.compare-plans.d-comp-wrap {
    overflow-x: scroll;
}
.lead-types-cover ul li {
    width: 48%;
    gap: 5px;
    flex-direction: column;
}
.insurance-activity ul li, .card.renewal-policy ul li {
    border-radius: 8px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.insurance-activity ul li, .card.renewal-policy ul li h6 {
    font-size: 12px !important;
}
.lead-types-cover ul li p {
    font-size: 11px !important;
}
.lead-types-cover ul li span {
    font-weight: 600;
}
.my-leads.commission-list .top {
    margin-bottom: 8px !important;
}
.claim-box.border-end {
    border: none !important;
}
.renewal-policy-cover ul {
    gap: 10px !important;
}
.mob-fs-1 {
    font-size: 0.625rem !important;
  }
.mob-fs-2 {
font-size: 0.75rem !important;
}
.mob-fs-3 {
font-size: 0.875rem !important;
}
.mob-fs-4 {
font-size: 1rem !important;
}
.mob-fs-5 {
font-size: 1.125rem !important;
}
.mob-fs-6 {
font-size: 1.25rem !important;
}
.mob-fs-7 {
font-size: calc(1.275rem + 0.3vw) !important;
}
.mob-fs-8 {
font-size: calc(1.3125rem + 0.75vw) !important;
}
.mob-fs-9 {
font-size: calc(1.35rem + 1.2vw) !important;
}
.mob-fs-10 {
font-size: calc(1.375rem + 1.5vw) !important;
}
div#login-section {
    border: none !important;
}
.card-body.login-section .logo-img img {
    max-width: 232px;
}
.card-body.login-section .logo-img {
    width: 100% !important;
    height: fit-content;
}
.card-body.login-section {
    padding-right: 22px !important;
}
.logo-img figure {
    text-align: center;
    margin: 0;
    width: 200px;
}
.auth-login .col-xl-6 {
    border-right: none !important;
}
span.marketing-heading p {
    width: 100% !important;
}
span.marketing-heading a {
    padding: 0px 0px !important;
    margin-top: 5px !important;
    font-size: 13px;
}
/* .insurance-product-box ,.dashboard-box {
    width: 45%;
} */
.policy-details-box-new-right-bottom.my-claim {
    padding-bottom: 20px !important;
}
.insurance-qoute-card-last-top.text-center span {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.filter-button-cover .filter-cover {
    gap: 10px !important;
}
.filter-button-cover .first-line p {
    margin-bottom: 10px !important;
}
.shrigoda-loader-wraper .lottie {
    width: 100%;
}
.pc-image img {
    position: absolute;
    top: 10px;
    width: 51%;
    left: 23%;
}
.search-image img {
    position: absolute;
    top: 20%;
    left: 29%;
    width: 21%;
}
.analog-image img {
    width: 19%;
    position: absolute;
    top: -4%;
    left: 52%;
    animation: spin 6s linear infinite;
}
.analog-image-second img {
    width: 13%;
    top: 9%;
    left: 66%;
}
.emty-bg img {
    width: 100%;
}
.i-result-item.ssc {
    width: 85%;
    margin: 0 auto;
}
.qoute-filter-button-cover {
    width: 100% !important;
    flex-direction: column;
    gap: 10px !important;
}
.qoute-filter-button-cover div {
    width: 100% !important;
}
.qoute-detail-card-cover .cover .center {
    width: 100%;
    row-gap: 10px;
}
.online-lead-qoutes-wraper.compare-container .append_quotes {
    width: 100%;
}
.card.qoute-detail-card-cover .cover {
    flex-direction: column;
    gap: 10px;
    align-items: flex-start !important;
}
.qoute-detail-card-cover .cover .left {
    width: 41%;
}
.card.qoute-detail-card-cover .right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.card.qoute-detail-card-cover .center h5 {
    font-size: 13px !important;
}
.qoute-detail-card-cover .second-line {
    margin-bottom: 0;
    flex-direction: row;
    align-items: self-start !important;
    gap: 5px;
}
.qoute-detail-card-cover h5 {
    font-size: 13px !important;
}
.mi-calc-info-section .right-col ul li button {
        padding: 9px 13px !important;
        border-radius: 10px !important;
}
.mi-calc-info-section .right-col .ci-pills-tab {
    margin-bottom: 15px;
}
ul#ci-pills-tab {
    border-radius: 10px;
}
.compare-plans #comparePlansTable {
    overflow-x:scroll;
    background-color: white;
}
.compare-plans #comparePlansTable .compare-plans-data {
    min-width: max-content !important;
}
.compare-plans-data .compare-plans-table .compare-plans-row .compare-plans-head:nth-child(1) {
    max-width: 8rem !important;
    position: sticky;
    left: 0;
}
.copyright-text {
    padding: 0px 0 20px;
    bottom: 0;
    position: relative;
    transform: translate(0%, 0%) !important;
}
.order-claims .upper-box h4 {
    font-size: 24px;
}
.card-claim-page {
    padding: 40px 15px;
}
.policy-features-page-tabs-wraper .list-group-cover .row {
        width: 100%; 
        margin: 0px auto;
}
#detail-change-modal .modal-dialog {
    top: 0;
}
#detail-change-modal .modal-dialog .modal-content {
    height: auto;
    border-radius: 0;
}
#summary .modal-dialog .modal-content {
    border-radius: 0;
}
#summary .modal-dialog .modal-content .modal-header {
    margin-top: 10px;
}
#familyMemberModal .modal-dialog {
    top: 0;
}
#familyMemberModal .modal-dialog .modal-content .modal-body {
    min-height: 92vh;   
}
.Pevious-Policy-Details .modal-dialog {
    top: 0;
}
.Pevious-Policy-Details .modal-dialog .modal-content .modal-body {
    max-height: initial !important;
}
nav[aria-label="breadcrumb"] {
    margin-top: 10px !important; 
}
nav[aria-label="breadcrumb"] .breadcrumb {
    flex-direction: row;
}
nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item {
    display: block !important;    
}
nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item a {
    font-size: 12px;
}
.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 3px;
}
.customer-my-policy .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-right-bottom {
    padding: 30px 0px;
}
.my-leads .single-note-item .card .card-body h6 {
    font-size: 14px;
}
#myModalvahanAPI .modal-dialog {
    top: 0;
}
#myModalvahanAPI .modal-dialog .modal-content {
    border-radius: 0;
    height: 100%;
}
#myModalvahanAPI .modal-dialog .modal-content .modal-body {
    max-height: 40vh;
}
.share-qoutes-modal-wraper .share-qoutes-modal-box .first-button {
    width: auto;
}
#top_performing_div .top-perfomance .card-body .top {
    flex-direction: column;
}
#top_performing_div .top-perfomance .card-body .top .right {
    font-size: 10px;
    width: 40%;
}
#motorCard .modal-dialog .modal-content .modal-body .car-information-section-wraper-cover .row div .left img {
    display: none;
}
#motorCard .modal-dialog .modal-content .modal-body {
    max-height: inherit !important;
}
#motorCard .modal-dialog .modal-content {
    margin: 10px auto;
    width: 90%;
}
#motorCard .modal-dialog .modal-content .modal-body .car-information-section-wraper-cover .gap-2 {
    margin-top: 10px;
}
#detail-change-modal .modal-dialog .modal-content .row div .change-modal-left figure img {
    display: none;
}
#detail-change-modal .modal-dialog .modal-content .row div .modal-body {
    max-height: inherit;
}
.qoute-detail-card-cover .card-body .cover .left img {
    width: 50%;
}
#motorQuoteList .online-lead-qoutes-wraper .motor-skeleton-wraper {
        width: 100% !important;
}
.share-link .modal .modal-dialog .modal-content .modal-body {
    max-height: inherit;
}
.insurance-perfomance #best_general_insurance_list_div .insurance-perfomance .card-body .bottom .table thead tr th:nth-child(1), .insurance-perfomance #best_general_insurance_list_div .insurance-perfomance .card-body .bottom .table tbody tr td:nth-child(1), .insurance-perfomance #best_life_insurance_list_div .insurance-perfomance .card-body .bottom .table thead tr th:nth-child(1), .insurance-perfomance #best_life_insurance_list_div .insurance-perfomance .card-body .bottom .table tbody tr td:nth-child(1) {
    width: 16%;
}
.lead-status .modal-dialog {
    top: 0;
}
.lead-status .modal-dialog .modal-content {
    height: 100%;
    border-radius: 0px !important;
}
.table-responsive .common-table-button .custom-move-x-btn {
    padding: 5px;
}
.table-responsive .common-table-button .custom-move-x-btn svg {
    height: 20px;
    width: 20px;
}
.top-employees div .top-employee .card-body #lead_policy_count_div .lead-types-cover ul li {
    width: 46%;
}
.policy-details-cover-new .edit-claim .policy-details-box-new-right .policy-details-box-new-right-top {
    flex-direction: row;
}
#commonModalLarge .modal-dialog .modal-content .modal-body {
    max-height: fit-content !important;
}
#remarkModal0 .modal-dialog {
    top: 0;
}
#remarkModal0 .modal-dialog .modal-content {
    height: 100%;
}
.payment-status-section .row div .payment-status-right .payment-status-details .policy-details li span:nth-child(1) {
    width: 50%;
    text-align: left;
}
.payment-status-section .row div .payment-status-right .payment-status-details .policy-details li span:nth-child(2) {
    width: 50%;
    text-align: right;
}
.quote_listing_div .filter-button-cover .qoute-filter-button-cover {
    width: 75% !important;
}
.dashboard_align {
    display: block !important;
}
/* .insurance-dashboard {
    gap: 24px;
} */
.user_product_details.user_online_details {
    justify-content: center;
    row-gap: 10px;
}
.insurance-product-cover .customer_product_parent {
    width: 45% !important;
}
.policy-details-box-new-right .policy-details-box-new-right-top {
   flex-wrap: wrap; 
}
.car-inner-section .row #new_car_div {
    display: block !important;
}
.relation_manager {
    bottom: 60px;
}
.topbar .navbar .navbar-nav .nav-item.dropdown .dropdown-menu-end {
    top: 60%;
}
.row .justify-content-end .submit_addon_details {
    white-space: nowrap;
}
.car-inner-section #hide_vahan_details #registration_input_div .form-group{
    margin-bottom: 12px !important;
}
.summary_consent .modal-content {
    width: 96%;
    margin: 0px auto;
}
.dataTables_paginate .paginate_button {
    margin-bottom: 10px;
}
#registration_input_div .form-group .d-flex {
    flex-direction: column;
    align-items: self-start !important;
}
.generalInsurance_count thead tr th {
    white-space: pre-wrap !important;
}
.dashboard-box {
    width: 45%;
}
.insurance-dashboard {
    justify-content: center;
}
.admin_categories_data .row {
    flex-direction: row;
}
.admin_categories_data .row .border-start {
    border: none !important;
}
.admin_total_data h5, #filteredDetails h5 {
    font-size: 14px !important;
}
.admin_total_data h4, #filteredDetails h4 {
    font-size: 13px !important;
}
.kyc_section #ovdForm .row {
    justify-content: center;
}
.daterangepicker .drp-buttons {
    display: flex !important;
    align-items: center;
}
.daterangepicker .drp-buttons span {
    text-align: left;
}
.mi-res-item {
    width: 100%;
    height: 200px;
}
.mi-res-item .idv-cover {
    margin-bottom: 0;
}
}

/* Media Query Apply Pixel Minimum 768 To Maximum 1024 */
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .auth-login .col-xl-6 {
        border-right: none !important;
    }
    .lead-box {
        width: 31%;
    }
    .lead-box h6 {
        font-size: 10px;
    }
    .online-lead-qoutes-box {
        width: 30%;
    }
    .not-produce-quote-box {
        width: 32%;
    }
    .compare-modal {
        max-width: 88%;
        padding: 9px;
        overflow-x: scroll;
    }
    .compare-button {
        width: 23%;
        right: 23px;
    }
    .lds-ripple {
        width: 39%;
        top: calc(50% - 49.5px);
    }
    .compare-item-entry {
        min-width: 179px;
    }
    .employee-info-links .card-body {
        gap: 16px;
    }
    .brand-logo figure {
        text-align: center;
        margin: 0;
        width: 200px;
        height: 60px;
    }
    .tablet-show{
        display: block !important;
    }
    .customer-header-box {
        width: 154px;
    }
    .customer-header-box:after {
        height: 34px;
    }
    .filter-accordion.open {
        max-height: fit-content;
    }
    .policy-details-box-new-right-top {
        align-items: flex-start;
    }
    .policy-details-box-new {
        width: 48%;
    }
    .customer-details-box {
        width: 112px;
    }
    .policy-details-box-new-bottom {
        flex-wrap: wrap;
        gap: 0;
    }

    .policy-details-box-new-bottom a {
        width: 48%;
    }
    .policy-details-box-new-bottom.claim a.read-more {
        width: fit-content;
    }
    .remark-modal .modal-dialog {
        max-width: max-content;
    }
    .marketing-collaterals-first-box.presentation {
        margin: 0;
    }
    .marketing-collaterals-first-box {
        width: 47% !important;
    }
    .document-status-certificate-download {
        flex-direction: column;
        gap: 10px;
        align-items: center;
    }
    .otp-section-wraper {
        background-size: 50rem;
    }
    .otp-second-image img {
        width: 37%;
    }
    .otp-second-image {
        right: -64%;
        bottom: -11%;
    }
    .wizard-content .user-activity.wizard>.steps>ul>li {
        width: 20%;
    }
    .wizard-content .user-activity.wizard>.steps>ul>li a {
        font-size: 11px;
    }
    .document-status-left figure {
        max-width: 100%;
    }
    .wizard>.content>.body {
        padding: 0 !important;
    }
    .policy-details-cover-new .policy-details-box-new {
        width: 47%;
    }
    .policy-details-cover-new {
        gap: 30px;
    }
    .policy-details-cover-new .policy-details-box-new-bottom a {
        width: fit-content;
        margin-right: 21px;
    }
    .lead-status .modal-dialog{
        max-width: 700px !important;
    }
    .btn.attendance-list.report {
        margin-top: 21%;
    }
    .policy-features-page-tabs-wraper .list-group {
        width: 100%;
    }
    .customize-box {
        width: 48%;
    }
    .plan-details-inner-box-image {
        width: 20%;
    }
    .plan-details-inner-box-inner {
        width: 65%;
    }
    .plan-details-inner-box-content  button.accordion-button.collapsed {
        gap: 10px;
    }
    .list-group-cover.ekyc .list-group {
        width: 65%;
    }
    .login-section a img {
        width: 47% !important;
    }
    .kyc-status-cover {
        width: 80%;
    }
    .kyc-status-cover img {
        width: 52%;
        margin-bottom: 25px;
    }
    .row.top-branch .bottom {
        gap: 3px;
        flex-direction: column;
        gap: 0 !important;
        align-items: self-start !important;
    }
    .row.top-branch .right {
        display: none !important;
    }
    .row.dashboard-second,.row.my-leads,.row.posp-activity,.row.insurance-perfomance,.row.top-employees , .row.top-branch {
        margin-bottom: 0px !important;
    }
    .row.package-features {
        font-size: 13px;
    }
    .business-box-cover {
        display: flex;
        flex-wrap: wrap;
        row-gap: 15px;
    }
    .business-box {
        width: 31%;
        margin-right: 15px;
    }
    .mb-tab-1 {
        margin-bottom: 0.25rem !important;
    }
    .mb-tab-2 {
        margin-bottom: 0.5rem !important;
    }
    .mb-tab-3 {
        margin-bottom: 1rem !important;
    }
    .mb-tab-4 {
        margin-bottom: 1.5rem !important;
    }
    .mb-tab-5 {
        margin-bottom: 2rem !important;
    }
    .mt-tab-1 {
        margin-top: 0.25rem; 
    }
    .mt-tab-2 {
        margin-top: 0.5rem; 
    }
    .mt-tab-3 {
    margin-top: 1rem; 
    }
    .mt-tab-4 {
        margin-top: 1.5rem;
    }
    .mt-tab-5 {
        margin-top: 2rem;
    }
    .tab-fs-1 {
        font-size: 0.625rem !important;
    }
    .tab-fs-2 {
        font-size: 0.75rem !important;
    }
    .tab-fs-3 {
        font-size: 0.875rem !important;
    }
    .tab-fs-4 {
        font-size: 1rem !important;
    }
    .tab-fs-5 {
        font-size: 1.125rem !important;
    }
    .tab-fs-6 {
        font-size: 1.25rem !important;
    }
    .tab-fs-7 {
        font-size: calc(1.275rem + 0.3vw) !important;
    }
    .tab-fs-8 {
        font-size: calc(1.3125rem + 0.75vw) !important;
    }
    .tab-fs-9 {
        font-size: calc(1.35rem + 1.2vw) !important;
    }
    .tab-fs-10 {
        font-size: calc(1.375rem + 1.5vw) !important;
    }
    .insurance-segments .card {
        height: 257px;
    }
    .my-leads .card-body h6, .row.leads  h6 {
        font-size: 15px;
    }
    .single-note-item.all-category ul {
        height: 191px;
    }
    .insurance-type-cover ul li {
        width: 18%;
    }
    .insurance-type-cover ul {
        max-height: 372px;
        overflow-x: scroll;
    }
    .top-employee .card-body #lead_product_type_count_div{
        overflow-x: inherit;
    }
    .card.posp-update ul {
        display: flex;
        flex-wrap: wrap;
    }
    .card.posp-update ul li {
        width: 46%;
        margin-right: 25px;
    }
    .row.dashboard-first .card-body {
        flex-direction: column-reverse;
        gap: 10px;
    }
    .compare-plans.d-comp-wrap .compare-plans-wrap .compare-plans-items-wrap {
        gap: 10px !important;
    }
    div#login-section {
        border: none !important;
    }
    .shrigoda-loader-wraper .lottie {
        width: 70%;
    }
    .insurance-product-box ,.dashboard-box{
        /* width: 22%; */
    }
    .policy-details-box-new-right-bottom p {
        width: 48%;
    }
    .online-lead-qoutes-wraper.compare-container .append_quotes {
        width: 30%;
    }
    .qoute-detail-card-cover .cover {
        gap: 12px;
    }
    .mi-calc-info-section .left-col h3 {
        margin: 0 !important;
    }
    #renewalFilterForm .row {
        align-items: flex-end;
    }
    #posp_activity_record_div .posp-activity .card-body .bottom .row div {
        padding: 0;
    }
    #posp_activity_record_div .posp-activity .card-body .bottom .row .section {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
    }
    #posp_stagewise_list_div .posp-update .card-body ul li {
        width: 100%;
    }
    .customer-my-policy .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-bottom {
        gap: 5px;
        padding: 3px;
    }
    .customer-my-policy .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-bottom a {
        margin: 0px 10px;
    }
    .cover .policy-details-cover-new .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-right-bottom {
        margin-bottom: 20px;
    }
    .cover .policy-details-cover-new .policy-details-box-new .policy-details-box-new-right .renewals-date {
        white-space: nowrap;
    }
    .cover .policy-details-cover-new .policy-details-box-new .policy-details-box-new-right .renewals-date div {
        flex-wrap: wrap;
    }
    .policy-details-box-new-right .renewal_card_header {
        flex-direction: row;
    }
    .top-employees div .top-employee .card-body #lead_policy_count_div .lead-types-cover ul li {
        width: 18%;
    }
    .policy-details-cover-new .edit-claim .policy-details-box-new-right .policy-details-box-new-right-top {
        flex-direction: row;
    }
    .customer_details_new .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-right-top, 
    .policy-details-cover-new .renewal_policies .policy-details-box-new-right .policy-details-box-new-right-top {
        flex-direction: inherit;
        align-items: center;
    }
    .compare-plans #comparePlansTable .compare-plans-data .compare-plans-table .compare-plans-row {
        gap: 10px;
    }
    .mi-calc-info-section .right-col .ci-pills-tab {
        margin-bottom: 15px;
    }
    ul#ci-pills-tab {
        border-radius: 10px;
    }
    .compare-plans #comparePlansTable {
        overflow-x:scroll;
        background-color: white;
    }
    .compare-plans-data .compare-plans-table .compare-plans-row .compare-plans-head:nth-child(1) {
        max-width: 19% !important;
        position: sticky;
        left: 0;
    }
    .compare-plans-data .compare-plans-table .compare-plans-row .compare-plans-col {
        max-width: 7rem !important;
    }
    .copyright-text {
        padding: 0px 0 20px;
        bottom: 0;
        position: relative;
        transform: translate(0%, 0%) !important;
    }
    .order-claims .upper-box h4 {
        font-size: 24px;
    }
    .card-claim-page {
        padding: 40px 15px;
    }
    .policy-features-page-tabs-wraper .list-group-cover .row {
            width: 100%; 
            margin: 0px auto;
    }
    #detail-change-modal .modal-dialog {
        top: 0;
    }
    #detail-change-modal .modal-dialog .modal-content {
        height: 100%;
        border-radius: 0;
    }
    #summary .modal-dialog .modal-content {
        border-radius: 0;
    }
    #summary .modal-dialog .modal-content .modal-header {
        margin-top: 10px;
    }
    #familyMemberModal .modal-dialog {
        top: 0;
    }
    #familyMemberModal .modal-dialog .modal-content .modal-body {
        min-height: 92vh;   
    }
    .Pevious-Policy-Details .modal-dialog {
        top: 0;
    }
    .Pevious-Policy-Details .modal-dialog .modal-content .modal-body {
        max-height: initial !important;
    }
    nav[aria-label="breadcrumb"] {
        margin-top: 10px !important; 
    }
    nav[aria-label="breadcrumb"] .breadcrumb {
        flex-direction: row;
    }
    nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item {
        display: block !important;    
    }
    nav[aria-label="breadcrumb"] .breadcrumb .breadcrumb-item a {
        font-size: 12px;
    }
    .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 3px;
    }
    .tc-form-wrap.portablity .q-item-right .que-bi input[type="radio"] {
        height: 25px !important;
        width: 45px !important;
    }
    .existing-policy-add-another-claim-cover-wraper a .existing-policy-add-another-claim-cover h5 {
        font-size: 10px !important;
    }
    .upload-container div .btn-link {
        padding: 3px 10px;
    }
    #PortabilityDetailsForm div h4 {
        font-size: 12px;
    }
    .claimPoliciesDiv .existing-policy-add-another-claim-cover-wraper, .claim-wrapper div .claim-row .d-flex {
        flex-direction: row !important;
        margin: 10px 0px;
    }
    .portability-member-section .existing-policy-header .portability_self {
        font-size: 12px !important;
    }
    .tc-form-wrap.portablity input[type=checkbox] {
        height: 12px;
        max-width: 12px;
    }
    .claimPoliciesDiv .claim_detail_section {
        flex-direction: column;
        align-items: flex-start !important;
    }
    #PortabilityDetailsForm .row .form-label, #PortabilityDetailsForm .row .form-control, #PortabilityDetailsForm .row .form-select {
        font-size: 12px !important;
    }
    .existing-policy-header .accordion-content .renewing-year-selection-wraper, .existing-policy-header .accordion-content .claimPoliciesDiv {
        padding-left:0px !important;
        padding-right: 0px !important;
    }
    #calc_pInfo .modal-dialog {
        overflow-y: auto;
    }
    .user_product_cover .insurance-product-box .row .d-flex {
        width: 50% !important;
    }
    .insurance-product-cover .sub_product {
        gap: 15px;
    }
    .insurance-product-cover .d-flex.col-lg-2 {
        width: 17%;
    }
    .insurance-product-cover {
        row-gap: 10px;
    }
    .mi-res-item {
        width: 30%;
        height: 250px;
    }
    .quote_listing_div .filter-button-cover {
        flex-wrap: wrap;
        row-gap: 20px;
    }
    .quote_listing_div .filter-button-cover .qoute-filter-button-cover {
        justify-content: start !important;
    }
}

@media screen and (min-width: 768px){
    .basic-form form[id="renewalFilterForm"] .row{
        align-items: flex-end;
    }
    .compare-plans.d-comp-wrap .compare-plans-wrap .compare-plans-items-wrap {
        padding: 0px 5px;
        justify-content: left;
    }
    .compare-plans.d-comp-wrap .compare-plans-wrap .compare-plans-items-wrap .compare-plans-item {
        max-width: 14% !important;
    }
    .compare-plans-items-wrap .compare-plans-spl-item {
        width: 19% !important;
        text-align: center;
    }
    .compare-plans-wrap{
        padding: 20px 0px;
    }
    #top_branch_list_div div .card{
        height: 100%;
    }
    .addons-covers .modal-dialog .modal-content {
        height: 80vh;
    }
    .addons-covers .modal-dialog .modal-content .modal-body {
        overflow-y: auto;
    }
    form[name="master_form"] div div .claims-section {
        margin-bottom: 0px !important;
    }
    .policy-features-page-tabs-wraper .list-group-cover .row .list-group-item {
        width: 20%;
    }
    .list-group-cover.ekyc .list-group {
        width: fit-content;
    }
    .Pevious-Policy-Details .modal-dialog .modal-content .modal-body .row .selectInsurer {
        height: 62vh;
        overflow-y: auto;
    }
    .policy-details-box-new-right .quotation_card {
        flex-direction: row;
    }
    #motorQuoteList .online-lead-qoutes-wraper .motor-skeleton-wraper {
        width: 23%;
    }
    .filter-button-cover .bottom span {
        white-space: nowrap;
    }

}

/* small laptop  */
@media screen and (min-width: 1200px) and (max-width: 1300px) {
    .body-wrapper {
        margin-top: 72px;
        margin-left: calc(268px / 1);
        margin-right: calc(30px / 2);
        margin-bottom: 30px;
        border-radius: 20px;
        background: #f4f7fb;
        min-height: calc(100% - 102px);
        width: 77%;
    }
    .side-mini-panel {
        left: 19%;
    }
    .side-mini-panel .sidebarmenu .sidebar-nav {
        position: absolute;
        height: calc(100vh - 72px);
        width: 259px;
        /* background: var(--bs-white); */
        top: 72px;
        transition: left .4s ease-in-out;
        /* left: 80px; */
        display: none;
        padding: 0 11px 17px 13px;
        z-index: 98;
    }
    .my-leads .card-body h6, .row.leads  h6 {
        font-size: 14px;
    }
    .my-leads .card-body ul li, .posp-update .card-body ul li {
        font-size: 10px;
    }
    .row.leads ul li {
        font-size: 10px;
    }
    .card-title {
        font-size: 15px;
    }
    .custom-move-x-btn {
        padding: 7px 10px;
        font-size: 12px;
    }
    .sidebar-nav ul .sidebar-item .sidebar-link {
        font-size: 12px;
    }
    .sidebar-nav ul .sidebar-item .first-level .sidebar-item>.sidebar-link {
        font-size: 12px;
    }
    .business-box h5, .commission-box  h5, .claim-box h5 {
        font-size: 14px;
    }
    .my-leads .card-body h6, .row.leads  h6 {
        font-size: 14px;
    }
    h5 {
        font-size: 15px;
    }
    input, textarea, select {
        font-size: 11px !important;
    }
    .form-label {
        font-size: 11px;
    }
    a.claim-intimation {
        font-size: 9px;
    }
    .policy-details-box-new-bottom a {
        font-size: 9px;
    }
    .policy-details-box-new-right-bottom p {
        font-size: 10px !important;
    }
    .compare-plans-data .compare-plans-table .compare-plans-row .compare-plans-col {
        font-size: 11px;
    }
    body .select2-container--classic .select2-selection--single, body .select2-container--classic .select2-selection--single .select2-selection__arrow, body .select2-container--classic .select2-selection--single .select2-selection__rendered, body .select2-container--default .select2-selection--multiple, body .select2-container--default .select2-selection--single, body .select2-container--default .select2-selection--single .select2-selection__arrow, body .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 11px;
    }
    .sidebar-nav ul .sidebar-item .three-level .sidebar-item .sidebar-link, .sidebar-nav ul .sidebar-item .two-level .sidebar-item .sidebar-link {
        padding: 8px 10px 8px 31px;
    }
    table.table-bordered.dataTable th, table.table-bordered.dataTable td span {
        font-size: 8px;
    }
    .marketing-collaterals-first-box-action button {
        font-size: 10px;
    }
    .share-modal .modal-dialog {
        max-width: 405px;
    }
    .form-control , .form-select  {
        line-height: 1.4;
    }
    table tr td{
        font-size: 10px !important;
    }
    table tr th{
        font-size: 11px !important;
    }
    .swal-text {
        font-size: 15px;
    }
    .swal-title {
        font-size: 18px;
    }
    .swal-button {
        font-size: 12px;
    }
    .document-status-cover .document-status-right h5 {
        font-size: 15px;
    }
    .table tr td span.fs-2 {
        font-size: 10px !important;
    }
    .lead-types-cover ul li {
        font-size: 12px;
        align-items: center;
    }
    div#lead_product_type_count_div ul li p {
        font-size: 10px !important;
    }
    .insurance-activity ul li {
        align-items: center;
    }
    .user-profile img {
        width: 40px !important;
        height: 40px !important;
    }
    li.sidebar-item a i {
        font-size: 18px;
    }
    .marketing-collaterals-first-box-action button {
        font-size: 10px;
    }
    iconify-icon.text-dark.icons {
        font-size: 19px;
    }
    .download-icon-grow iconify-icon {
        font-size: 17px;
    }
    .share-icon-grow iconify-icon {
        font-size: 14px;
    }
    .d-xl-block {
        display: block !important
    }
    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }
    .fs-5 {
        font-size: 16px!important;
    }
    p {
        font-size: 12px;
    }
    button {
        font-size: 11px !important;
    }
    .timer {
        font-size: 11px !important;
    }
    h6#otp-message {
        font-size: 12px;
    } 
    table p {
        font-size: 10px;
    } 
    .round-25 {
        width: 23px !important;
        height: 23px !important;
    }
    div.dataTables_wrapper div.dataTables_info {
      
        font-size: 11px;
    }
    tr td a.round-32 {
        width: 22px;
       height: 22px !important;
    }
    .compare-plans .compare-plans-wrap .compare-plans-items-wrap .compare-plans-item .compare-plans {
        height: 36px;
    }
    .company-dropdown .form-select {
        padding-right: 27% !important;
    }
    .lead-box {
        width: 32%;
    }
    #health_insurance #leads_inner_section #memberSelections .lead-box-wraper .lead-box {
        width: 23%;
    }
    .quote_listing_div .online-lead-qoutes-wraper .append_quotes, #motorQuoteList .online-lead-qoutes-wraper .genrated-qoutes-motor {
        width: 22%;
    }
    .customer-my-policy .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-bottom {
        white-space: nowrap;
        gap: 2px;
        padding-left: 7px;
    }
    .qoute-detail-card-cover h5 {
        font-size: 13px !important;
    }
    .qoute-detail-card-cover .second-line, .qoute-detail-card-cover .second-line a {
        font-size: 11px !important;
    }
    .qoute-detail-card-cover span, a.previous-policy-title {
        font-size: 9px !important;
    }
    #memberSelections .lead-box-wraper .lead-box h6 {
        font-size: 9px !important;
    }
    .policy-details-box-new-right-top .policy-details-heading .text-dark {
        font-size: 12px !important;
    }
    .policy-details-box-new-right-top .policy-details-heading h6 {
        font-size: 14px !important;
    }
    .insurance-dashboard {
        gap: 20px;
    }
    .insurance-product-cover .sub_product {
        gap: 15px;
    }
    .relation_manager {
        width: 270px;
    }
    .custmer_card-selected {
        border: 1px solid green;
        border-radius: 10px;
        padding: 10px 3px !important;
    }
    .insurance-product-cover .d-flex.col-lg-2 {
        width: 15% !important;
    }
    .dashboard-box {
        width: 22%;
    }
    .admin_total_data h5, #filteredDetails h5 {
        font-size: 14px !important;
    }
    .admin_total_data h4, #filteredDetails h4 {
        font-size: 13px !important;
    }
    #filteredDetails h6 {
        font-size: 10px !important;
    }
    .admin_total_data #filtered_count,.admin_total_data #filtered_premium {
        font-size: 20px !important;
    }
    #vehicleDetails .bhseriesCheck {
        margin-left:12px ;
    }
    #overall_premium_offline, #overall_premium_online, #overall_policies_online, #overall_policies_offline {
        font-size: 11px;
    }
    .mi-res-item {
        width: 32%;
        height: 200px;
    }
    .motor_quotes_Card {
        gap: 12px !important;
    }
    .addons-applicable-cover p {
        font-size: 9px;
    }
    .mi-res-item .btn-wrap {
        column-gap: 2px;
    }
    .pincode-categorywise .text-success {
        font-size: 10px;
    }
    .mi-res-item .btn-wrap a span {
        font-size: 8px;
     }
    .quote_listing_div .filter-button-cover .bottom {
        white-space: nowrap !important;
    }
}

@media only screen and (width: 1300px) {
    .side-mini-panel .sidebarmenu .sidebar-nav {
        left: -240px !important;
    }
    .sidebarmenu .nav-logo {
        left: -240px;
    }
    body[data-sidebartype="full"] #main-wrapper .page-wrapper .body-wrapper {
        margin-left: calc(60px / 4);
        width: 100%;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px) { 
    .cover .policy-details-cover-new .policy-details-box-new, .user_claims .policy-details-box-new {
        width: 100%;
    }
    div .dataTables_wrapper .dataTables_info {
        position: relative !important;
        top: 20px !important;
        width: 100%;
        white-space: normal;
        text-align: left !important;
        margin-bottom: 25px !important;
    }
    div .dataTables_wrapper .dataTables_paginate {
        display: flex;
        flex-wrap: wrap;
    }
    div .dataTables_wrapper .dataTables_paginate span {
        width: 100%;
        text-align: left;
        padding: 15px 0px;
    }
    .top-employee .card-body .insurance-type-cover ul li {
        width: 46%;
    }
}

@media only screen and (min-width: 992px){
    .calc_pInfo .modal-dialog .modal-content{
        max-width: 86%;
        margin: 0px auto;
        max-height: 100%;
    }
    .calc_pInfo .modal-dialog{
        margin: 1.75rem auto;
    }
    .tab-cv-01 .tab-content .tab-pane .mi-premium-brup{
    max-width: 430px;
    margin: 0 auto;
    }
    ul#ci-pills-tab{
        width: 90%;
        margin: 0px auto;
    }
    .mi-calc-info-section .right-col{
        padding: 0px 30px;
    }
    #admin_top_count_div div{
        flex: 1 1 auto;
    }
}

@media only screen and (max-width: 992px){
    .mi-calc-info-section .left-col {
        max-width: 100% !important;
        padding: 15px !important;
        margin: 0px auto;
        flex: 0 0 100%;
    }
    .mi-calc-info-section .left-col .btn-wrap .btn-pop-b {
        width: 23%;
        font-size: 12px;
        padding: 9px 8px !important;
    }
    .mi-calc-info-section .right-col {
        max-width: 100% !important;
    }
    .calc_pInfo .modal-dialog .modal-content {
        min-height: 100%;
        border-radius: 0px;
    }
    .mi-calc-info-section .left-col {
        background: linear-gradient(55deg, rgb(255, 255, 255) 25.41%, rgb(234, 255, 243) 113.52%) !important;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    }
    .mi-calc-info-section .left-col ul{
        margin-bottom: 5px !important;
    }
    .mi-calc-info-section .left-col ul {
        margin-bottom: 5px;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        font-size: 11px;
    }
    .mi-calc-info-section .left-col ul li {
        display: block;
        font-size: 11px;
        padding: 4px 10px;
        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
        margin: 3px;
        border-radius: 6px;
        background: white;
    }
    .tab-cv-01 .tab-content .tab-pane .mi-premium-brup .pb-breakup {
        padding: 0px 15px !important;
    }
    .qoute-detail-card-cover .cover {
        gap: 15px;
    }
    .modal-body .car-information-section-wraper-cover .row div .left img {
        width: 30% !important;
    }
    .share-link #share-quotes-modal-summary .modal-dialog .modal-content .modal-body .common-pop-up-wraper .row div .share-image img {
        width: 50%;
        display: flex;
        margin: 0px auto;
    }
    .top-employees div .top-employee .card-body #lead_policy_count_div .lead-types-cover ul {
        gap: 1rem !important;
    }
    .admin_total_data .row {
        row-gap: 20px;
    }
}

    .modal-dialog .modal-lg {
        height: 100% !important;
        max-height: 100%;
        padding: 0;
        margin: 0px auto;
        width: 100%;
    }

    .calc_pInfo .modal-dialog .modal-content .modal-header {
        padding: 0;
        position: relative;
        align-items: center;
        top: 18px;
        left: -23px;
        z-index: 99;
    }

@media screen and (min-width: 1250px){
    .tab-cv-01 .tab-content .tab-pane .mi-premium-brup {
        max-width: 650px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    #share-modal .modal-dialog .modal-content {
        height: 85vh;
        overflow-y: scroll;
    }
    .lead-section #leads_inner_section .other_section{
        align-items: flex-end;
    }
    #share-quotes-modal-summary .modal-dialog .modal-content {
        height: 90vh;
        overflow-y: auto;
    }
    .Pevious-Policy-Details .modal-dialog .modal-content {
        margin-top: 10px !important;
        width: 86%;
        margin: 0px auto;
    }
}

@media only screen and (max-width: 768px) {
    .card .card-body .compare-plans-data {
         overflow-x: auto;
    }
    .pricing-section, .order-confirmation {
        padding: 50px 0 30px;
    }
    .share-link #share-quotes-modal-summary .modal-dialog  {
    top: 0;
    }
    .Pevious-Policy-Details .modal-dialog {
        margin-top: 0;
    }
    .compare-plans.d-comp-wrap .compare-plans-wrap .compare-plans-items-wrap {
        row-gap: 25px !important;
    }
    .previous_policy_claim .col-md-2 .q-item-right {
        justify-content: flex-start !important;
    }
    
    .top-employee .card-body .insurance-type-cover ul li {
      width: 30%;  
    }
    .policy-details-cover-new .policy-details-box-new .policy-details-box-new-right .renewals-date {
        white-space:nowrap;
        flex-wrap: wrap;
        gap: 4px !important;
    }
    .cover .policy-details-cover-new .policy-details-box-new {
        width: 100%;
    }
    .user_product_cover .insurance-product-box {
        width: 100% !important;
    }
    .quote_card_bg .card-body .cover .right  {
        position: absolute;
        right: 16px;
        top: 8px;
        align-items: center;
        flex-direction: column;
    }
    .quote_card_bg .card-body .cover .right .cover p, .quote_card_bg .card-body .cover .right a {
        font-size: 9px !important;
    }
    .quote_card_bg .card-body .cover .center {
        /* margin-top: 3%; */
        row-gap: 3px;
    }
    .quote_card_bg .card-body .cover .center h5, .quote_card_bg .card-body .cover .center div, .quote_card_bg .card-body .cover .center span, .quote_card_bg .card-body .cover .center div a {
        font-size: 10px !important;
    }
    .quote_card_bg .card-body .cover .left {
        width: 75%;
        margin-bottom: 10px;
    }
    .quote_card_bg .card-body .cover .left img {
        width: 25% !important;
    }
    .online-lead-qoutes-box-description .dudctible_Text {
        flex-direction: column;
        row-gap: 7px;
    }
  
    .leadid_label span {
        font-size: 8px;
    }
    .customer_page .customer_page_heading {
        display: block !important;
        margin-bottom: 8px;
    }
    .insurance-product-cover .insurance-product-box .row .col-sm-6 {
        width: 50% !important;
    }
    .card_quotes .qoute-detail-card-cover .card-body .cover .left {
        display: none;
    }
    div div.proposal_summary_details {
        flex-direction: column;
        align-items: flex-start !important;
        row-gap: 10px;
    }
    .compare-plans-data .compare-plans-table .compare-plans-row .compare-plans-col {
        max-width: 7rem !important;
    }
    .compare-plans-data .justify-content-between {
        flex-direction: column;
        align-items: flex-start !important;
        row-gap: 10px;
    }
    .mi-premium-brup .pb-breakup ul li .be-wrap .i-label {
        width: 70%;
    }
    .generalInsurance_count tbody tr td, .generalInsurance_count thead tr th {
        width: auto !important;
    }
    #best_general_insurance_list_div .insurance-perfomance .card-body .bottom .datatables .table-responsive .common-table {
        width: 200%;
    }
}

@media only screen and (max-width: 767px) {
    .share-link #share-quotes-modal-summary .modal-dialog .modal-content {
    height: 100%;
    }
    #summary .modal-dialog, #commonModalLarge .modal-dialog, #commonModal .modal-dialog {
        top: 10px;
        bottom: 10px;
        width: 96%;
        margin: 0px auto;
    }
    #summary .modal-dialog .modal-content, #commonModalLarge .modal-dialog .modal-content, #commonModal .modal-dialog .modal-content {
        height: 100%;
    }
    .discount-section-wraper .discount-section-Customize-plan-box .customize-box-body .customize-box {
        width: 100%;
    }
    #inclusions .plan-details-wraper .plan-details-box .plan-details-inner-box-wraper #accordionInclusion .feature {
        width: 100%;
    }
    #exclusions .plan-details-wraper .plan-details-box .plan-details-inner-box-wraper #accordionExclusion .plan-details-inner-box  {
        width: 100%;
    }
    .policy-details-cover-new .remark-modal .modal-dialog {
        top: 0;
    }
    .policy-details-cover-new .remark-modal .modal-dialog .modal-content {
        height: 100%;
    }
    .policy-details-cover-new .remark-modal .modal-dialog .modal-body {
        max-height: 35vh;
    }
    #calc_pInfo .modal-dialog {
        overflow-y: auto !important;
    }
    .customer-my-policy .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-right-top {
        flex-direction: row;
    }
    .card-body .bottom .row div div {
        border: none !important;
        box-shadow: #e2e9f8 0px 2px 6px;
        border-radius: 5px;
        padding: 8px;
    }
    .qoute-detail-card-cover .card-body .cover .center span {
        line-height: 2;
    }
    div .dataTables_wrapper .dataTables_info {
        width: 100%;
        white-space: normal;
        text-align: left !important;
        margin-bottom: 25px !important;
    }
    div .dataTables_wrapper .dataTables_paginate {
        display: flex;
        flex-wrap: wrap;
    }
    div .dataTables_wrapper .dataTables_paginate span {
        width: 100%;
        text-align: left;
        padding: 15px 0px;
    }
    .login-page .card-body .login-section #login-section {
        border: none !important;
    }
    #exclusions .plan-details-wraper .feature .plan-details-inner-box-wraper {
        flex-direction: column;
    }
    #exclusions .plan-details-wraper .feature .plan-details-inner-box-wraper .plan-details-inner-box-not-cover {
        width: 100%;
    }
    .customer-my-policy .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-bottom {
        padding: 3px;
        flex-wrap: wrap;
    }
    .customer-my-policy .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-bottom a {
        margin: 0px 10px;
    }
    .quote_card_bg .card-body .cover .left img {
        width: 25% !important;
    }
}

@media only screen and (max-width: 319px) {
    p {
        font-size: 10px !important;
    }
    span {
        font-size: 10px !important;
    }
    h5,h6 {
        font-size: 12px !important;
    }
    .dashboard-first .col-md-3  {
        width: 100%;
    }
    .dashboard-first .col-md-3 a .card-body {
        /* flex-direction: column-reverse; */
        align-items: center;
        row-gap: 10px;
        text-align: center;
        word-break: break-all;
    }
    .dashboard-first .col-md-3 a .card-body .right {
        width: 25px;
        justify-content: center;
    }
    .dashboard-first .col-md-3 a .card-body .right img {
        width: 25px;
    }
    .basic-form form div .mb-mob-4 {
        flex-direction: column;
        align-items: center !important;
    }
    .basic-form form div .mb-mob-4 button {
        width: 100%;
    }
    .basic-form form div .mb-mob-4 {
        margin-bottom: 10px;
    }
    .card-body {
        word-break: break-word;
    }
    .card-body ul {
        word-break: break-word;
    }
    .card-body h5 {
        font-size: 12px !important;
    }
    #posp_activity_record_div .posp-activity .card-body .bottom .row {
        row-gap: 15px;
    }
    .top-employee .card-body .insurance-type-cover ul li {
        width: 100%;
    }
    .datatables .table-responsive .dataTables_wrapper .dataTables_filter label {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }
    .overall-bussiness-cover .bottom-cover {
        flex-direction: column;
    }
    .overall-bussiness-cover .bottom-cover .bottom-right {
        flex-direction: column;
    }
    .marketing-collaterals-first-box-cover .marketing-collaterals-first-box {
        width: 100%;
    }
    .marketing-collaterals-first-box-cover .marketing-collaterals-first-box .marketing-collaterals-first-box-action button {
        font-size: 8px;
        word-break: keep-all;
    }
    .marketing-collaterals-first-box-cover .marketing-collaterals-first-box .marketing-collaterals-first-box-action button .dropstart a .text-dark {
        font-size: 15px;
    }
    .card-body .marketing-heading {
        display: block !important;
    }
    .card-body .marketing-heading p {
        width: 100% !important;
    }
    .card-body .marketing-heading a {
        margin-left: 0 !important;
        padding-left: 0 !important;
        margin-top: 10px;
    }
    nav[aria-label="breadcrumb"] {
        margin-top: 10px;
    }
    .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 5px;
    }
    .breadcrumb-item+.breadcrumb-item {
        padding-left: 5px;
    }
    .breadcrumb-item+.breadcrumb-item span {
        font-size: 9px !important;
    }
    .compare-plans-data .compare-plans-table .compare-plans-row .compare-plans-head:nth-child(1) {
        max-width: 8rem !important;
        position: sticky;
        left: 0;
    }
    #customerFilterForm .row .col-md-3 {
        display: block !important;
    }
    #customerFilterForm .row .col-md-3 button {
        margin-bottom: 10px !important;
    }
    .customer-details-box {
        width: 100%;
    }
    .online-lead-qoutes-box {
        width: 100%;
    }
    .online-lead-qoutes-box figure {
        width: 50px;
    }
    #motorQuoteList .filter-button-cover {
        display: block !important;
    }
    #motorQuoteList .filter-button-cover h6 {
        margin-bottom: 10px;
    }
    #motorQuoteList .filter-button-cover span {
        display: block !important;
    }
    #motorQuoteList .filter-button-cover span .view-idv-range {
        margin-bottom: 5px;
    }
    .genrated-qoutes-motor .dropdown .dropdown-menu {
        inset: initial !important;
    }
    .mi-calc-info-section .right-col {
        padding-left: 0;
    }
    .mi-calc-info-section .right-col {
        padding: 30px 0px;
    }
    .qoute-detail-card-cover .card-body .center {
        row-gap: 10px;
    }
    .qoute-detail-card-cover .card-body .cover .left {
        width: 40%;
    }
    .qoute-detail-card-cover .card-body .cover .center h5, .qoute-detail-card-cover .card-body .cover .center .second-line {
        font-size: 10px !important;
    }
    .qoute-detail-card-cover .card-body .cover .center .second-line {
        display: block !important;
    }
    #motorQuoteList .filter-button-cover h6 {
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
    }
    .navbar .logo-img {
        display: none !important;
    }
    .customer-my-policy .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-right-bottom {
        flex-wrap: wrap;
        padding-bottom: 110px;
    }
    .customer-my-policy .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-bottom {
        flex-wrap: wrap;
    }
    .bussiness-dashboard div .card .overall-bussiness-cover h5, .user_product_cover .insurance-product-box .d-flex .row .d-flex a {
        font-size: 12px !important;
    }
    .posp-activity .col-lg-8 #top_performing_div .top-perfomance .card-body .top {
        flex-direction: column !important;
    }
    .posp-activity div #top_performing_div .top-perfomance .top .right {
        width: 40% !important;
    }
    .posp-activity div #top_performing_div .top-perfomance .card-body .top .right {
        font-size: 10px;
    }
    .card-body .online-lead-qoutes-wraper .append_quotes {
        width: 100%;
    }
    .qoutes-not-show-cover .accordion-item .accordion-collapse .accordion-body .not-produce-quote-cover .not-produce-quote-box {
        width: 100%;
        text-align: center;
    }
    .qoutes-not-show-cover .accordion-item .accordion-collapse .accordion-body .not-produce-quote-cover .not-produce-quote-box .not-produce-quote-box-top {
        flex-direction: column;
    }
    .not-produce-quote-box-top figure {
        margin-right: 0;
    }
    .quote_listing_div .filter-button-cover {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    .qoute-filter-button-cover div {
        width: 90% !important;
    }
    .quote_listing_div .filter-button-cover .qoute-filter-button-cover {
        flex-direction: column !important;
        width: 100% !important;
    }
    .quote_listing_div .compare-modal {
        right: 0;
        left: 0;
        bottom: 33px;
        transform: none;
        max-width: 100%;
        top: inherit;
        width: 100%;
    }
    .quote_listing_div .compare-modal #modal-content {
        display: flex;
        overflow-x: scroll;
        scrollbar-width: none;
    }
    .quote_listing_div .compare-button {
        width: 100%;
        right: 0;
        bottom: 0;
    }
    .quote_listing_div .compare-modal #modalContent {
        display: flex;
        overflow-x: scroll;
        scrollbar-width: none;
    }
    .quote_listing_div .compare-modal #modalContent .compare-item-entry {
        margin-right: 10px;
        padding: 10px;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
    }
    .quote_listing_div .compare-modal #modalContent .compare-item-entry .compare-modal-top-side {
       width: 182px;
    }
    .share-qoutes-modal-wraper .share-qoutes-modal-box .first-button {
        width: auto;
    }
    .overall-bussiness-cover .bottom-right .bottom-right-right .phone-show {
        display: block !important;
    }
    .overall-bussiness-cover .bottom-cover .bottom-left .phone-hide {
        display: none !important;
    }
    .bussiness-dashboard .bottom-cover, .bussiness-dashboard .bottom-right {
        gap: 10px;
    }
    .commission-list .card .card-body .row {
        row-gap: 10px;
    }
    .commission-list .card .card-body .row div .claim-box, .commission-list .card .card-body .row div .commission-box {
        border-right: none !important;
    }
    #tab1 .card .card-body .row, #tab2 .card .card-body .row {
        row-gap: 10px;
    }
    #renewalFilterForm .row .col-md-12 {
        flex-direction: column;
    }
    #renewalFilterForm .row .col-md-12 button {
        width: 100%;
    }
    #lead_policy_count_div .lead-types-cover ul {
        row-gap: 1rem !important;
    }
    .sidebar-nav .simplebar-wrapper .simplebar-mask .simplebar-offset .simplebar-content-wrapper .simplebar-content ul .sidebar-item .sidebar-link {
        font-size: 10px;
    } 
    .insurance-activity ul li p {
        font-size: 10px !important;
    }
    .sidebarmenu .brand-logo .sidebartoggler {
        display: block !important;
    }
    .login-page .card-body .login-section #login-section .row div .card-body h2 {
        font-size: 12px !important;
    }
    .login-page .card-body .login-section #login-section .row div .card-body {
        padding: 10px !important;
    }
    .login-page .card-body .login-section #login-section {
        border: none !important;
    }
    .login-page .card-body .login-section #mobile-section button {
        font-size: 10px;
        padding: 10px;
    }
    .login-page .card-body .login-section #mobile-section .form-floating label {
        font-size: 10px;
        padding: 11px;
        display: flex;
        align-items: center;
    }
    .login-section #otp-section .input-group .otp-group {
        flex-wrap: wrap;
    }
    .login-section #otp-section .input-group .otp-group .otp  {
        font-size: 10px !important;
        width: 50% !important;
        margin: 0px auto;
    }
    .login-page .card-body .login-section #otp-section .timer {
        font-size: 10px !important;
    }
    #motorCard .modal-dialog .modal-content .modal-body .car-information-section-wraper-cover .row div .left img {
        display: none;
    }
    #motorCard .modal-dialog .modal-content .modal-body {
        max-height: inherit !important;
    }
    #motorCard .modal-dialog .modal-content {
        margin: 10px auto;
        width: 90%;
    }
    #motorCard .modal-dialog .modal-content .modal-body .car-information-section-wraper-cover .gap-2 {
        margin-top: 10px;
        flex-direction: column;
    }
    .onlineQuoteJourney .online-lead-header-wraper {
        padding: 10px !important;
        margin-bottom: 15px;
    }
    .onlineQuoteJourney .online-lead-header-wraper h4 {
        font-size: 16px;
    }
    .car-inner-section .lead-section .dont-know-car-number {
        margin-top: 15px;
    }
    #exclusions .plan-details-wraper .feature .plan-details-inner-box-wraper {
        flex-direction: column;
    }
    #exclusions .plan-details-wraper .feature .plan-details-inner-box-wraper .plan-details-inner-box-not-cover {
        width: 100%;
    }
    #downloads .plan-details-box .plan-details-inner-box-wraper .plan-details-inner-box {
        width: 100%;
    }
    #detail-change-modal .modal-dialog .modal-content .row div .modal-body .change-modal-button {
        flex-direction: column;
        row-gap: 10px;
    }
    #detail-change-modal .modal-dialog .modal-content .row div .change-modal-left figure img {
    display: none;
    }
    .mi-calc-info-section .tab-cv-01 .ci-pills-tab .nav-item {
        width: 100%;
    }
    .mi-calc-info-section .tab-cv-01 ul {
        flex-direction: column;
    }
    #motorQuoteList .online-lead-qoutes-wraper .motor-skeleton-wraper {
        width: 100% !important;
    }
    .onlineQuoteJourney #leads_inner_section #memberSelections .lead-box-wraper .lead-box  {
        width: 100%;
    }
    .online-lead-qoutes-wraper .online-lead-qoutes-box .addons-applicable-cover {
        text-align: center;
    }
    .customer_page .insurance-dashboard .dashboard-box, .customer_page .insurance-product-cover .insurance-product-box {
        /* width: 100%; */
    }
    .customer_page .insurance-product-cover .insurance-product-box img {
        /* width: 30%; */
    }
    .customer_page .customer_page_heading {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .customer-my-policy .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-right-top .policy-details-heading h6 {
        font-size: 12px !important;
    }
    #personal-info .card-body .view-employee-detail-cover .view-employee-detail-cover .hstack {
        width: 100%;
    }
    .card .card-body div .ws1-steps .user_login_account_creation {
        flex-direction: column;
        row-gap: 15px;
    }
    .datatables .card .card-body .list_training .dataTables_wrapper {
        clear: both !important;
    }
    .datatables .card .card-body .list_training .training-btn-cover .common-table-button {
        float: left !important;
    }
    .custom-move-x-btn>svg {
        height: 20px;
        width: 20px;
    }
    .policy-details-cover-new .customer_policies, .policy-details-cover-new .renewal_policies {
        width: 100%;
    }
    .customer_policies .policy-details-box-new-right .policy-details-box-new-bottom {
        flex-wrap: wrap;
        gap: 10px;
    }
    .policy-details-box-new-right-bottom p {
        width: 100%;
    }
    .policy-details-cover-new .remark-modal .modal-dialog {
        max-width: 90%;
        margin: 10px auto;
    }
    .card .card-body .attendance_report div{
        width: 100%;
    }
    .attendance_report_filter div .form-group {
        float: left;
    }
    .attendance_report_data .dataTables_wrapper .dataTables_filter, .salary_list_fliter .table-responsive .dataTables_wrapper, .package-list-filter .dataTables_wrapper, .invoice_list_filter .dataTables_wrapper {
        clear: both;
    }
    .attendance_report_data .d-flex.justify-content-between.mb-2.common-table-button, .salary_list_fliter .d-flex.justify-content-between.mb-2.common-table-button, .package-list-filter .d-flex.justify-content-between.mb-2.common-table-button, .invoice_list_filter .d-flex.justify-content-between.mb-2.common-table-button , .posp_list_data .d-flex.justify-content-between.mb-2.common-table-button {
        float: inherit !important;
    }
    .package-list-filter .common-table-button .btn-group a {
        font-size: 10px;
    }
    .invoice_list div .card .card-body h4 {
        font-size: 12px !important;
    }
    .lead-status .modal-dialog .modal-content form .modal-footer .btn {
        width: 100%;
    }
    .card .card-body .table-responsive #lead_list_div .policy-details-box-new {
        width: 100%;
    }
    .auth-login .card-body .row .border-end {
        border-right: none !important;
    }
    .auth-login .card-body .row .border-end .row div {
        padding: 0 !important;
    }
    .auth-login .card-body .row .border-end .row div .card-body {
        padding: 0px 10px !important;
    }
    .auth-login .card-body .row .border-end .row div .login-section form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .auth-login .card-body .row .border-end .row div .login-section form div .show_hide_password .input-group-text {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .card-body.login-section .logo-img img {
        max-width: 100% !important;
    }
    .top-employees div .top-employee .card-body #lead_policy_count_div .lead-types-cover ul li, .policy-details-cover-new .edit-claim {
    width: 100%;
    }
    .image_content .share-modal-bottom-right p a, .image_content_old .share-modal-bottom .share-modal-bottom-right p a   {
        word-wrap: break-word;
    }
    .payment-status-section .row div .payment-status-right .payment-status-details .policy-details li span:nth-child(1) {
        width: 50%;
        text-align: left;
    }
    .payment-status-section .row div .payment-status-right .payment-status-details .policy-details li span:nth-child(2) {
        width: 50%;
        text-align: right;
    }
    .share-modal-bottom-right p {
        word-break: break-word;
    }
    .user_product_cover .insurance-product-box .d-flex .row {
        flex-direction: column;
        row-gap: 10px;
    }
    .user_product_cover .insurance-product-box .d-flex .row .d-flex {
        width: 100%;
    }
    .user_product_cover .insurance-product-box .d-flex .row .d-flex img {
        width: 12% !important;
    }
}

@media only screen and (min-width: 479px) and (max-width: 767px) {
    .overall-bussiness-cover .bottom-right .bottom-right-right .phone-show {
        display: block !important;
    }
    .overall-bussiness-cover .bottom-cover .bottom-left .phone-hide {
        display: none !important;
    }
    .bussiness-dashboard .bottom-cover, .bussiness-dashboard .bottom-right {
        gap: 10px;
    }
    .commission-list .card .card-body .row {
        row-gap: 10px;
    }
    .commission-list .card .card-body .row div .claim-box, .commission-list .card .card-body .row div .commission-box {
        border-right: none !important;
    }
    #tab1 .card .card-body .row, #tab2 .card .card-body .row {
        row-gap: 10px;
    }
    #renewalFilterForm .row .col-md-12 {
        flex-direction: column;
    }
    #renewalFilterForm .row .col-md-12 button {
        width: 100%;
    }
    #lead_policy_count_div .lead-types-cover ul {
        row-gap: 1rem !important;
    }
    .sidebar-nav .simplebar-wrapper .simplebar-mask .simplebar-offset .simplebar-content-wrapper .simplebar-content ul .sidebar-item .sidebar-link {
        font-size: 10px;
    } 
    .insurance-activity ul li p {
        font-size: 10px !important;
    }
    .sidebarmenu .brand-logo .sidebartoggler {
        display: block !important;
    }
    .login-page .card-body .login-section #login-section .row div .card-body h2 {
        font-size: 12px !important;
    }
    .login-page .card-body .login-section #login-section .row div .card-body {
        padding: 10px !important;
    }
    .login-page .card-body .login-section #login-section {
        border: none !important;
    }
    .login-page .card-body .login-section #mobile-section button {
        font-size: 10px;
        padding: 10px;
    }
    .login-page .card-body .login-section #mobile-section .form-floating label {
        font-size: 10px;
        padding: 11px;
        display: flex;
        align-items: center;
    }
    .login-section #otp-section .input-group .otp-group {
        flex-wrap: wrap;
    }
    .login-section #otp-section .input-group .otp-group .otp  {
        font-size: 10px !important;
        width: 50% !important;
        margin: 0px auto;
    }
    .login-page .card-body .login-section #otp-section .timer {
        font-size: 10px !important;
    }
    #motorCard .modal-dialog .modal-content .modal-body .car-information-section-wraper-cover .row div .left img {
        display: none;
    }
    #motorCard .modal-dialog .modal-content .modal-body {
        max-height: inherit !important;
    }
    #motorCard .modal-dialog .modal-content {
        margin: 10px auto;
        width: 90%;
    }
    #motorCard .modal-dialog .modal-content .modal-body .car-information-section-wraper-cover .gap-2 {
        margin-top: 10px;
        flex-direction: column;
    }
    .onlineQuoteJourney .online-lead-header-wraper {
        padding: 10px !important;
        margin-bottom: 15px;
    }
    .onlineQuoteJourney .online-lead-header-wraper h4 {
        font-size: 16px;
    }
    .car-inner-section .lead-section .dont-know-car-number {
        margin-top: 15px;
    }
    #exclusions .plan-details-wraper .feature .plan-details-inner-box-wraper {
        flex-direction: column;
    }
    #exclusions .plan-details-wraper .feature .plan-details-inner-box-wraper .plan-details-inner-box-not-cover {
        width: 100%;
    }
    #downloads .plan-details-box .plan-details-inner-box-wraper .plan-details-inner-box {
        width: 100%;
    }
    #detail-change-modal .modal-dialog .modal-content .row div .modal-body .change-modal-button {
        flex-direction: column;
        row-gap: 10px;
    }
    #detail-change-modal .modal-dialog .modal-content .row div .change-modal-left figure img {
    display: none;
    }
    #motorQuoteList .online-lead-qoutes-wraper .motor-skeleton-wraper {
        width: 100% !important;
    }
    .onlineQuoteJourney #leads_inner_section #memberSelections .lead-box-wraper .lead-box  {
        width: 100%;
    }
    .online-lead-qoutes-wraper .online-lead-qoutes-box .addons-applicable-cover {
        text-align: center;
    }
    .customer_page .insurance-dashboard .dashboard-box, .customer_page .insurance-product-cover .insurance-product-box {
        /* width: 100%; */
    }
    .customer_page .insurance-product-cover .insurance-product-box img {
        /* width: 30%; */
    }
    .customer_page .customer_page_heading {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .customer-my-policy .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-right-top .policy-details-heading h6 {
        font-size: 12px !important;
    }
    #personal-info .card-body .view-employee-detail-cover .view-employee-detail-cover .hstack {
        width: 100%;
    }
    .card .card-body div .ws1-steps .user_login_account_creation {
        flex-direction: column;
        row-gap: 15px;
    }
    .datatables .card .card-body .list_training .dataTables_wrapper {
        clear: both !important;
    }
    .datatables .card .card-body .list_training .training-btn-cover .common-table-button {
        float: left !important;
    }
    .custom-move-x-btn>svg {
        height: 20px;
        width: 20px;
    }
    .policy-details-cover-new .customer_policies, .policy-details-cover-new .renewal_policies {
        width: 100%;
    }
    .customer_policies .policy-details-box-new-right .policy-details-box-new-bottom {
        flex-wrap: wrap;
        gap: 10px;
    }
    .policy-details-cover-new .remark-modal .modal-dialog {
        max-width: 90%;
        margin: 10px auto;
    }
    .card .card-body .attendance_report div{
        width: 100%;
    }
    .attendance_report_filter div .form-group {
        float: left;
    }
    .attendance_report_data .dataTables_wrapper .dataTables_filter, .salary_list_fliter .table-responsive .dataTables_wrapper, .package-list-filter .dataTables_wrapper, .invoice_list_filter .dataTables_wrapper {
        clear: both;
    }
    .attendance_report_data .d-flex.justify-content-between.mb-2.common-table-button, .salary_list_fliter .d-flex.justify-content-between.mb-2.common-table-button, .package-list-filter .d-flex.justify-content-between.mb-2.common-table-button, .invoice_list_filter .d-flex.justify-content-between.mb-2.common-table-button , .posp_list_data .d-flex.justify-content-between.mb-2.common-table-button {
        float: inherit !important;
    }
    .package-list-filter .common-table-button .btn-group a {
        font-size: 10px;
    }
    .invoice_list div .card .card-body h4 {
        font-size: 12px !important;
    }
    .lead-status .modal-dialog .modal-content form .modal-footer .btn {
        width: 100%;
    }
    .card .card-body .table-responsive #lead_list_div .policy-details-box-new {
        width: 100%;
    }
    .auth-login .card-body .row .border-end {
        border-right: none !important;
    }
    .auth-login .card-body .row .border-end .row div {
        padding: 0 !important;
    }
    .auth-login .card-body .row .border-end .row div .card-body {
        padding: 0px 10px !important;
    }
    .auth-login .card-body .row .border-end .row div .login-section form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .auth-login .card-body .row .border-end .row div .login-section form div .show_hide_password .input-group-text {
        width: 25%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .card-body.login-section .logo-img img {
        max-width: 100% !important;
    }
    .top-employees div .top-employee .card-body #lead_policy_count_div .lead-types-cover ul li, .policy-details-cover-new .edit-claim {
    width: 100%;
    }
    .image_content .share-modal-bottom-right p a, .image_content_old .share-modal-bottom .share-modal-bottom-right p a   {
        word-wrap: break-word;
    }
    
    .quote_listing_div .filter-button-cover .qoute-filter-button-cover {
        width: 50% !important;
    }
}

@media only screen and (min-width: 479px) and (max-width: 768px) {
    .dashboard-first {
        margin-top: 10px;
    }
    .basic-form form .row .col-lg-3, .basic-form form .row .col-md-3 {
        width: 50%;
    }
    .dashboard-second .col-lg-3 {
        width: 49%;
    }
    .my-leads .all-category {
        width: 49%;
    }
    .note-has-grid div .card {
        height: 100%;
    }
    .note-has-grid {
        row-gap: 20px;
        margin-bottom: 20px !important;
    }
    .card-body .bottom .row {
        row-gap: 15px;
    }
    .marketing-collaterals-first-box-cover .marketing-collaterals-first-box {
        width: 45%;
    }
    .card-body .marketing-heading {
        display: block !important;
    }
    .card-body .marketing-heading p {
        width: 100% !important;
    }
    .card-body .marketing-heading a {
        margin-left: 0 !important;
        padding-left: 0 !important;
        margin-top: 10px;
    }
    #brochureFilterForm .row .col-md-4 {
        width: 50%;
    }
    .compare-plans.d-comp-wrap .compare-plans-wrap .compare-plans-items-wrap .compare-plans-item {
        max-width: 100% !important;
    }
    .compare-plans.d-comp-wrap .compare-plans-wrap .compare-plans-items-wrap .compare-plans-spl-item {
        width: 100% !important;
    }
    .compare-plans-data .compare-plans-table .compare-plans-row .compare-plans-head:nth-child(1) {
        max-width: 8rem !important;
        position: sticky;
        left: 0;
    }
    .compare-plans #comparePlansTable .compare-plans-data {
        min-width: max-content !important;
    }
    .compare-plans #comparePlansTable {
        overflow-x: scroll;
    }
    #customerFilterForm .row {
        margin-bottom: 10px !important;
    }
    #motorQuoteList .online-lead-qoutes-wraper .online-lead-qoutes-box {
        width: 45%;
    }
    #motorQuoteList .filter-button-cover {
        display: block !important;
    }
    #motorQuoteList .filter-button-cover h6 {
        margin-bottom: 10px;
    }
    .qoute-detail-card-cover .card-body .cover .quote_card {
        display: flex;
        justify-content: space-between;
        align-items: center !important;
        width: 100%;
    }
    .list-group-cover.ekyc .list-group .list-group-item {
        width: 50% !important;
    }
    .customer-my-policy .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-right-bottom {
        padding: 30px 0px;
    }
    #overall_business_div .posp-activity .card-body .bottom .business-box-cover  {
        flex-direction: row;
        row-gap: 10px;
    }
    #overall_business_div .posp-activity .card-body .bottom .business-box-cover .business-box {
        width: 46%;
        border: none !important;
    }
    .top-employee .card-body .insurance-type-cover ul li {
        width: 30%;
    }
    .quote_listing_div .filter-button-cover {
        flex-direction: column;
        align-items: flex-start;
    }
    .quote_listing_div .filter-button-cover .qoute-filter-button-cover {
        justify-content: flex-start;
        flex-direction: column;
    }
    .quote_listing_div .filter-button-cover .qoute-filter-button-cover div {
        width: 40% !important;
    }
    .quote_listing_div .compare-container .append_quotes {
        width: 45%;
    }
    .quote_listing_div .compare-container .append_quotes .online-lead-qoutes-box {
        height: 100%;
        justify-content: end;
    }
    .quote_listing_div .compare-container .append_quotes .online-lead-qoutes-box .dropdown, .online-lead-qoutes-box .online-lead-qoutes-box-compare-btn {
        top: 10px;
    }
    .qoutes-not-show-cover .accordion-item .accordion-collapse .accordion-body .not-produce-quote-cover .not-produce-quote-box {
        width: 46%;
        text-align: center;
    }
    .qoutes-not-show-cover .accordion-item .accordion-collapse .accordion-body .not-produce-quote-cover .not-produce-quote-box .not-produce-quote-box-top {
        flex-direction: column;
    }
    .marketing-collaterals-first-box-cover .marketing-collaterals-first-box {
        justify-content: end;
    }
    .commission-list .card .card-body .row {
        row-gap: 10px;
    }
    .commission-list .card .card-body .row .col-md-4, .commission-list .card .card-body .row .col-md-3 {
        width: 46%;
    }
    .commission-list .card .card-body .row .col-md-3 div h5 {
        font-size: 14px;
    }
    .commission-list .card .card-body .row .col-md-3 div p, .commission-box p, .claim-box p {
        font-size: 12px;
    }
    .posp-activity .card-body div .left h5, .my-leads .card .card-body .top h5 {
        font-size: 16px;
    }
    .posp-activity .card-body .bottom .business-box-cover .business-box h5, .my-leads .card .card-body .row div .commission-box h5  {
        font-size: 14px;
    }
    .posp-activity .card-body .bottom .business-box-cover .business-box p, .my-leads .card .card-body .row div .commission-box p {
        font-size: 12px;
    }
    #tab1 .card .card-body .row {
        row-gap: 10px;
    }
    .car-inner-section .car-detail-modal .modal-dialog {
        width: 90%;
    }
    div#modalContent {
        overflow-x: scroll;
        scrollbar-width: none;
    }
    .compare-item-entry {
        margin-right: 10px;
        padding: 10px;
        border: 1px solid #e6e6e6;
        border-radius: 8px;
    }
    .qoute-detail-card-cover .card .card-body .compare-button {
        width: 23%;
    }
    .health_life_segment_section .card-body .dataTables_scrollBody .table thead tr th {
        font-size: 12px !important;
    }
    .health_life_segment_section .card-body .dataTables_scrollBody .table tbody tr td h6,.health_life_segment_section .card-body .dataTables_scrollBody .table tbody tr td, .health_life_segment_section .card-body .dataTables_scrollBody .table tbody tr td a {
        font-size: 10px !important;
    }
    .top-employee .card-body .insurance-type-cover ul li {
        width: 30%;
    }
    .quote_listing_div .filter-button-cover {
        flex-direction: column;
        align-items: flex-start;
    }
    .quote_listing_div .filter-button-cover .qoute-filter-button-cover {
        justify-content: flex-start;
        flex-direction: column;
    }
    .quote_listing_div .compare-container .append_quotes {
        width: 45%;
    }
    .quote_listing_div .compare-container .append_quotes .online-lead-qoutes-box {
        height: 100%;
        justify-content: end;
    }
    .quote_listing_div .compare-container .append_quotes .online-lead-qoutes-box .dropdown {
        top: 10px;
    }
    .qoutes-not-show-cover .accordion-item .accordion-collapse .accordion-body .not-produce-quote-cover .not-produce-quote-box {
        width: 46%;
        text-align: center;
    }
    .qoutes-not-show-cover .accordion-item .accordion-collapse .accordion-body .not-produce-quote-cover .not-produce-quote-box .not-produce-quote-box-top {
        flex-direction: column;
    }
    .marketing-collaterals-first-box-cover .marketing-collaterals-first-box {
        justify-content: end;
    }
    .commission-list .card .card-body .row {
        row-gap: 10px;
    }
    .commission-list .card .card-body .row .col-md-4, .commission-list .card .card-body .row .col-md-3 {
        width: 46%;
    }
    .commission-list .card .card-body .row .col-md-3 div h5 {
        font-size: 14px;
    }
    .commission-list .card .card-body .row .col-md-3 div p, .commission-box p, .claim-box p {
        font-size: 12px;
    }
    .posp-activity .card-body div .left h5, .my-leads .card .card-body .top h5 {
        font-size: 16px;
    }
    .posp-activity .card-body .bottom .business-box-cover .business-box h5, .my-leads .card .card-body .row div .commission-box h5  {
        font-size: 14px;
    }
    .posp-activity .card-body .bottom .business-box-cover .business-box p, .my-leads .card .card-body .row div .commission-box p {
        font-size: 12px;
    }
    #tab1 .card .card-body .row {
        row-gap: 10px;
    }
    .car-inner-section .car-detail-modal .modal-dialog {
        width: 90%;
    }
    div#modalContent {
        overflow-x: scroll;
        scrollbar-width: none;
    }
    .qoute-detail-card-cover .card .card-body .compare-button {
        width: 23%;
    }
    /* .insurance-product-box, .dashboard-box {
        width: 45%;
    } */
    .datatables .card .card-body .list_training .dataTables_wrapper {
        clear: both !important;
    }
    .datatables .card .card-body .list_training .training-btn-cover {
        float: left;
    }
    .policy-details-cover-new .customer_policies, .policy-details-cover-new .renewal_policies {
        width: 100%;
    }
    
    .policy-details-box-new-bottom.claim a.read-more {
        margin-left: 0;
    }
    .policy-details-box-new-bottom.claim {
        gap: 5px;
    }
    .policy-details-cover-new .remark-modal .modal-dialog {
        max-width: 90%;
        margin: 10px auto;
    }
    #motorQuoteList .online-lead-qoutes-wraper .motor-skeleton-wraper {
        width: 46%;
    }
    .customer_details_new {
        gap: 30px;
    }
    .customer_details_new .policy-details-box-new {
        width: 100%;
    }
    .customer_details_new .policy-details-box-new .policy-details-box-new-right .policy-details-box-new-bottom {
        gap: 10px;
    }
    #health_insurance #leads_inner_section #memberSelections .lead-box-wraper .lead-box {
        width: 46%;
    }
    .top-employees div .top-employee .card-body #lead_policy_count_div .lead-types-cover ul li {
        width: 30%;
    }
    .policy-details-box-new.edit-claim .policy-details-box-new-right-bottom p {
        width: 46%;
    }
    .qoute-detail-card-cover .card-body .health_quote_card, .qoute-detail-card-cover .card-body .motor_quote_card {
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start !important;
    }
    .qoute-detail-card-cover .card-body .health_quote_card .right {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }
    .dashboard_align {
        display: block !important;
    }
    .dashboard_align .mb-tab-4 {
        justify-content: flex-start !important;
    }
    .compare-button {
        width: 30%;
    }
    .insurance-product-cover{
        align-items: center;
        row-gap: 10px;
        justify-content: center;
    }
    .insurance-dashboard {
        justify-content: center;
    }
    .insurance-product-cover .d-flex.col-lg-2, .dashboard-box {
        width: 26%;
    }
    .mi-res-item {
        width: 46%;
        height: 250px;
    }
    .mi-res-item .btn-wrap {
        column-gap: 14px;
    }
    .mi-res-item .btn-wrap a span ,.mi-res-item .btn-wrap div{
        font-size: 10px !important;
    }
}

@media only screen and (min-width: 1024px) {
    .compare-plans.d-comp-wrap .compare-plans-wrap .compare-plans-items-wrap .compare-plans-item {
         gap: 10px !important;
    }
    .policy-details-cover-new .policy-details-box-new {
        width: 47%;
    }
    .policy-details-box-new-bottom a ,a.claim-intimation {
        font-size: 10px;
    }
    .policy-details-box-new.edit-claim .policy-details-box-new-right-bottom p {
        min-width: 30%;
    }
    .cover .policy-details-cover-new .policy-details-box-new .policy-details-box-new-right .renewals-date {
        white-space: nowrap;
    }
    #overall_premium_offline, #overall_premium_online, #overall_policies_online, #overall_policies_offline {
        font-size: 12px;
    }
}

@media only screen and (max-width: 360px) {
    h5 {
        font-size: 14px !important;
    }
    h6 , p {
        font-size: 12px !important;
    }
    .card-body p {
        font-size: 12px !important;
    }
    #customerFilterForm .row .col-md-3 {
        display: block !important;
    }
    #customerFilterForm .row .col-md-3 button {
        margin-bottom: 10px !important;
        width: 100%;
    }
    .qoute-detail-card-cover .cover .center {
        width: 100%;
    }
    .posp-activity .card-body .bottom .business-box-cover {
        flex-direction: column;
        row-gap: 10px;
    }
    .posp-activity .card-body .bottom .business-box-cover .business-box {
        width: 100%;
        border-right: none !important;
    }
    #customerFilterForm .row .col-md-3 {
        display: block !important;
    }
    #customerFilterForm .row .col-md-3 button {
        margin-bottom: 10px !important;
        width: 100%;
    }
    .modal-dialog .modal-content .modal-body .mi-calc-info-section #breakup_model_details {
        margin-top: 10px;
    }
    .breakup_model_details-motor-mobile figure {
        width: 80px !important;
        height: 40px !important;
    }
    .breakup_model_details-motor-mobile h3 {
        font-size: 12px !important;
    }
    .mi-calc-info-section .left-col p, .mi-calc-info-section .left-col ul li, .mi-calc-info-section .left-col .btn-wrap .btn-pop-b {
        font-size: 10px;
    }
    .mi-calc-info-section .left-col .btn-wrap .btn-pop-b {
        width: 100%;
    }
    #breakup_model_breakup .pb-breakup ul li h4 {
        font-size: 12px !important;
    }
    #breakup_model_breakup .pb-breakup ul li .be-wrap {
        font-size: 10px !important;
    }
    #ci-pills-tabContent .cover-not-coverd-wraper .standard-usp-container #not_covered_standard_usp h4 {
        font-size: 12px !important;
    }
    #ci-pills-tabContent .cover-not-coverd-wraper .standard-usp-container #not_covered_standard_usp #covered_usp ul li {
        font-size: 10px !important;
    }
    .tab-cv-01 .nav-pills .nav-item .nav-link {
        font-size: 9px;
    }
    .dashboard-first div {
        width: 100%;
        justify-content: center;
    }
    .quote_listing_div .filter-button-cover .qoute-filter-button-cover div {
        width: 100% !important;
    }
    .policy-details-box-new-right .policy-details-box-new-right-top {
        flex-wrap: wrap;
        gap: 7px; 
    }
    .car-inner-section .row #new_car_div {
        display: block !important;
    }
    .relation_manager {
        bottom: 50px;
    }
    .summary_consent .modal-content {
        width: 96%;
        margin: 0px auto;
    }
    #registration_input_div .form-group .d-flex {
        flex-direction: column;
        align-items: self-start !important;
    }
    .generalInsurance_count thead tr th {
        white-space: pre-wrap !important;
    }
    .insurance-product-cover {
        align-items: center;
        row-gap: 10px;
        justify-content: center;
    }
    .dashboard-box {
        width: 47%;
    }
    .insurance-dashboard {
        justify-content: center;
    }
    .admin_categories_data .row {
        flex-direction: row;
    }
    .admin_categories_data .row .border-start {
        border: none !important;
    }
    .admin_total_data h5, #filteredDetails h5 {
        font-size: 14px !important;
    }
    .admin_total_data h4, #filteredDetails h4 {
        font-size: 13px !important;
    }
    .mi-res-item {
        width: 100%;
        height: 240px;
    }
    .mi-res-item .idv-cover {
        margin-bottom: 0;
    }
    .material-textfield .form-label {
        font-size: 10px;
    }
    .insurance-product-cover .d-flex.col-lg-2 {
        width: 47%;
    }
    .customer_page .row .col-lg-12 {
        display: flex;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 320px) {
    #customerFilterForm .row .col-md-3 {
        display: block !important;
    }
    .dashboard-first div {
        width: 100%;
        justify-content: center;
    }
    .dashboard-second h6 {
        font-size: 12px !important;
    }
    .posp-activity .card-body .bottom .row div {
        width: 100%;
    }
    #top_performing_div .top-perfomance .card-body .top {
        flex-direction: column;
    }
    #top_performing_div .top-perfomance .card-body {
        background-position: 95% 35%;
    }
    #top_performing_div .top-perfomance .card-body .top .right {
        font-size: 10px;
        width: 40%;
    }
    #top_performing_div .top-perfomance .card-body .bottom .row div {
        width: 100%;
    }
    #top_performing_div .top-perfomance .card-body .bottom .row {
        row-gap: 10px;
    }
    .posp-activity .col-lg-8 #top_performing_div .top-perfomance .card-body .top .bottom .row {
        row-gap: 10px;
    }
    .posp-activity div #top_performing_div .top-perfomance .card-body {
        background-position: 95% 35%
    }
    .policy-features-page-tabs-wraper .tab-content .tab-pane form .row div .insurance-qoute-card-last {
        flex-direction: column;
    }
    .policy-features-page-tabs-wraper .tab-content .tab-pane form .row div .insurance-qoute-card-last button {
        justify-content: center;
    }
    #vehicleDetails .row .col-lg-12 div {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    #userUpdatedInfoDetails .premium-change-user-profile-wraper .premium-change-user-profile-user-body h3 {
        font-size: 14px;
    }
    .cards .card-body .proposal-form-cover .accordion .accordion-item .accordion-header button {
        font-size: 12px;
    } 
    .health_life_segment_section .card-body .dataTables_scrollBody .table thead tr th {
        font-size: 12px !important;
    }
    .health_life_segment_section .card-body .dataTables_scrollBody .table tbody tr td h6,.health_life_segment_section .card-body .dataTables_scrollBody .table tbody tr td, .health_life_segment_section .card-body .dataTables_scrollBody .table tbody tr td a {
        font-size: 10px !important;
    }
    .health_life_segment_section .card-body .dataTables_scrollBody .table tbody tr td h6 {
        display: none;
    }
    #top_performing_div .top-perfomance .card-body .bottom .row {
        row-gap: 10px;
    }
    .posp-activity .col-lg-8 #top_performing_div .top-perfomance .card-body .top .bottom .row {
        row-gap: 10px;
    }
    .tc-form-wrap.portablity .q-item-right .que-bi input[type="radio"] {
        height: 25px !important;
        width: 45px !important;
    }
    .existing-policy-add-another-claim-cover-wraper a .existing-policy-add-another-claim-cover h5 {
        font-size: 10px !important;
    }
    .upload-container div .btn-link {
        padding: 3px 10px;
    }
    #PortabilityDetailsForm div h4 {
        font-size: 12px;
    }
    .claimPoliciesDiv .existing-policy-add-another-claim-cover-wraper, .claim-wrapper div .claim-row .d-flex {
        flex-direction: row !important;
        margin: 10px 0px;
    }
    .portability-member-section .existing-policy-header .portability_self {
        font-size: 12px !important;
    }
    .tc-form-wrap.portablity input[type=checkbox] {
        height: 12px;
        max-width: 12px;
    }
    .claimPoliciesDiv .claim_detail_section {
        flex-direction: column;
        align-items: flex-start !important;
    }
    .tc-form-wrap.portablity .q-item-right .que-bi input[type="radio"] {
        border-radius: 5px !important;
        height: 25px !important;
        width: 40px !important;
    }
    #PortabilityDetailsForm .row .form-label, #PortabilityDetailsForm .row .form-control, #PortabilityDetailsForm .row .form-select {
        font-size: 9px !important;
    }
    .posp-activity div #top_performing_div .top-perfomance .card-body {
        background-position: 95% 35%
    }
    .policy-features-page-tabs-wraper .tab-content .tab-pane form .row div .insurance-qoute-card-last {
        flex-direction: column;
    }
    .policy-features-page-tabs-wraper .tab-content .tab-pane form .row div .insurance-qoute-card-last button {
        justify-content: center;
    }
    #vehicleDetails .row .col-lg-12 div {
        flex-direction: column !important;
        align-items: flex-start !important;
    }
    #userUpdatedInfoDetails .premium-change-user-profile-wraper .premium-change-user-profile-user-body h3 {
        font-size: 14px;
    }
    .cards .card-body .proposal-form-cover .accordion .accordion-item .accordion-header button {
        font-size: 12px;
    } 
    .invoice_list div, .salary_slip_list div {
        width: 100%;
    }
    .insurance-perfomance #best_general_insurance_list_div .insurance-perfomance .card-body .bottom .table thead tr th, .insurance-perfomance #best_life_insurance_list_div .insurance-perfomance .card-body .bottom .table thead tr th {
        font-size: 10px !important;
    }
    .insurance-perfomance #best_general_insurance_list_div .insurance-perfomance .card-body .bottom .table tbody tr td, .insurance-perfomance #best_life_insurance_list_div .insurance-perfomance .card-body .bottom .table tbody tr td:nth-child(1) {
        font-size: 8px !important;
    }
    .form-group .radio-tile-group {
        flex-wrap: wrap;
        gap: 5px;
    }
}

@media only screen and (max-width: 1200px) {
    .policy-details-cover-new .policy-details-box-new .policy-details-box-new-right .renewals-date div {
        flex-wrap: wrap;
    }
    .policy-details-box-new-bottom.claim a.read-more {
        margin-left: 0;
    }
    .online-lead-qoutes-wraper .append_quotes .online-lead-qoutes-box .online-lead-qoutes-box-img, .online-lead-qoutes-wraper .append_quotes .online-lead-qoutes-box .online-lead-qoutes-box-compare-btn {
        height: 30%;
    }
    .online-lead-qoutes-wraper .append_quotes .online-lead-qoutes-box .online-lead-qoutes-box-description {
        height: 50%;
        row-gap: 5px;
    }
    .qoute-detail-card-cover h5 {
        font-size: 13px !important;
    }
}
@media screen and (min-width: 1199px) {
    .renewals-date {
        padding: 5px;
    }
    .policy-details-box-new-right .renewals-date .due-date {
        font-size: 0.65rem !important;
    }
    .policy-details-box-new-bottom.claim {
        gap: 10px;
    }
    .policy-details-box-new-bottom.claim a.read-more {
        margin-left: 0;
    }
    .online-lead-qoutes-wraper .append_quotes .online-lead-qoutes-box .online-lead-qoutes-box-img, .online-lead-qoutes-wraper .append_quotes .online-lead-qoutes-box .online-lead-qoutes-box-compare-btn {
        height: 30%;
    }
    .online-lead-qoutes-wraper .append_quotes .online-lead-qoutes-box .online-lead-qoutes-box-description {
        height: 50%;
        row-gap: 5px;
    }
    .policy-details-cover-new .policy-details-box-new .policy-details-box-new-right .renewals-date {
        /* flex-wrap: wrap; */
    }
    .policy-details-cover-new .policy-details-box-new .policy-details-box-new-right .renewals-date div {
        flex-wrap: wrap;
    }
    .claim-row div .material-textfield .portabilityClaimReason, #existing_insurer div #insurerPlanListDiv .product-dropdown  {
        padding-right: 15% !important;
    }
    .online-lead-qoutes-box .d-flex h6 span, .online-lead-qoutes-box .sum-assured-cover h6 span {
        font-size: 13px;
    }
}
@media only screen and (min-width: 1450px) {
    .form-control.error{
        margin-bottom: 2px !important;
    }
}