@media (min-width: 1200px) and (max-width: 1399px) {
  .card-heading h3 {
      font-size: 16px;
  }
    .project-icon {
        right: 13px;
        padding: 10px;
    }
    .project-icon svg {
        width: 25px;
        height: 25px;
    }
    .card-body.custom-accordion.questioner-accordina.py-4 .nav-pills .nav-link {
        padding: 12px 10px;
      white-space: nowrap;
    }
    .search-section svg {
        right: -154px;
    }

}
@media (min-width: 1400px) and (max-width: 1800px) {
    .project-icon svg {
        width: 23px;
        height: 23px;
    }
    .project-card {
        padding: 10px 7px;
    }
    .card-heading h3 {
        font-size: 16px;
    }
    .project-graph {
        margin-left: -20px;
        margin-right: -17px;
    }
    .project-icon {
        right: 10px;
        padding: 10px 12px 12px 12px;
    }
    .search-section svg {
        right: -194px;
    }




}


    @media(max-width:1680px) {
        .login-form {
            width: 415px;
        }

        .login-left {
            width: 473px;
        }

        .login-right {
            width: calc(100% - 473px);
        }

        .login-content {
            width: 47%;
        }

        .profile-sec span {
            bottom: 44px;
            right: -100px;
        }

        .profile-sec {
            margin-right: 20px;
        }

        .wizard.vertical > .steps {
            width: 24%;
        }

        .custom-search {
            display: none;
        }

        .add-cons-btn.mt-2 button {
            white-space: nowrap;
        }
        .card-body.custom-accordion.questioner-accordina.py-4 .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            padding: 10px 8px;
            white-space: nowrap;
            font-size: 16px;
        }
        .card-body.custom-accordion.questioner-accordina.py-4 .nav-pills .nav-link {
            padding: 10px 8px;
            white-space: nowrap;
            font-size: 16px;
        }
       
       
    }

    @media(max-width:1366px) {
        .week-report-sec {
            margin-top: 0px;
        }
        .login-heading h2 {
            font-size: 40px;
        }

        .login-right {
            padding: 50px 20px;
        }

        .login-content {
            top: 0;
            bottom: 0;
            transform: translate(0);
            font-size: 16px;
        }

            .login-content p {
                transform: translate(1%, -11%);
                margin: 0px;
                font-size:15px;
            }

        .wizard.vertical > .steps {
            width: 24%;
        }

        .custom-search {
            display: none;
        }

        .primary-btn {
            padding: 9px 20px;
        }

        .add-edti-btn-classification {
            display: flex;
            gap: 5px;
        }

        .add-cons-btn.mt-2 button {
            white-space: nowrap;
        }

        .skill-logo img {
            width: 80%;
        }

        .skill-heading {
            margin-top: 10px;
        }

            .skill-heading h3 {
                font-size: 25px;
            }

            .skill-heading p {
                font-size: 20px;
                margin: 8px 0px 0px 0px;
                text-align: center;
            }

        .form-heading h2 {
            font-size: 22px;
            line-height: 30px;
        }

        .form-heading h1 {
            font-size: 30px;
            margin-bottom: 0px;
        }

        .form-heading {
            padding: 0px;
        }

            .form-heading h1 {
                margin-bottom: 15px;
            }

        .logo-login img {
            width: 155px;
        }

        .purchas-card-hed {
            padding: 0px 0px 0px 38px;
        }

        .certified-custom-table table tr {
            font-size: 9px;
        }

        .certified-custom-table table tbody tr td {
            font-size: 8px;
        }

        .certified-custom-table .complance-table tr td {
            font-size: 16px;
        }
    }

    @media(max-width:1100px) {
        .login-heading h2 {
            font-size: 30px;
        }

        .login-right {
            display: none;
        }

        .login-left {
            width: 100%;
            padding: 20px;
        }

        .login-form {
            width: 600px;
            margin-right: auto;
        }

        .usernav .user-details {
            display: none;
        }

        .usernav .userimage {
            margin-right: 10px;
        }

        .card-aria {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }

        .wizard.vertical > .steps {
            width: 90%;
        }

        .wizard.vertical > .content {
            width: 94%;
        }

        .custom-search {
            display: none;
        }

        .secondary-btn {
            padding: 0 8px;
            white-space: nowrap;
            font-size: 14px;
        }

        .primary-btn {
            padding: 14px 8px;
            font-size: 15px;
            white-space: nowrap;
        }

        .add-cons-btn.mt-2 button {
            white-space: nowrap;
        }

        .view-btn-set {
            align-items: center;
            display: flex;
            justify-content: center;
        }

        .skill-heading h3 {
            font-size: 23px;
        }

        .skill-heading {
            margin-top: 10px;
        }

            .skill-heading p {
                font-size: 18px;
                margin: 6px 0px 0px 0px;
            }

        .skill-logo img {
            width: 140%;
        }
        .contact-details {
            background: #023066;
            margin: 10px 0px;
          }
        .card-body.custom-accordion.questioner-accordina.py-4 .nav-pills .nav-link {
            white-space: nowrap;
        }
        .search-section input {
            width: 60%;
        }
     }


    @media(max-width:991px) {
        .week-report-sec {
            margin-top: 30px;
        }
        .login-right {
            display: none;
        }

        .login-left {
            width: 100%;
            padding: 20px;
        }

        .login-form {
            width: 600px;
            margin-right: auto;
        }

        .sidebar {
            left: -292px;
        }

        .main-panel,
        .sidebar-collapse .main-panel {
            width: 100%;
            margin-left: 0;
        }

        header,
        .sidebar-collapse header {
            width: 100%;
            left: 0;
        }

        .sidebar-collapse .sidebar {
            left: 0px;
            width: var(--sidebar-width);
            background: var(--white);
            z-index: 9999;
        }

        .sidebar-collapse img.full-logo {
            display: block;
        }

        .sidebar-collapse img.mini-logo {
            display: none;
        }

        .sidebar-collapse .sidebar-list > li > a span {
            display: block;
        }

        .sidebar-collapse .sidebar-list > li > a {
            padding: 15px 15px 15px 15px;
            justify-content: left;
        }

        .sidebar-collapse .sidebar-list li.submenu-open ul.submenu {
            position: inherit;
            margin-top: 12px;
            padding: 0 0 0 53px;
            border: none;
            box-shadow: none;
            min-width: inherit;
            left: inherit;
            max-height: 360px;
            transition: .6s;
            display: block;
        }

        button.closenav {
            border: none;
            position: absolute;
            right: 0px;
            background: var(--white);
            width: 40px;
            height: 40px;
            display: flex;
            justify-content: center;
            align-items: center;
            border: 1px solid var(--asset-border);
            border-left: none;
        }

            button.closenav span {
                font-size: 30px;
            }

        .sidebar-list {
            max-height: calc(100vh - 180px);
            overflow: auto;
        }

        .wizard.vertical > .content {
            width: 100%;
        }

        .wizard.vertical > .steps {
            width: 100%;
            min-height: 479px;
        }

        .choose-main {
            display: inline-block;
        }

        .logo-section img {
            width: 30%;
            margin: 20px;
        }

        .header-plan {
            margin: 25px 20px;
        }

        .card-aria {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }
        .pay-btn-margin {
            margin-top: 10px;
        }

        .custom-search {
            display: none;
        }

        .primary-btn {
            height: 50px;
            padding: 15px 15px;
            font-size: 16px;
        }

        .secondary-btn {
            height: 50px;
            padding: 0 9px;
            font-size: 16px;
            justify-content: center
        }

        .center-sec {
            text-align: start !important;
        }

        .skill-heading p {
            font-size: 18px;
            margin: 6px 0px 0px 0px;
        }

        .skill-heading h3 {
            font-size: 25px;
        }

        .skill-heading {
            margin-top: 10px;
        }

        .skill-logo img {
            width: 100%;
        }
        .card-body.custom-accordion.questioner-accordina.py-4 .nav-pills .nav-link {
            padding: 10px 8px;
            white-space: nowrap;
            font-size: 16px;
        }
        .card-body.custom-accordion.questioner-accordina.py-4 .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            padding: 10px 8px;
            white-space: nowrap;
            font-size: 16px;
        }
        .search-section svg {
            right: -104px;
        }
    }

    @media(max-width:767px) {
        .wizard.vertical > .content {
            width: 100%;
        }

        .wizard.vertical > .steps {
            width: 100%;
            min-height: 479px;
        }

        .profile-sec span {
            position: relative;
            bottom: -56px;
            left: -40px;
        }

        .ent-rec {
            flex-direction: column;
        }

        .pay-btn-margin {
            margin-top: 10px;
        }

        .card.pay-sec-card {
            margin-bottom: 20px;
        }

        .search-bar {
            display: none;
        }

        .manage-constraction {
            display: block;
        }

        .skill-heading p {
            font-size: 30px;
            margin: 17px 0px 20px 0px;
        }

        .skill-heading h3 {
            font-size: 35px;
        }

        .skill-heading {
            margin-top: 10px;
        }

        .skill-logo img {
            width: 30%;
        }
        .main-jurney-sect {
            align-items: stretch;
            flex-direction: column;
        }

       /********************************/
        .card-body.custom-accordion.questioner-accordina.py-4 .nav-pills .nav-link {
            padding: 5px 5px;
            font-size: 16px;
            white-space: nowrap;
            margin-bottom:15px;
        }
        .card-body.custom-accordion.questioner-accordina.py-4 .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
            padding: 8px 8px;               
            font-size: 16px;              
        }
        .accordion-body pt-3 copy-pre .report-sec { font-size:14px;
        }
    }

