@media (min-width: 1700px) {
        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl,
        .container-xxl {
            max-width: 1680px !important;
        }
    }
    
    @media(max-width:1699px) {
        .document-list .doc-list-item {
            flex: 0 0 25%;
        }
        .lic-col-list .ll-card {
            flex: 1 0 0%;
            max-width: 20%;
            min-width: 20%;
        }
        .lic-col-list .ll-card .ilc-head{
            font-size: 18px;
        }
        .lic-col-list .ll-card .ilc-value{
            font-size: 16px;
        }
    }
    
    @media(max-width:1440px) {
        .document-list .doc-list-item {
            flex: 0 0 33.33%;
        }
    }
    
    @media(max-width:1366px) {
        .search-li input {
            min-width: auto;
        }
    }
    
    @media(max-width:1200px) {
        .sidebar-main {
            width: 270px;
        }
        .sidebar-main .sidebar-content {
            padding: 10px 20px 20px;
        }
        main.content-wrapper {
            max-width: calc(100% - 270px);
            padding: 10px 20px;
        }
        header.main-header nav a.navbar-brand {
            width: 270px;
            padding: 20px 20px;
        }
        .page-title {
            margin: 0 0 30px 0;
        }
        .lic-col-list .ll-card >div {
            padding: 10px;
        }
        .lic-col-list .ll-card .ilc-head{
            font-size: 16px;
        }
    }
    
    @media(max-width:1199px) {
        .form-process svg {
            max-width: 85%;
        }
        .acc-card-head {
            display: none;
        }
        ul.acc-card li .acc-card-li .hr-text label,
        ul.acc-card li .acc-card-li .hr-action label {
            font-family: 'Raleway';
            font-style: normal;
            font-weight: 700;
            font-size: 18px;
            line-height: 21px;
            color: #363B45;
            display: block;
            margin: 0 0 20px 0;
        }
        .hr-acc ul.acc-card li .acc-card-li {
            align-items: flex-start;
        }
        ul.acc-card li .acc-card-li .hr-text,
        ul.acc-card li .acc-card-li .hr-action {
            width: 50%;
            margin: 0px 0 20px 0;
            display: flex;
            flex-direction: column;
        }
        ul.acc-card li .acc-card-li .hr-action .action-view {
            max-width: max-content;
        }
    }
    
    @media(max-width:1024px) {
        .form-subtitle {
            margin: 0 0 30px 0;
            font-size: 20px;
            line-height: 26px;
        }
        h2.form-title {
            font-size: 40px;
            line-height: 50px;
        }
        .form-inner p {
            margin: 30px 0 0 0;
        }
        .form-group:last-child {
            margin: 30px 0 0 0;
        }
        .fl-logo {
            margin: 0 0 30px 0;
        }
        .form-group input.form-control,
        .form-group select.form-select {
            padding: 13px;
            line-height: 20px;
            font-size: 16px;
        }
        .btn-theme,
        .delete-profile {
            padding: 15px;
            line-height: 18px;
            font-size: 16px;
        }
        .delete-profile svg {
            height: 20px;
            width: 20px;
        }
        .form-process svg {
            max-width: 75%;
        }
        .p-img {
            height: 175px;
            width: 175px;
        }
        table.theme-table tr td,
        table.theme-table thead tr th {
            font-size: 16px;
            line-height: 20px;
            padding: 15px 10px;
        }
        a.file-pdf {
            font-size: 16px;
        }
    }
    
    @media(max-width:991px) {
        .form-main-sec .row.align-center {
            flex-direction: column-reverse;
        }
        .fr-col {
            min-height: auto;
        }
        .fr-div img {
            width: 180px;
        }
        .fl-logo {
            text-align: center;
        }
        .mobile-process-img {
            margin: 30px 0;
        }
        .fp-title {
            font-family: 'Gilroy-Bold';
            font-size: 22px;
            line-height: 24px;
            color: #232323;
            margin: 0 0 30px 0;
        }
        .form-row .form-col {
            flex: 0 0 100%;
            max-width: 100%;
        }
        .form-row:last-child {
            margin: 20px 0 0 0;
        }
        .document-list .doc-list-item {
            flex: 0 0 50%;
            width: 50%;
        }
        .document-list .doc-list-item .doc-card {
            padding: 25px;
        }
        .document-list .doc-list-item .doc-card .doc-title {
            font-size: 18px;
        }
    }
    
    @media(max-width:767px) {
        .fr-div img {
            width: 148px;
        }
        .fp-title {
            font-size: 18px;
            line-height: 21px;
        }
        /* Mobile header */
        header.main-header {
            padding: 20px 30px;
            background: #fff;
        }
        header.main-header nav a.navbar-brand {
            width: calc(100% - 48px);
            padding: 0;
            text-align: center;
        }
        header.main-header nav a.navbar-brand .nav-logo {
            max-width: 110px;
        }
        .sidebar-toggler {
            display: flex;
            background: transparent;
            border: 0;
            outline: 0;
            box-shadow: none;
            margin: 0;
            padding: 0;
            font-size: 24px;
            width: 24px;
        }
        /* mobile menu */
        .sidebar-main.show {
            width: 100% !important;
            position: absolute;
            left: 0;
            transition: 0.3s;
        }
        .sidebar-main {
            left: -100%;
            display: flex !important;
            width: 100% !important;
            height: 100%;
            transition: 0.3s;
            padding: 90px 0 0 0;
        }
        .sidebar-main .sidebar-content {
            padding: 10px 30px;
        }
        .sidebar-content ul.sidebar-menu li {
            padding: 15px 20px;
        }
        /* header right icons */
        header .header-right ul.navbar-nav {
            display: inline-flex;
            width: 100%;
            flex-direction: row;
            padding-right: 0 !important;
            margin-right: 0 !important;
            justify-content: flex-end;
        }
        .header-right ul.navbar-nav .user-dropdown span {
            display: none;
        }
        header.main-header nav.navbar * {
            /* flex: 1; */
        }
        header .header-right {
            background: #fff;
            flex: 1;
            min-height: auto;
        }
        header .notification-icon svg path {
            fill: #031d74;
        }
        header .header-right ul.navbar-nav li.nav-item.user-dropdown {
            margin-left: 0px;
        }
        .sidebar-toggler[aria-expanded="true"] i:before {
            content: "\f00d";
            transition: 0.3s;
        }
        .user-dropdown .h-user-img {
            height: 24px;
            width: 24px;
        }
        header.main-header nav.navbar li.notification,
        header.main-header nav.navbar li.search-li {
            display: none;
        }
        header .header-right ul.navbar-nav li.nav-item a {
            padding: 0;
        }
        header .header-right ul.navbar-nav li.nav-item .dropdown-menu a {
            padding: 5px 10px;
        }
        .sidebar-content ul.sidebar-menu li.sign-out-li {
            position: unset;
        }
        .sidebar-content ul.sidebar-menu li a {
            font-size: 18px;
            line-height: 22px;
        }
        main.content-wrapper {
            max-width: 100%;
            padding: 10px 30px;
        }
        .form-group-title {
            margin: 10px 0 20px 0;
            font-size: 20px;
        }
        .page-title {
            margin: 0 0 15px 0;
            font-size: 28px;
        }
        /* modal */
        .timesheet-modal-card h4 {
            font-size: 18px;
            line-height: 21px;
        }
        .timesheet-modal-card ul li {
            font-size: 14px;
            line-height: 16px;
        }
        #reportpdf .modal-content,
        #completejob-modal .modal-content,
        .ft-modal .modal-content {
            padding: 15px 20px 20px 20px;
        }
        #reportpdf .modal-header button.btn-close,
        #completejob-modal .modal-header button.btn-close,
        .ft-modal .modal-header button.btn-close {
            right: -5px;
        }
        h5.modal-title {
            font-size: 24px;
            line-height: 28px;
        }
        p.modal-sub-title {
            font-size: 16px;
            line-height: 19px;
        }
        #reportpdf .modal-header,
        #reportpdf .modal-body,
        #reportpdf .modal-footer,
        #completejob-modal .modal-header,
        #completejob-modal .modal-body,
        #completejob-modal .modal-footer,
        .ft-modal .modal-header,
        .ft-modal .modal-body,
        .ft-modal .modal-footer {
            padding: 10px;
        }
        a.modal-link {
            font-size: 16px;
            line-height: 19px;
        }
        #reportpdf .modal-footer button.btn-theme {
            padding: 10px;
            line-height: 24px;
        }
        .btn-2col {
            margin: 15px 0 0 0 !important;
        }
        .btn-2col button.btn-theme {
            flex: 0 0 100%;
            max-width: 100%;
            margin: 15px 0 0 0;
            padding: 15px !important;
        }
        ul.acc-card li .acc-card-li .acc-card-title {
            justify-content: start;
            font-size: 16px;
        }
        ul.acc-card li .acc-card-li>div {
            flex: 0 0 100%;
            display: flex;
        }
        ul.acc-card li .acc-card-li .acc-card-action {
            justify-content: end;
            margin: 20px 0;
        }
        .ul-acc .accordion-item {
            background: #FFFFFF;
            box-shadow: 0px 18px 50px rgba(54, 59, 69, 0.03);
            border-radius: 10px;
            padding: 20px;
        }
        ul.acc-card li .acc-card-li {
            padding: 0;
            box-shadow: unset;
        }
        .ul-acc .accordion-body {
            margin-top: 20px;
        }
        button.action-btn svg {
            width: 16px;
            height: 16px;
        }
        button.action-btn {
            font-size: 14px;
            padding: 6px 8px;
            min-width: 35px;
        }
        .profile-group>div {
            margin: 0 auto 20px;
        }
        .profile-group {
            margin-bottom: 20px;
        }
        .p-action {
            width: 100%;
        }
        .p-action button,
        .p-action input {
            width: 100% !important;
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 12px 15px;
            line-height: 18px;
            font-size: 16px;
        }
        .p-action button svg {
            height: 16px;
            width: 16px;
        }
        .profile-btn-2col button.btn-theme+button.btn-theme {
            margin: 20px 0 0 0;
        }
        .profile-btn-2col.btn-2col {
            margin: 0 auto !important;
            width: 100%;
            max-width: 100%;
        }
        .p-img {
            width: 150px;
            height: 150px;
        }
        .document-list .doc-list-item .doc-card {
            padding: 15px;
        }
        .document-list .doc-list-item .doc-card .doc-icon {
            height: 35px;
            padding: 0;
        }
        .document-list .doc-list-item {
            flex: 0 0 33.33%;
            width: 33.33%;
        }
        ul.acc-card li .acc-card-li .hr-text,
        ul.acc-card li .acc-card-li .hr-action {
            width: 100%;
        }
        .hr-acc .accordion-item {
            box-shadow: unset;
            padding: 0;
        }
        .hr-acc .accordion-item ul li {
            padding: 20px;
            background: #FFFFFF;
            box-shadow: 0px 18px 50px rgba(54, 59, 69, 0.03);
            border-radius: 10px;
        }
        .hr-acc .accordion-item ul li+li {
            margin-top: 30px;
        }
    }
    
    @media(max-width:575px) {
        .fl-logo {
            margin: 0 0 40px 0;
        }
        h2.form-title {
            font-size: 26px;
            line-height: 30px;
            margin: 0 0 10px 0;
        }
        .form-subtitle {
            font-size: 15px;
            line-height: 18px;
            margin: 0 0 30px 0;
        }
        .form-group label,
        .form-group label.form-check-label {
            font-size: 12px;
            line-height: 14px;
        }
        .form-group input.form-control {
            font-size: 12px;
            line-height: 14px;
            padding: 16px;
        }
        .form-group {
            margin-bottom: 15px;
        }
        .form-group .form-check .form-check-input {
            height: 16px;
            width: 16px;
        }
        .form-group label.form-check-label {
            margin: 0 0 0 0;
        }
        .form-group:last-child {
            margin: 30px 0 0 0;
        }
        .form-inner p {
            margin: 30px 0 0 0;
            font-size: 14px;
            line-height: 18px;
        }
        .fl-col .form-inner {
            max-width: 100%;
        }
        .form-group input.form-control::-webkit-input-placeholder {
            /* Edge */
            font-size: 12px;
            line-height: 14px;
        }
        .form-group input.form-control:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            font-size: 12px;
            line-height: 14px;
        }
        .form-group input.form-control::placeholder {
            font-size: 12px;
            line-height: 14px;
        }
        .fileupload-wrapper .edit-img {
            font-size: 12px;
            line-height: 14px;
        }
        .fileupload-wrapper {
            padding: 50px 0;
        }
        .form-content-card p {
            margin: 10px 0 0 0;
            font-size: 12px;
            line-height: 14px;
        }
        .form-content-card label.form-label {
            font-size: 14px;
            line-height: 16px;
        }
        .document-list .doc-list-item .doc-card {
            padding: 10px;
        }
        .document-list .doc-list-item .doc-card .doc-title {
            font-size: 12px;
        }
        .form-group-title {
            font-weight: 600;
            font-size: 16px;
            line-height: 19px;
        }
        .hr-acc {
            margin-bottom: 65px;
        }
        .hr-head button.btn-theme {
            position: fixed;
            bottom: 15px;
            left: 50%;
            transform: translateX(-50%);
            width: calc(100% - 75px);
        }
        .remaining-holiday {
            margin: 0 auto;
            font-size: 14px;
            padding: 15px 20px;
        }
        .remaining-holiday span.holiday-count {
            font-size: 62px;
        }
        .hr-head {
            margin: 30px 0;
        }
        .edit-form-row .form-group textarea,
        .edit-form-row .form-group input,
        .edit-form-row .form-group select {
            font-size: 12px;
            line-height: 14px;
            padding: 16px;
        }
    }
    
    @media(max-width:360px) {
        header.main-header nav a.navbar-brand {
            width: 50%;
        }
    }