@media (max-width: 1599.98px) {
    .dashboard-cards-wraper .dashboard-card {
        padding: 25px;
    }

    .dashboard-cards-wraper .stats-wrap p {
        font-size: 16px;
    }

    .dashboard-cards-wraper .dashboard-card .notification-list li p {
        font-size: 14px;
    }

    .dashboard-cards-wraper .dashboard-card .notification-list.todo-list li {
        margin-bottom: 10px;
    }

    .dashboard-cards-wraper .dashboard-card .notification-list li {
        padding-bottom: 5px;
    }

    .dashboard-cards-wraper .dashboard-card .notification-list li::before {
        top: 7px;
    }

    .page-content-wrap .page-heading h1 {
        font-size: 25px;
    }

    .site-header .right-menu-wrap .dropdown-menu .dropdown-header {
        font-size: 18px;
        padding: 15px 20px;
    }

    .site-header .right-menu-wrap .dropdown-menu a.view-all-btn {
        margin: 15px auto;
    }

    .notification-list li .dropdown-item {
        padding: 10px 20px !important;
    }

    .notification-list li .dropdown-item p, .notification-list .time p {
        font-size: 12px;
    }

    .notification-list li .dropdown-item h5 {
        font-size: 14px;
    }

    .site-header .right-menu-wrap .dropdown-menu {
        max-width: 500px;
        min-width: 500px;
    }

    .view-all-btn {
        font-size: 12px;
    }

    .congratulations-wrapper .congratulations-inner .text-wrap h1 {
        font-size: 30px;
    }

    .congratulations-wrapper .congratulations-inner .text-wrap p {
        font-size: 20px;
    }

    .congratulations-wrapper .congratulations-inner .quote-id-wrapper .quote-id, .congratulations-wrapper .congratulations-inner .quote-id-wrapper .id {
        font-size: 16px;
    }

    .congratulations-wrapper .congratulations-inner .success_icon svg {
        max-width: 120px;
        height: auto;
    }

    .revenue-donut-chart.revenue-donut-two-chart {
        width: 300px;
    }

    .card-analytics-wrapper .counter-wrapper .counter-content h2 {
        font-size: 25px;
    }

    .card-analytics-wrapper .counter-wrapper .counter-content p {
        font-size: 14px;
    }

    .card-analytics-wrapper .counter-wrapper .counter-content:not(:last-of-type) {
        margin: 0 0 15px 0;
    }

    .calculator-wrapper .configure-now {
        font-size: 14px;
        padding: 8px 20px;
    }

    .calculator-wrapper .filetr-head {
        font-size: 14px;
    }

    .calculator-wrapper .filetr-head span {
        font-size: inherit;
    }

    .calculator-wrapper .flip-head {
        font-size: 20px;
    }

    .quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps:not(:last-of-type)::after {
        width: 25px;
        margin-left: 15px;
    }

    .quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps:not(:last-of-type) {
        margin-right: 15px;
    }

    .quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps::before {
        width: 22px;
        height: 22px;
        font-size: 13px;
        margin-right: 8px;
    }

    .dashboard-cards-wraper .stats-wrap h3 {
        font-size: 50px;
    }

    .tabs-wrapper .nav-tabs .nav-link {
        font-size: 17px;
    }

    .tabs-wrapper .nav-tabs .nav-item:not(:last-of-type) {
        margin-right: 30px;
    }

    .nested-menu {
        width: 260px;
        padding: 15px;
        min-width: 260px;
    }

    .setting-page-wrapper .page-content-wrap {
        max-width: calc(100% - 260px);
    }

    .main-site-wrapper .dashboard-side-menu-wrapper {
        width: 230px;
        min-width: 230px;
    }

    .whole-wrapper .page-content-flex, .page-content-flex {
        max-width: calc(100% - 230px);
    }


    .page-content-wrap {
        padding: 30px;
    }

    .tab-search.search-filter {
        margin-bottom: 30px;
    }

    .nested-menu .menu-items ul>li>a, .nested-menu .menu-title, .nested-menu .menu-items ul .accordion-button {
        font-size: 14px;
        padding: 10px 15px;
    }

    .nested-menu .menu-items ul .accordion-button {
        padding-right: 30px;
    }

    .child-menu-wrapper {
        padding: 10px 15px;
    }

    .child-menu-wrapper .child-item {
        padding: 5px 0px;
        font-size: 12px;
    }

    .custom-table .table, .custom-table table.dataTable {
        font-size: 14px;
    }

    .calculator-wrapper .back-container, .calculator-wrapper .flip-box-front, .calculator-wrapper .price-area {
        padding: 20px;
    }

    .calculator-wrapper .btns-area {
        bottom: 20px;
        right: 20px;
    }

    .calculator-wrapper .flip-head {
        margin-bottom: 15px;
        padding-top: 0px;
    }

    .calculator-wrapper .flip-box p {
        font-size: 15px;
    }

    .calculator-wrapper .price-val {
        padding: 8px 9px;
        font-size: 13px;
    }

    .calculator-wrapper .price-area .price-text {
        font-size: 14px;
    }

    select.form-select, .calculator-wrapper select, .form-control, .calculator-wrapper input:not([type="checkbox"]):not([type="radio"]) {
        font-size: 14px;
    }

    .fl-price.gap-10 {
        gap: 5px;
    }

    .calculator-wrapper .flip-head img {
        height: 30px;
        margin-right: 10px;
    }
}