@media(max-width:540px) {
    .profile-info {
        margin-left: 15px;
        font-size: 14px;
    }

    .pay-btn-margin {
        margin-top: 10px;
    }

    .search-bar {
        display: none;
    }

    .main-panel {
        padding: 100px 10px 10px;
    }

    .valid-date {
        display: flex;
        flex-direction: column;
    }

    .add-cons-btn.mt-2 button {
        width: 100%;
    }

    .create-const-btn.text-end button {
        width: 100%;
        margin-top: 10px;
    }

    .non-per-certification {
        padding: 0px 10px;
    }

    .fringes-benifit-sec {
        margin-left: 5px;
    }

    .dd-menu {
        width: 280px;
    }

    .add-section-form {
        flex-direction: column;
        gap: 10px;
    }

    .rec-class {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .paycheck-heading-table {
        display: flex;
        flex-direction: column;
    }

    .skill-logo img {
        width: 30%;
    }

    .skill-heading {
        margin-top: 10px;
    }

        .skill-heading h3 {
            font-size: 20px;
        }

        .skill-heading p {
            font-size: 15px;
            margin: 8px 0px 8px 0px;
        }

    .main-jurney-sect {
        align-items: stretch;
        flex-direction: column;
    }

    .spot-report-btn-grup {
        flex-direction: column;
        gap: 10px;
    }

    .action-sport-check-btn {
        flex-direction: column;
    }

    button.download-icone {
        justify-content: center;
    }
    .faq-image.text-center {
        border-top: 1px solid lightgray;
    }
    .faq-image img {
        width: 45%;
        margin-top: 10px;
    }
    .faq-header-sec {
        padding: 15px 5px;
        padding-bottom: 40px;
    }
    .faq-header-sec h2 {
        font-size: 19px;
    }
    .search-section input {
        width: 70%;
        padding: 0px 18px;
    }
    .search-section svg {;
        right: -114px;
    }
    .dropdown.filter-btn-faq.d-flex a.dropdown-toggle {
        width: 100%;
    }
    .filter-btn-faq .dropdown-toggle::after {
        margin-left: 0px;
    }
}
    @media(max-width:450px) {
        .dd-menu {
            width: 280px;
        }

        .main-panel {
            padding: 100px 10px 15px;
            overflow:hidden;
        }

        .date-mobi {
            flex-direction: column;
            margin-top: 15px;
        }

        .wizard.vertical > .content {
            margin: 0;
            width: 100%;
        }

        .wizard.vertical > .steps {
            border: 0;
        }

        .choose-main {
            display: inline-block;
        }

        .card-aria {
            display: flex;
            justify-content: center;
            margin-bottom: 20px;
        }

        .logo-section img {
            width: 30%;
            margin-top: 20px;
        }

        .header-plan {
            margin: 25px 10px;
        }

        .profile-part {
            flex-direction: column;
        }

        .proupdate-section {
            margin: 0px;
            padding: 15px;
        }

        .logo-make-sec img {
            width: 30%;
            margin: 10px 0px;
        }

        .icon-pay svg {
            width: 22px;
        }

        .card.pay-sec-card {
            margin-bottom: 20px;
        }

        .pay-btn-margin {
            margin-top: 10px;
        }

        .profile-info p {
            font-size: 14px;
        }

        .search-bar {
            display: none;
        }

        .form-check-box {
            flex-direction: column;
        }

        .main-date {
            flex-direction: column-reverse;
            gap: 9px;
        }

        .bil-name {
            flex-direction: column;
            gap: 4px;
        }
        .btnhub-seciton {
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        /******************Purchas-subscription-choose-plan-satart***********************************/
        .card-rate-sec {
            margin-top: 10px;
            font-size: 22px;
        }

        .content-plane h2 {
            margin-bottom: 4px;
            font-size: 18px;
        }

        .plan-choose-section {
            flex-direction: column;
        }

        .content-plane p {
            font-size: 12px;
        }

        .discrip-section-repor span {
            font-size: 25px;
        }

        .per-report-sec h4 {
            font-size: 20px;
        }

        .purchas-choose-plan .nav-pills .nav-link.active,
        .nav-pills .show > .nav-link {
            padding: 10px 10px;
        }

        .purchas-choose-plan .nav-pills .nav-link {
            margin: 3px 0px;
            padding: 10px 10px;
        }

        .card-height {
            height: auto;
        }

        .per-report-sec {
            padding: 15px 10px;
        }

        .purchas-card-hed h3 {
            font-size: 20px;
        }

        .purchas-tag span {
            padding: 15px 30px 4px 43px;
            font-size: 14px;
        }

        .purchas-tag {
            top: 6px;
            right: -31px;
        }

        .dot-content-sec {
            gap: 17px;
        }

        .plan-choose-section {
            align-items: start;
        }

        .card-rate-sec {
            margin-left: 30px;
        }

        .primary-btn {
            text-wrap-mode: nowrap;
            font-size: 18px;
            padding: 11px 25px;
            height: 50px;
        }


        .add-edti-btn-classification {
            display: flex;
            flex-direction: column;
            gap: 5px;
            margin-bottom: 5px;
        }

        .notice-search-sec button.btn.primary-btn {
            width: 60%;
        }

        .title {
            font-size: 25px;
        }

        .notice-search-sec {
            flex-wrap: wrap;
            justify-content: center;
        }

        .ent-rec {
            flex-direction: column;
        }

        .search-bar {
            display: none;
        }

        .dropdoaern-section .dd-menu {
            width: 275px;
            padding: 0px 0px 15px 0px;
        }
        /*****************************************/
        .purchas-card-hed {
            padding: 0px;
        }

        .main-purchase-card {
            border: none;
            border-radius: 0px;
            box-shadow: none;
            padding: 0px;
            margin: 0px;
        }


        /******************Purchas-subscription-choose-plan-end*************************************/

        /***********custom-steper-btn-start********************************/
        .stepers-btn {
            gap: 10px;
        }

        ul.stepers-btn li {
            padding: 10px 13px;
            font-size: 13px;
        }

        .stepers-btn li::after {
            width: 70px;
            z-index: 0;
        }

        .stepers-btn li::before {
            display: none;
        }
        /***********custom-steper-btn-end********************************/
        .valid-date {
            display: flex;
            flex-direction: column;
        }

        .validpage-date {
            display: block;
        }

        .manage-constraction {
            display: block;
        }

        .add-cons-btn.mt-2 button {
            width: 100%;
        }

        .create-const-btn.text-end button {
            width: 100%;
            margin-top: 10px;
        }

        .non-per-certification {
            padding: 0px 10px;
        }

        .fringes-benifit-sec {
            margin-left: 5px;
        }
        /************************************************/
        .report-heading-sec {
            flex-direction: column;
        }

        .reports-card {
            padding: 10px 10px 10px;
        }

        .e-sign-btn {
            display: flex;
            flex-direction: column;
            gap: 5px;
        }
        /****************copy-master-to-master-data*****************************/
        .source-heading {
            margin-bottom: 15px;
        }

        .first-master-sec {
            box-shadow: none;
            margin: 0px;
            border-radius: 0px;
        }

        .master-form-sec {
            padding: 0px;
        }

        .source-heading h3 {
            font-size: 23px;
        }

        /********************************************/
        .rec-class {
            display: flex;
            flex-direction: column;
            gap: 16px;
            margin-bottom: -6px;
            padding-bottom: 20px;
        }
        .jurneynen-brief-section.mb-2 {
            flex-direction: column;
            align-items: self-start;
            gap: 10px;
        }

        .palan-btn {
            display: flex;
            gap: 30px;
        }

        .active-plans {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            gap: 20px;
        }

        /*****Dashboard-responsive**/
        .secound-graph {
            margin-top: 0px;
        }

        .alnalisis-heading {
            flex-direction: column;
        }

        .custom-left-side {
            height: 100%;
        }

        .login-con .showrepeatpassword {
            top: 70px;
            right: 24px;
        }

        .Admin-sections {
            display: flex;
            margin-bottom: 15px;
            flex-direction: column;
            gap: 20px;
            align-items: self-start;
        }
        .group-btn-faq {
            display: flex;
            flex-direction: column;
            width:100%;
        }
        .faq-user-section {
            display: flex;
            flex-direction: column;
        }
        .search-section svg {
            right: -84px;
        }
        .paycheckinput label {
            border: 2px solid #ccc;
            gap: 5px;
            padding:5px;
        }
        .paycheckinput label .checkmark1 {
            width: 20px;
            height: 18px;
        }
            .paycheckinput label .checkmark1:after {
            width: 12px;
            height: 12px;
        }

        .apply-fringes a.tool-icon {
            left: 340px;
        }
        .reported-payroll-check label {
            font-size: 14px;
        }
     /**/
        
    }

/* Footer responsive */
@media (max-width: 768px) {
    .footer-row {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
    .footer-links {
        gap: 10px;
        font-size: 12px;
    }
    .footer-separator {
        width: 3px;
        height: 3px;
    }
    .footer-copyright {
        font-size: 13px;
        text-align: center;
    }
    .site-footer {
        padding: 20px 0;
        margin-top: 32px;
    }
}