/* // `xxl` applies to x-large devices (large desktops, less than 1500px) */

@media (max-width: 1499.98px) {

    .revenue-donut-chart.revenue-donut-two-chart {
        width: 280px;
    }

    .dashboard-cards-wraper .stats-wrap p {
        font-size: 16px;
    }

    .page-content-wrap {
        padding: 25px;
    }

    .breadcrumbs-wrapper {
        padding: 15px 25px;
    }

    .dashboard-cards-wraper .dashboard-card {
        padding: 25px;
    }
}

/* // `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .bordr-custom {
        border-left: none;
        border-top: 1px solid #E0E0E0;
        margin-top: 20px;
        padding-top: 20px;
    }

    .site-header .right-menu-wrap .dropdown-menu {
        max-width: 350px;
        min-width: 350px;
    }

    .quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps:nth-last-child(2)::after {
        display: none;
    }

    .quote-nav-wrap .quote-nav .nav-progress-wrap {
        justify-content: space-between;
    }

    .quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps:nth-last-child(2) {
        margin-right: 0;
    }

    .quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps.closed {
        display: none;
    }

    .profile-wrapper .account-info .custom-width .add-member {
        padding: 20px;
        margin: 0 0 30px 0;
    }

    .setting-page-wrapper {
        display: block !important;
    }

    /************/
    .setting-page-wrapper .page-content-wrap {
        max-width: calc(100% - 0px);
    }

    .nested-menu {
        position: fixed;
        z-index: 1;
        height: 100%;
        left: -300px;
        transition: .3s;
        z-index: 22;
        top: 60px;
    }

    .nested-menu.open {
        left: 0;
    }

    .custom-table .table td, .custom-table .table th {
        padding: 10px 10px;
        white-space: nowrap;
    }

    .tab-search.search-filter.d-xl-flex .search-filter-padding {
        padding-right: 0;
        margin-bottom: 15px;
    }

    .revenue-donut-chart.revenue-donut-two-chart {
        width: 300px;
    }
}

/* // `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {

    .calculator-wrapper .tco-form-module div[class*="col-md"] {
        margin-bottom: 15px;
        margin-top: 0 !important;
    }

    .quote-heading {
        padding: 20px;
    }

    .calculator-wrapper .flip-box-front, .calculator-wrapper .back-container, .calculator-wrapper .price-area {
        padding: 20px;
    }

    .calculator-wrapper .tick-img {
        right: 20px;
        top: 20px;
    }

    .calculator-wrapper .price-val {
        padding: 6px 15px;
    }

    .pricing-solution-margin .input-wrap input {
        padding: 10px 10px;
    }

    .myreports-widget-table .myreports-widget-tbody .myreports-widget-td, .summary-table .tfooter .myreports-widget-td, .summary-table .myreports-widget-tr.thead-bottom .myreports-widget-td, .summary-table .thead-top .myreports-widget-td {
        padding: 6px 10px;
        font-size: 14px;
    }

    .calculator-wrapper .tick-img img {
        width: 20px;
    }

    .calculator-wrapper .flip-head {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .calculator-wrapper .flip-head img {
        height: 25px;
        margin-right: 10px;
    }

    .calculator-wrapper .btns-area {
        bottom: 20px;
        right: 20px;
    }

    .calculator-wrapper .configure-now {
        font-size: 14px;
        padding: 8px 15px;
    }

    .page-content-wrap .page-heading h1 {
        font-size: 22px;
    }

    .page-content-wrap .page-heading p {
        font-size: 14px;
    }

    .page-heading {
        margin: 0 0 20px;
    }

    .success-modal .modal-dialog .success-message .icon-wrapper svg {
        height: auto;
        max-width: 130px;
    }

    .success-modal .modal-dialog .success-message .icon-wrapper {
        margin: 0 0 20px 0;
    }

    .success-modal .modal-dialog .success-message .text-wrapper p {
        font-size: 20px;
        margin: 0 0 15px 0;
    }

    .success-modal .modal-dialog {
        max-width: 440px;
    }

    .quote-nav-wrap {
        top: 60px;
    }

    .content-modal .modal-content .modal-body, .modal-theme .modal-body, .request-modal .button-wrap {
        padding: 20px;
    }

    .pricing-solution-margin {
        padding: 25px;
    }

    .pricing-solution-margin, .infr-type, .business-case-cda {
        margin-bottom: 30px;
    }

    .error-message {
        margin-top: 0;
    }

    .error-message p {
        font-size: 12px;
    }

    .quote-heading .quote-id {
        font-size: 25px;
    }

    .request-modal .max-size-file-upload .max-szie {
        font-size: 12px;
    }

    .request-modal .max-size-file-upload .file-upload-wrap .file-wrapper .file-name {
        font-size: 14px;
    }

    .request-modal .max-size-file-upload .file-upload-wrap .upload {
        margin-left: 10px;
    }

    .request-modal .max-size-file-upload .file-upload-wrap .upload .file-upload-label svg {
        height: auto;
        width: 20px;
    }

    .congratulations-wrapper .congratulations-inner .text-wrap h1 {
        font-size: 28px;
    }

    .congratulations-wrapper .congratulations-inner .text-wrap p {
        font-size: 18px;
    }

    .congratulations-wrapper .congratulations-inner .quote-id-wrapper .quote-id {
        font-size: 14px;
    }

    .congratulations-wrapper .congratulations-inner .quote-id-wrapper .id {
        font-size: 16px;
    }

    .congratulations-wrapper .congratulations-inner .info {
        font-size: 12px;
    }

    .congratulations-wrapper .congratulations-inner .quote-id-wrapper {
        border-radius: 5px;
        margin: 0 auto 15px;
        padding: 10px;
    }

    .congratulations-wrapper .congratulations-inner .success_icon svg {
        height: auto;
        max-width: 100px;
    }

    .congratulations-wrapper .back-button svg {
        max-width: 16px;
        height: auto;
    }

    .congratulations-wrapper .back-button {
        font-size: 16px;
    }

    .quote-nav-wrap {
        padding: 15px 15px;
    }

    .summary-table .edit-action-btn {
        margin-right: 5px;
    }

    .quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps {
        font-size: 14px;
    }

    .summary-table .tfooter .myreports-widget-text {
        font-size: 16px;
    }

    .quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps::before {
        margin: 0 0 10px 0;
    }

    .quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps {
        position: relative;
        text-align: center;
        flex-direction: column;
    }

    .quote-nav-wrap .quote-nav .nav-progress-wrap .progress-steps::after {
        position: absolute;
        top: 10px;
        right: -15px;
        display: none;
    }


    .statusSidebar .offcanvas-body {
        padding: 20px;
    }

    .statusSidebar .heading h3 {
        font-size: 24px;
    }

    .statusSidebar .heading {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .statusSidebar .quote-journey .quote-step:not(:last-of-type) {
        min-height: 55px;
        padding-bottom: 15px;
    }

    .statusSidebar .quote-journey .quote-step .comment-wrap .reply-button {
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .statusSidebar .quote-journey .quote-step .show-hide-replies-wrap {
        margin-top: 10px;
    }

    .statusSidebar .quote-journey .quote-step .show-hide-replies-wrap .show-hide-message {
        margin-bottom: 10px;
    }

    .statusSidebar .quote-journey .quote-step .text p, .statusSidebar .quote-journey .quote-step .status-version .version-wrapper .version-body p, .statusSidebar .quote-journey .quote-step .status-version .status-text, .statusSidebar .heading p, .statusSidebar .quote-journey .quote-step .comment-wrap .comment-post .txt-wrap, .statusSidebar .quote-journey .quote-step .status-version .version-wrapper a.version-btn {
        font-size: 12px;
    }

    body, .btn, .form-control, .statusSidebar .quote-journey .quote-step .title h4, .custom-table .table, .custom-table table.dataTable, .form-group label.form-label, select.form-select, .calculator-wrapper select, .form-control, .calculator-wrapper input:not([type="checkbox"]):not([type="radio"]) {
        font-size: 14px;
    }

    .statusSidebar .quote-journey .quote-step .status-version .version-wrapper a.version-btn::before {
        top: 0;
    }

    .search-filter .search-filter-padding {
        padding-right: 20px;
    }

    .search-filter .search-filter-padding .custom-search-input, .page-heading .search-filter-padding .custom-search-input {
        background-position: 10px 50%;
        padding-left: 35px;
        background-size: 16px;
    }

    .whole-wrapper .page-content-flex, .page-content-flex {
        max-width: calc(100% - 0px);
    }

    .site-main-wrapper.login-page .form-outer-wrapper .main-heading h1 {
        font-size: 30px;
        margin: 0 0 20px 0;
    }

    .whole-wrapper {
        display: block !important;
    }

    .profile-wrapper .account-info .custom-width .add-member .button-wrap {
        padding-top: 0;
    }

    .site-main-wrapper.login-page .form-wrapper {
        padding: 30px;
    }

    .dashboard-cards-wraper .stats-wrap h3 {
        font-size: 40px;
        margin: 0 0 0px 0;
    }

    .dashboard-cards-wraper .stats-wrap {
        padding: 20px;
    }

    .site-header {
        padding-left: 15px;
        background: #fff;
        padding-right: 15px;
    }

    .main-site-wrapper .dashboard-side-menu-wrapper {
        position: fixed;
        height: 100%;
        z-index: 1;
        right: -240px;
        z-index: 21;
        height: calc(100vh - 53px);
    }


    .main-site-wrapper .dashboard-side-menu-wrapper.open-sidebar {
        right: 0;
    }

    .site-header.border-bottom {
        position: sticky;
        top: 0;
    }

    .site-header .right-menu-wrap .notification-drp {
        width: 40px;
        height: 40px;
    }

    .card-analytics-wrapper .counter-wrapper .counter-content {
        text-align: center;
    }

    .pricing-solution-margin h4 {
        font-size: 22px;
    }

    .calculator-wrapper .filetr-head {
        font-size: 14px;
    }

    .site-header .right-menu-wrap .notification-drp .notification-count {
        top: 2px;
        right: 7px;
    }

    .site-header .right-menu-wrap .notification-drp svg {
        height: auto;
        width: 16px;
    }

    .nested-menu .menu-items {
        max-height: unset;
        overflow: auto;
    }

    .nested-menu {
        height: calc(100vh - 60px);
        overflow: auto;
    }
}

/* // `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
    .forgot-wrap {
        top: 11px;
        right: 13px;
        background-size: contain;
        width: 18px;
        height: 18px;
    }

    .profile-wrapper .account-info .custom-width .security-wrapper {
        padding-top: 10px;
        /* margin-top: 0px; */
    }

    .profile-wrapper .account-info .custom-width .security-wrapper h3 {
        margin: 0 0 15px 0;
    }

    .quote-heading .quote-id {
        font-size: 20px;
        margin: 0 0 15px 0;
    }

    .profile-wrapper .account-info .custom-width .form-group.mb-4 {
        margin-bottom: 1rem !important;
    }

    .breadcrumbs-wrapper {
        padding: 12px 15px;
    }

    .pricing-solution-margin {
        padding: 20px;
    }

    .pricing-solution-margin h4 {
        font-size: 16px;
    }

    .revenue-donut-chart {
        min-width: inherit;
        height: 250px;
        max-width: 100%;
    }

    .dashboard-cards-wraper .dashboard-card .dashboard-card-header .right-wrap-analytics .analytics-drop label {
        flex-grow: 1;
    }

    .dashboard-cards-wraper .dashboard-card .dashboard-card-header .right-wrap-analytics .analytics-drop+.analytics-drop {
        margin-left: 0;
        margin-top: 10px;
    }

    .quote-heading .cust-data .input-wrap {
        margin-top: 5px;
        padding-left: 0px;
    }

    .myreports-widget-table {
        margin-bottom: 20px;
    }

    .profile-wrapper .account-info .profile-image {
        width: 120px;
        height: 120px;
    }

    .profile-wrapper .account-info .profile-image .img-wrap {
        font-size: 45px;
    }

    .profile-wrapper .account-info .profile-image .edit-wrap {
        right: -2px;
        bottom: 10px;
    }

    .profile-wrapper .account-info .profile-image .edit-wrap label {
        width: 30px;
        height: 30px;
        padding: 6px;
    }

    .site-header .right-menu-wrap .notification-drp-wrap {
        margin: 6px 6px;
    }

    .create-quote-spacing {
        position: relative;
        padding-bottom: 110px !important;
    }

    .dashboard-cards-wraper .dashboard-card .dashboard-card-header h3 {
        margin: 0 0 10px 0;
    }

    .site-main-wrapper.login-page .form-wrapper {
        padding: 20px;
        margin-bottom: 20px;
    }

    .dashboard-cards-wraper .dashboard-card .dashboard-card-header {
        margin: 0 0 15px 0;
    }

    .site-main-wrapper.login-page .form-wrapper .form-heading h3 {
        font-size: 25px;
        margin-bottom: 10px;
    }

    .form-control, select.form-select, .calculator-wrapper input:not([type="checkbox"]):not([type="radio"]) {
        padding: 10px;
    }

    select.form-select {
        padding-right: 35px;
    }

    .calculator-wrapper select {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .site-main-wrapper.login-page .form-wrapper .button-wrap {
        margin: 0 0 20px 0;
    }

    .site-main-wrapper.login-page .main-content-wrap {
        padding: 40px 0;
    }

    .dashboard-cards-wraper .dashboard-card {
        padding: 15px;
    }

    .site-header .right-menu-wrap .dropdown-menu .dropdown-header {
        font-size: 17px;
        padding: 15px 15px;
    }

    .site-header .right-menu-wrap .dropdown-menu a.view-all-btn {
        margin: 13px auto;
    }

    .site-header .right-menu-wrap .dropdown-menu .notification-list li .dropdown-item {
        padding: 10px 15px !important;
    }

    .site-header .right-menu-wrap .dropdown-menu .notification-list li .dropdown-item .text-wrap h5, .page-content-wrap .page-heading p, .date-range-picker, .right-wrap .drop-wrap .table-dropdown button, .dashboard-cards-wraper .dashboard-card .notification-list li p, .custom-table .table, .additional-info .form-check label {
        font-size: 14px;
    }

    .page-content-wrap .page-heading p {
        letter-spacing: 0;
    }

    .site-header .right-menu-wrap .dropdown-menu .notification-list li .dropdown-item .text-wrap p, .dashboard-cards-wraper .dashboard-card .notification-list li .time {
        font-size: 12px;
    }

    .page-content-wrap .page-heading h1 {
        font-size: 22px;
    }

    .dashboard-cards-wraper .dashboard-card .dashboard-card-header h3 {
        font-size: 16px;
    }

    .date-range-picker {
        font-size: 14px;
        padding: 10px 10px;
        width: 100%;
    }

    .quote-nav-wrap {
        top: 52px;
    }

    .nested-menu {
        top: 52px;
    }

    .site-main-wrapper.login-page .form-outer-wrapper .main-heading h1 {
        font-size: 22px;
    }

    .site-main-wrapper.login-page .form-wrapper .form-heading {
        margin: 0 0 20px 0;
    }

    .site-main-wrapper.login-page .form-wrapper .form-heading h4 {
        font-size: 18px;
    }
}

/* `sm` applies to x-small devices (portrait phones, less than 576px) */


@media (max-width: 575.98px) {
    .page-content-wrap, .quote-heading {
        padding: 15px;
    }

    .btn-primary, .btn-secondary, .btn-bordered {
        padding-left: 10px;
        padding-right: 10px;
    }

    .content-modal .modal-content .modal-body, .modal-theme .modal-body, .request-modal .button-wrap {
        padding: 15px;
    }

    .pricing-solution-margin, .infr-type, .business-case-cda {
        margin-bottom: 20px;
    }

    .request-modal .max-size-file-upload {
        flex-direction: column-reverse;
    }

    .request-modal .max-size-file-upload .file-upload-wrap {
        flex-direction: row-reverse;
        justify-content: start;
    }

    .request-modal .max-size-file-upload .file-upload-wrap .upload {
        margin-left: 0;
        margin-right: 10px;
    }

    .error-message p {
        max-width: 100%;
    }

    .right-wrap .drop-wrap .table-dropdown button {
        min-width: unset;
    }

    .right-wrap .drop-wrap+.drop-wrap {
        margin-left: 0;
        margin-top: 15px;
    }

    .right-wrap .drop-wrap+.drop-wrap {
        margin-left: 0;
        margin-top: 15px;
    }

    .right-wrap .drop-wrap .table-dropdown button {
        width: 100%;
    }

    .site-header .right-menu-wrap .dropdown-menu {
        min-width: 290px;
    }

    .nested-menu {
        top: 50px;
    }

    .page-heading .tco-icon.bars_icon {
        margin-top: 3px;
    }

    .page-heading .right-wrap .btn+.btn {
        margin-left: 0px;
    }

    .page-heading .right-wrap {
        display: grid;
        gap: 10px;
    }
}

@media (max-width: 360.98px) {
    .site-header .right-menu-wrap .dropdown-menu {
        min-width: 260px;
    }

    .notification-list li .dropdown-item .icon {
        width: 30px;
        min-width: 30px;
        height: 30px;
        font-size: 11px;
    }
}
