@media (min-height: 400px) and (max-height: 700px) {
    .messageRowWrapper {
        max-height: 250px;
    }
}
@media screen and (max-width: 1600px) {
    .calendarDaysWrap {
        width: 100%;
        overflow-x: scroll;
    }
} /*1600px*/
@media screen and (max-width: 1690px) {
    .pageFilteRow {
        flex-wrap: wrap;
    }
    /* .pageFilteCol{width:22%} */
    .frm-col-bg,
    .date-col {
        width: 26%;
    }
    .search-col {
        width: 26%;
    }
    .frm-col-sm,
    .doer-col .created-col,
    .status-col {
        width: 20%;
    }
    .pageFilteRow .pageFilteCol {
        width: 33% !important;
    }
    .pageFilteRow .pageFilteCol:nth-last-child(2) {
        width: 28% !important;
    }
    .pageFilteRow .pageFilteCol.w-auto:nth-last-child(2) {
        width: auto !important;
    }

    .makeNotestable,
    #timeView,
    .addTaskRowWrapper {
        overflow-x: scroll;
    }
    .fieldLabelInfoText {
        left: inherit;
        right: -10px;
    }
    .fieldLabelInfoText:before {
        left: inherit;
        right: 10px;
    }
    /* .voice-note .fieldLabelInfo .fieldLabelInfoText{left: 0;right: auto;} */
    .voice-note .fieldLabelInfoText:before {
        left: 50%;
        transform: translateX(-50%);
    }

    .carousel-wrapper {
        width: 85%;
    }
    .tab-bx .boardTitleRow {
        width: calc(100% - 88%);
    }
    table .emailid {
        width: 250px;
        min-width: 250px;
        max-width: 250px;
    }
} /*1500px*/
@media screen and (max-width: 1400px) {
    /* table th{min-width:60px; width: 60px;} */
    /* .attendanceWrapper th, .attendanceWrapper td {min-width: 120px;} */
    /* .pageTableWrapper {overflow: auto;} */
    .delegationInnerArea .pageTableWrapper,
    /* .table-scroll {
        overflow-x: scroll;
    } */

    .tableScrollWrapper th {
        min-width: 120px;
    }
    .attendanceWrapper th {
        min-width: 100px;
    }
    .management-table th,
    .management-table td {
        min-width: 120px;
    }
    /* .pageTableWrapper{position: relative;} */
    table .description,
    table .descriptioncol {
        min-width: 250px;
    }
    table .ticket-id {
        min-width: 120px;
        width: 120px;
    }
    table .check-col {
        min-width: 50px;
        max-width: 50px;
        width: 50px;
    }
    table .process_name {
        min-width: 200px;
        max-width: 200px;
    }
    table .location_name {
        min-width: 200px;
        max-width: 200px;
        width: 200px;
    }
    table .meeting-location {
        width: 200px;
    }

    table .check-col input[type="checkbox"],
    input[type="radio"] {
        margin: 0;
    }
    table .message-col,
    table .sm_col {
        max-width: 135px;
        width: 135px;
        min-width: 135px;
    }
    table th.message-col {
        text-align: center;
    }
    table td.message-col {
        text-align: center;
        vertical-align: middle;
    }
    table .issue-type {
        min-width: 130px;
        width: 130px;
        white-space: normal;
    }
    table .entry-title {
        min-width: 150px;
        width: 150px;
        white-space: normal;
    }
    table .voice-note {
        width: 180px;
        min-width: 180px;
        vertical-align: middle !important;
    }
    /* table .ticket-id{min-width:130px} */
    table .status-col {
        width: 100px;
        min-width: 100px;
    }
    table .entry-title-col {
        width: 90px;
        min-width: 90px;
    }
    table .date-col {
        width: 125px;
        min-width: 125px;
    }
    table .task-day {
        width: 100px;
        min-width: 100px;
    }
    table td.editDelete {
        width: 125px;
    }
    table .message-col.single {
        width: 84px;
        min-width: 84px;
        max-width: 84px;
    }
    .attendanceWrapper table .message-col.single {
        width: 100px;
        min-width: 100px;
        max-width: 100px;
    }
    table .current-step {
        width: 170px;
        min-width: 170px;
    }
    table td .cdnnArea {
        width: 100%;
    }
    table .date-col-bg {
        width: 178px;
        min-width: 178px;
    }
    table .doer-name {
        width: 125px;
        min-width: 125px;
    }
    table .doer-designation {
        width: 170px;
        min-width: 170px;
    }
    table .task-id {
        width: 100px;
        min-width: 100px;
    }
    table .category-name {
        width: 100px;
        min-width: 100px;
    }
    table .Upcoming-col {
        width: 120px;
        min-width: 120px;
    }
    table .frequency-col {
        width: 110px;
        min-width: 110px;
    }
    table .department-col {
        width: 140px;
        min-width: 140px;
    }
    table .sask-status {
        width: 130px;
        min-width: 130px;
    }
    table .split-type {
        width: 130px;
        min-width: 130px;
    }
    table .department-name {
        width: 160px;
        min-width: 160px;
    }
    table .fms-type {
        white-space: normal;
    }
    table .col_bg {
        width: 45%;
        min-width: 45%;
        white-space: normal;
    }
    table .recurring-edit-id {
        width: 60%;
        min-width: 60%;
        white-space: normal;
    }
    table .entry-uid {
        width: 130px;
        width: 130px;
    }
    table .task-action {
        width: 115px;
        min-width: 115px;
    }
    table .process-name {
        width: 250px;
        min-width: 115px;
    }
    table .project-name,
    table .file-name {
        width: 250px;
        min-width: 250px;
    }

    table .step-col {
        min-width: 60px;
        width: 60px;
    }
    table .message-col.single {
        width: 100px;
        min-width: 100px;
        max-width: 100px;
    }
    table .mob-col-bg {
        max-width: 200px;
        width: 200px;
        min-width: 200px;
    }
    .management-table th,
    .management-table td {
        min-width: 120px;
    }

    table .process-name {
        width: 250px;
        min-width: 115px;
    }
    table .project-name {
        width: 250px;
        min-width: 250px;
    }
    table .attendence-col {
        width: 100px;
        min-width: 100px;
    }
    table .milestone-col {
        width: 100px;
        min-width: 100px;
    }
    table .fully-kitted-col {
        width: 80px;
        min-width: 80px;
    }
    table .assign-hr-col {
        width: 50px;
        min-width: 50px;
    }
    table .development-type {
        width: 220px;
        min-width: 220px;
    }
    table .sr-no {
        width: 65px;
        min-width: 65px;
    }

    /* .pageTableWrapper{position: relative;} */
}
@media screen and (max-width: 1200px) {
    /* .pageTableWrapper{overflow: auto;}	 */
    .skin-blue .main-header .navbar,
    .content-wrapper,
    body.sidebar-mini.sidebar-collapse .content-wrapper {
        margin-left: 0 !important;
    }
    .main-header .mainToggleBtn,
    .userNameHeader,
    .userDesignationHeader,
    .navbar-custom-menu > .navbar-nav > li.user-menu a.dropdown-toggle:after {
        display: none;
    }
    .navbar-nav > .user-menu .user-image {
        left: inherit;
        right: 0px;
    }
    .moHeaderWrapper {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin: 0px;
        padding: 0px;
        justify-content: center;
    }
    .main-header .navbar-custom-menu {
        position: absolute;
        top: 19px;
        right: 0px;
    }
    .mobilehamburger {
        position: absolute;
        display: block;
    }
    /* .skin-blue .main-header .navbar {height: 75px;} */
    /* .navbar-custom-menu>.navbar-nav>li.user-menu.open>.dropdown-menu {top: 57px;}  */
    .main-sidebar,
    .sidebar-mini.sidebar-collapse .main-sidebar {
        z-index: 10002;
        width: 0 !important;
        transition: all 0.5s ease-in-out;
        margin: 0px;
        padding: 0px;
        transform: inherit;
    }
    .main-sidebar.openLeftMenu {
        margin-left: 0px;
        max-width: 500px;
        width: calc(100% - 50px) !important;
        z-index: 10002 !important;
    }
    body.bodyNoScroll {
        position: relative;
        overflow-y: hidden;
    }
    .menuOverlay {
        position: fixed;
        top: 0;
        left: 0px;
        background: rgba(0, 0, 0, 0.5);
        content: "";
        width: 100%;
        height: 100%;
        z-index: 10001;
        display: none;
    }
    .menuOverlay.showOverLay {
        display: block;
    }
    .main-sidebar .sidebar {
        position: inherit;
        top: inherit;
        height: 100vh;
        width: 100%;
        overflow-y: scroll;
    }
    .mobileMenuCross,
    .filterCross {
        position: absolute;
        top: 0;
        right: -35px;
        background: #005fb3;
        line-height: 0;
        width: 35px;
        height: 35px;
        color: #fff;
        justify-content: center;
        align-items: center;
        border-radius: 0 5px 5px 0;
        font-size: 20px;
        line-height: 35px;
    }
    .main-sidebar.openLeftMenu .mobileMenuCross {
        display: flex;
    }
    .breadcrumbRow {
        padding-top: 15px;
    }
    /* .tableDetailHeadingWrapper { padding-bottom: 15px;}	 */
    .tdCommentingArea {
        border-radius: 8px;
        padding: 15px 15px;
    }
    .row5Col .col-lg-3.dbDataCol {
        width: 33.33%;
    }
    .userDesignationMobile {
        display: block;
        color: #fff;
    }
    .uploadImgArea {
        width: 70px;
    }
    .navbar-nav
        > .user-menu
        > .dropdown-menu
        > li.user-header
        > .uploadImgArea
        img.img-circle {
        width: 70px;
        height: 70px;
    }
    .uploadImgArea .editUploadImg {
        bottom: 1px;
    }
    .dailyStatWrapper {
        overflow-x: scroll;
    }
    .meetingTabRow .pageFilteCol {
        width: 250px;
    }
    .sectionInfoModal {
        width: calc(100% - 60px);
    }
    header.main-header {
        padding: 0 15px;
    }
    header.main-header .siteMainContainer {
        width: 100%;
    }
    .header-lft {
        margin-left: 46px;
    }
    .mobilehamburger {
        top: 18px;
        left: 15px;
    }
    .skin-blue .main-header .navbar .dropdown-menu li a.text-link {
        color: #33475b;
    }

    .main-header .navbar-custom-menu a.text-link,
    .main-header .navbar-right a.text-link {
        color: #33475b;
    }
    .navbar-nav > .user-menu .user-image {
        top: -10px;
    }
    .navbar-custom-menu > .navbar-nav > li.user-menu.open > .dropdown-menu {
        top: 36px;
    }
    .siteMainContainer {
        padding-right: 0;
    }
    .big-modal {
        width: 75%;
    }
} /*1200px*/

@media screen and (max-width: 990px) {
    .userDB .dashbordInfoBox.dbDataColSingal {
        height: 110px;
    }
    .presentMembersRow .htFormRow {
        width: 33%;
    }
    #timeView .table > tbody > tr > td,
    #timeView .table > thead > tr > th {
        padding-left: 10px;
    }
    .meetingTabRow .myHitTabRow,
    .meetingTabRow .pageFilterArea {
        width: 100%;
    }
    .directorTabs {
        max-width: 100%;
        width: 100%;
    }
    .directorTabs ul li {
        width: auto;
        margin-right: 10px;
    }
    .directorTabs ul li:last-child {
        margin-right: 0px;
    }
    .directorTabs ul li a {
        font-weight: 500;
    }
    .helpTicketDetailsNew .tableDetailWrapper,
    .helpTicketDetailsNew .tdCommentingArea {
        height: auto;
    }
    .helpTicketDetailsNew .tdCommentingArea {
        margin-top: 30px;
    }
    .helpTicketDetailsNew .tdCommentingHeading {
        margin-top: 5px;
        padding-bottom: 15px;
        padding-top: 0;
    }
    .meetingTabRow .pageFilteCol {
        width: 100%;
    }

    /* .tasksFilteRow{    flex-direction: column-reverse;} */
    .tasksFilteRight {
        width: 50%;
    }
    .tasksFilteLeft {
        width: 50%;
        padding-right: 0px;
    }
    .tasksFilteBtnWrap {
        text-align: right;
        position: absolute;
        top: 0;
        right: 0;
    }
    .tasksFilteBtnWrap .filterIconBtn {
        margin: 0px;
    }
    .tasksFilteLeft .tasksFilteForm {
        width: 100%;
    }

    .login-wrapper .login-bg {
        height: 100%;
        position: absolute;
        width: 100%;
    }
    /* .login-wrapper .login-bg:before {position: absolute;width: 100%;height: 100%;background: #e9e9ed4d;z-index: 1;content: "";} */
    .login-wrapper .loginArea {
        width: 100%;
        max-width: calc(100% - 50px);
        position: relative;
        z-index: 2;
        background: #ffffffd9;
        padding: 50px 50px 40px;
        border-radius: 5px;
    }
    .tab-bx .boardTitleRow {
        width: 100px;
        padding-right: 9px;
    }

    .carousel-wrapper {
        width: calc(100% - 100px);
        margin: 0;
        padding-left: 0;
        padding-right: 12px;
    }
    .filter-btns form {
        width: calc(100% - 260px);
        margin-left: auto;
    }
    .delegationInnerArea .myHitTabRow {
        width: 360px;
    }
    .tableDetailHeadingWrapper {
        flex-wrap: nowrap;
    }

    .filter-btns {
        margin: 0 -20px 20px;
    }
    .filter-btns .add-task button {
        padding-left: 8px;
        padding-right: 8px;
    }

    .mob-wrap {
        flex-wrap: wrap;
    }
    .mob-wrap .headingBtnWrap {
        width: 100%;
        justify-content: flex-start;
        margin-top: 10px;
    }
    .mob-wrap .headingBtnWrap .gridSelectArea:first-child {
        margin-left: 0;
        margin-right: 0;
    }
    .mob-wrap .headingBtnWrap .filterIconBtn.downloadIconBtn,
    .mob-wrap .headingBtnWrap .btn {
        width: auto;
    }
    .mob-wrap .headingBtnWrap .filterIconBtn {
        height: 42px;
    }
    .project-fix {
        height: 80px;
    }
    .big-modal {
        width: 95%;
    }
    .big-modal .sectionInfoModal {
        width: 100%;
    }
    .big-modal .tableDetailWrapper,
    .big-modal .sectionInfoRightArea {
        width: 100%;
        /* width: 100%; */
    }
    .big-modal .sectionInfoArea {
        flex-direction: column-reverse;
    }
    .big-modal .sectionInfoArea .tableDetailWrapper {
        height: 300px;
    }
} /*990px*/

@media screen and (max-width: 767px) {
    .uploadImgWrapper .file-value:empty:before {
        display: none;
    }
    .tbcWrapper {
        margin: 20px 0 10px 0px;
        padding: 0px 0px 15px 0;
    }
    .tbcWrapperNumber {
        width: 100%;
        position: inherit;
        font-size: 40px;
        padding-top: 10px;
        text-align: center;
    }
    .tbcWrapperHead,
    .tbcWrapperText {
        max-width: 100%;
    }
    .skin-blue .main-header .navbar {
        height: 60px;
        position: relative;
    }
    /* .navbar-custom-menu>.navbar-nav>li.user-menu.open>.dropdown-menu {top: 48px;} */

    .moFilerClick {
        position: absolute;
        top: 0;
        right: 0px;
        margin: 0px;
        display: flex !important;
    }
    /* .headingBtnWrap{width: 100%; display: flex; flex-wrap:wrap; justify-content: space-between; padding: 20px 0 0 0}	 */
    .headingBtnWrap .btn {
        width: 100%;
        margin: 0;
    }
    .headingBtnWrap.twoBtnWrap .btn {
        width: calc(50% - 5px);
        padding-left: 0;
        padding-right: 0;
    }
    /* .pageFilterArea{width: 100%; margin: 0; background: #fff; position: fixed; top: 0; z-index: 100; right: 0; padding: 25px 30px; height: 100%; display: none;transition: all 0.5s ease-in-out;} */
    .pageFilterArea {
        width: 100%;
        margin: 0; /* background: #fff; */
        position: fixed;
        top: 62px;
        z-index: 100;
        right: 0;
        padding: 0;
        height: 100%;
        display: none;
        transition: all 0.5s ease-in-out;
    }
    .pageFilterArea form {
        background: #fff;
        padding: 39px 15px;
        box-shadow: 2px 3px 19px #ccc;
    }
    .pageFilterArea.moFilterShow.filterhide {
        display: none;
    }

    .pageFilterArea.moFilterShow {
        display: block;
        width: 100%;
    }

    .pageFilterArea.mob-relative {
        width: 100%;
        margin: 0;
        /*background: #fff;
        */
        position: relative;
        top: auto;
        z-index: 100;
        right: 0;
        padding: 0;
        height: auto;
        display: block !important;
        transition: inherit;
        -webkit-transition: inherit;
        -moz-transition: inherit;
        -ms-transition: inherit;
        -o-transition: inherit;
    }
    .pageFilterArea.mob-relative form {
        background: #fff;
        padding: 0;
        box-shadow: none;
    }

    .pageFilteRow {
        padding: 0px;
        max-height: calc(100vh - 35px);
        overflow-y: scroll;
    }
    .pageFilteRow .filterFormBtn {
        display: none;
    }
    .pageFilteCol,
    .pageFilteRow.pageFilteStartEnd .pageFilteCol {
        width: 50%;
        margin-bottom: 15px;
    }
    .pageFilteRow .pageFilteCol,
    .pageFilteRow .pageFilteCol:nth-last-child(2) {
        width: 50% !important;
    }
    .filterIconBtn path {
        fill: #005fb3;
    }
    /* .pageFilterArea {padding-top:80px;} */
    .recurringStatusTaskRow .filterIconBtn path {
        fill: #a9a2a2;
    }

    .filterCross {
        display: flex;
        top: 4px;
        right: 0px;
        border-radius: 3px;
        width: 25px;
        height: 25px;
    }
    .filterIconBtn.moFilerClick {
        border-radius: 4px;
        width: 30px;
        height: 30px;
    }

    /* .table {
        margin-bottom: 0px;
    } */
    .box-footer {
        padding-top: 20px;
    }
    .box-footer .col-sm-9 {
        padding: 20px 0 0 0px;
    }
    .pagination > li > a,
    .pagination > li > span {
        padding: 5px 8px;
        font-size: 12px;
    }
    .box-footer .dataTables_paginate {
        float: none !important;
        margin: 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    .pageMainHeading {
        font-size: 20px;
    }
    .htFormWrapper .pageMainHeading {
        margin-bottom: 20px;
        padding-top: 20px;
    }
    .htFormBtnRow {
        padding-top: 10px;
    }
    .htFormWrapper {
        padding-bottom: 40px;
    }
    .white-bx {
        margin-bottom: 20px;
        padding-bottom: 30px;
    }
    .section-heading {
        margin-top: 5rem;
    }
    .section-heading .page-title {
        font-size: 2.5rem;
    }
    .pageGoBack {
        font-size: 12px;
    }
    .htBackRow {
        position: relative;
        z-index: 6;
    }
    .pageGoBack svg {
        width: 20px;
        height: 15px;
    }
    .tdTopRow {
        padding-top: 5px;
    }
    .tableDetailWrapper {
        margin-top: 10px;
        height: auto;
    }
    .tdCommentingHeading {
        font-size: 20px;
        padding-top: 25px;
    }
    .tableDetailSection {
        padding-bottom: 35px;
    }
    .tdCommentingArea {
        height: auto;
    }
    .tdCommentingImg {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }
    /*.tdCommentingRow {padding-left: 50px; border-radius: 8px;} */
    .tdCommentingDescriptionRow {
        font-size: 14px;
    }
    .chatFormArea {
        border-radius: 8px;
    }
    .tableDetailRow {
        font-size: 14px;
    }
    .tdCommentingRow.abtPersonInfo {
        padding-left: 40px;
    }
    .tdCommentingAttachmentRow {
        width: 100%;
        height: 100px;
        position: inherit;
        top: 0;
        left: 0;
        margin-top: 20px;
    }
    .myHitTabRow {
        margin-bottom: 0;
    }
    .myHitTabRow {
        justify-content: space-between;
    }
    .myHitTabRow a {
        font-size: 14px;
        width: 48%;
        margin: 0px 0 10px;
        padding: 10px;
        text-align: center;
    }
    .myHitTabRow.hit3Tab a {
        width: calc(33.33% - 5px);
    }
    .emailFormArea .container {
        padding: 0px;
    }
    .tdActionWrap a.tdAcceptBtn {
        padding: 5px 10px 5px;
        margin-right: 1px;
        border-radius: 3px;
        font-size: 12px;
    }
    .tableDetailHeadingWrapper .pageMainHeading {
        width: calc(100% - 60px);
    }
    .tableDetailHeadingWrapper .pageGoBack {
        position: absolute;
        right: 0;
        top: 6px;
    }
    .filterSbLeft,
    .filterSbRight,
    .filterSbRight .pageFilteCol {
        width: 100%;
    }
    .myHitTabRow.tableTabRow,
    .directorTabs ul {
        overflow-x: scroll;
        white-space: nowrap;
        display: block;
        padding: 10px 0 15px 0;
        margin: 0px 0 10px;
    }

    .row5Col .col-lg-3.dbDataCol {
        width: 50%;
    }
    .row.hoursBurnigRow {
        padding-top: 15px;
        padding-bottom: 30px;
    }
    .scrollTableContainer {
        margin-top: 0px;
    }
    .table > thead > tr > th.fixedColumn {
        height: 80px;
    }
    .management-table th.thFmsColSpan br {
        display: none;
    }
    .management-table td.fixedColumn,
    .management-table th.fixedColumn {
        min-height: 80px;
    }

    .myHitTabRow.moPb0 {
        padding-bottom: 0px;
    }
    .table>tbody>tr>td,
/* .table>thead>tr>th{white-space: nowrap !important} */
/* .table>tbody>tr>td.tdDescription{white-space: normal!important; width: 230px; display: block;}	 */
.table>tbody>tr>td.fixedColumn {
        white-space: normal !important;
    }
    .table > thead > tr > th.chat-bx {
        white-space: normal !important;
    }

    .delegationInnerArea .table tr th:nth-child(3),
    .delegationInnerArea .table tr td:nth-child(3) {
        min-width: 200px;
        width: 200px;
    }

    .loginArea .alert {
        right: 0;
        top: -72px;
        width: 100%;
    }
    .tptHeadTop {
        padding-bottom: 20px;
    }
    .meetingTabRow {
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .presentMembersRow .htFormRow {
        width: 50%;
    }
    .meetingTopBtnWrap {
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .makeNotehead {
        font-size: 19px;
    }
    .presentMembersArea {
        padding-top: 30px;
    }
    .filterIconBtn.downloadIconBtn {
        width: 100%;
    }
    .myWorkTab {
        padding-bottom: 20px !important;
        margin-bottom: 30px !important;
    }
    .keyTaskCont {
        font-size: 18px;
    }
    .goalInfoRow {
        font-size: 16px;
    }
    .goalObjectiveWrap .gobScoreWrap {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    .directorTabs {
        padding-top: 25px;
    }
    .directorTabs ul {
        padding: 0 0 10px 0;
        margin-bottom: 20px;
    }
    .directorTabs ul li {
        display: inline-block;
        margin-bottom: 0px;
        margin-right: 5px;
    }
    .directorTabs ul li a {
        font-weight: 500;
        font-size: 14px;
        height: 35px;
        border-radius: 5px;
        padding: 0 15px;
    }
    .directorTabWrapper .row.dbInformationRow {
        padding-top: 0px;
    }
    .directorInfoBox {
        margin-bottom: 10px;
        border-radius: 6px;
        height: 50px;
        padding: 0 10px;
    }
    .directorInfoValue {
        font-size: 20px;
    }
    .directorInfoLabel {
        font-size: 14px;
        font-weight: 500;
    }
    .pageFilteDirectorLeft {
        width: 100%;
    }
    .pageFilteDirectorLeft .pageFilteCol {
        width: 50%;
    }
    .odFormRightCol {
        width: 100%;
    }
    .goalStatusWrap input[type="checkbox"]:not(old) + label > span {
        width: 22px;
        border-radius: 4px;
        margin-right: 6px;
        height: 22px;
    }
    .goalStatusWrap input[type="checkbox"]:not(old),
    .goalStatusWrap input[type="checkbox"]:not(old) + label > span {
        width: 22px;
        height: 22px;
    }
    .messageBoardSection {
        width: calc(100% - 35px);
        padding: 15px;
    }
    .messageBoardSection .tdCommentingHeading {
        padding-top: 0px;
    }
    .tdCommentingRowContainer {
        padding-left: 45px;
    }
    .tdCommentingTopRow .chatFormArea {
        padding-right: 0;
    }
    .messageRowWrapper {
        max-height: calc(100vh - 240px);
    }
    .delegationArea .tableDetailHeadingWrapper .pageMainHeading,
    .delegationArea .headingBtnWrap {
        width: auto;
    }
    .delegationArea .headingBtnWrap {
        padding: 0px;
    }
    .delegationArea .headingBtnWrap.twoBtnWrap .btn {
        width: auto;
        margin-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }
    .misTableWrap {
        margin-bottom: 35px;
    }

    .board-item a.tab {
        padding: 10px;
    }
    .filter-btns {
        flex-wrap: wrap;
    }

    .filter-btns form {
        width: 100%;
    }
    .filter-btns form .tasksFilteRow {
        padding-left: 0;
        padding-right: 0;
    }
    .filter-btns .add-task,
    .filter-btns .add-task button {
        width: 100%;
        margin-left: 0;
    }
    .welcome-page {
        max-width: 80%;
    }
    .welcome-page h1 {
        font-size: 40px;
        line-height: 55px;
        margin-bottom: 10px;
    }
    .welcome-page p {
        font-size: 18px;
        line-height: 26px;
        margin: 0;
    }
    .tasksFilteRight {
        width: 100%;
        padding: 0;
        margin: 0 0 15px;
    }
    .tasksFilteLeft {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .tasksFilteLeft .tasksFilteForm {
        margin: 0;
    }
    .sectionInfoModal {
        width: auto;
    }

    #checklistFillForm .modal-body,
    .fmsLightBox .modal-body,
    #checklistFillForm .modal-body,
    .fmsLightBox .modal-body,
    .modal-body {
        padding: 30px;
    }
    .tdCommentingTopRow .tdCommentingImg {
        display: none;
    }
    .wrap {
        flex-wrap: wrap;
    }

    .wrap .headingBtnWrap,
    .wrap .filterIconBtn.downloadIconBtn,
    .tableDetailHeadingWrapper.wrap .btn {
        margin: 0;
        margin-top: 10px;
        width: 100%;
    }
    .wrap .headingBtnWrap.twoBtnWrap {
        flex-wrap: nowrap;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .wrap .headingBtnWrap.twoBtnWrap .filterIconBtn.downloadIconBtn {
        width: 49%;
        display: inline-flex;
        justify-content: flex-start;
        margin: 0;
    }
    .wrap .headingBtnWrap.twoBtnWrap .filterIconBtn {
        margin-right: 0;
    }
    .download_csv {
        display: flex;
        width: 100%;
        justify-content: space-between;
    }
    .wrap .download_csv .filterIconBtn.downloadIconBtn {
        width: 49%;
    }

    .mob-100 {
        width: 100% !important;
    }
    .exportbutton.mob-100 {
        text-align: center;
        justify-content: center !important;
        display: flex !important;
        align-items: center;
    }

    .navbar-custom-menu > .navbar-nav > li.user-menu.open > .dropdown-menu {
        top: 42px;
        width: 330px;
    }
    .dtl-box {
        justify-content: center;
    }
    .htFormCol .radio-button-row label.form-check {
        margin: 0 10px 10px 0px;
    }
    .splitTypeRow,
    .splitFmsSectionArea {
        flex-direction: column;
    }
    .splitFscLeft,
    .splitFscRight {
        flex-direction: column;
        padding: 0;
    }
    .splitTypeCol {
        width: 100%;
        margin-bottom: 20px;
    }

    .splitFscLeft .fmsCol3,
    .splitFscRight .fmsCol3 {
        width: 100% !important;
    }
    .splitFscLeft .fmsStepCol {
        padding-right: 0;
    }
    .splitFmsStepRow .splitfsc1 {
        position: relative;
        top: auto;
        left: auto;
        font-weight: 600;
        padding: 0px;
        width: 100% !important;
    }
    .splitFscRight .fmsStepCol {
        padding: 0;
    }
    .splitFmsStepRow .otherInfoSectionRow .fmsStepCol {
        width: 100%;
    }
    .otherInfoSectionRow {
        margin-top: 10px;
    }
    .otherInfoSection .fmsStepCol {
        padding-right: 0;
    }
    .radio-button {
        flex-direction: column;
        align-items: flex-start;
    }
    .htFormWrapper .radio-button label.radio-checklist,
    .htFormWrapper .radio-button.wrap label.radio-checklist {
        margin-left: 0;
        margin-top: 10px;
    }
    .fmsAddQusRow.fmsStep .fmsAddQusCol {
        width: 50%;
    }
    .fmsAddQusCol .remove-checklist {
        margin-left: 7px;
    }
    .choose-option li .option-name {
        width: 100%;
        margin-right: 0;
    }
    .entryChecklistRow .d-flex {
        display: flex;
        align-items: center;
    }
    .entryChecklistRow .d-flex .action {
        margin-left: 8px;
    }
    .button-group {
        display: flex;
        justify-content: space-between;
    }
    .button-group .btn {
        width: 49%;
    }
    .recruiter-detail .pageFilteRow {
        background: #fff;
        padding: 39px 15px;
        box-shadow: 2px 3px 19px #ccc;
        width: 100%;
        flex-wrap: wrap;
    }
    .recruiter-detail .pageGoBack {
        margin-right: 0;
        top: 68px;
    }
    .recruiter-detail .filterCross {
        z-index: 10;
    }
    .recruiter-detail .record-mob {
        display: flex;
        width: 200px;
        justify-content: flex-start;
        margin: 0;
        color: #000;
        background: transparent;
        flex-direction: row;
        justify-content: flex-start;
        padding: 20px 0 0;
    }
    .recruiter-detail .record-mob strong {
        margin-right: 8px;
    }
    .pageFilterArea .stats-card {
        display: none;
    }
    .task-filter {
        margin-top: 15px;
    }
} /*767px*/

@media screen and (max-width: 576px) {
    .htFormRow.htCol2 .htFormCol {
        width: 100%;
    }
    .pageFilteCol,
    .pageFilteRow.pageFilteStartEnd .pageFilteCol,
    .meetingTabRow .pageFilteCol {
        width: 100%;
    }
    .meetingTabRow .pageFilteCol {
        margin-bottom: 15px;
    }
    .ticketDetailsPopUpOuter {
        width: 100%;
    }
    .ticketDetailsPopUp {
        padding: 10px;
    }
    .tdPopUpInfoNumber {
        font-size: 10px;
    }
    .row5Col .col-lg-3.dbDataCol {
        width: 100%;
    }
    .presentMembersRow .htFormRow {
        width: 100%;
    }
    .pageFilteDirectorLeft .pageFilteCol {
        width: 100%;
    }
    .odFormRight,
    .odFormLeft {
        width: 100%;
    }
    .odFormRight {
        padding-top: 25px;
    }
    .goalStatusWrap {
        padding-top: 15px;
        width: 100%;
    }
    .addTaskArea {
        padding-top: 25px;
        padding-bottom: 50px;
    }
    /* .addTaskBtnRow {
        padding-top: 35px;
    } */
    .tasksFilteRow {
        padding: 12px 8px 0;
    }
    .tasksFilteRight .search-btn {
        right: 0;
    }
    .board-item a.tab {
        font-size: 14px;
    }
    .tasksFilteLeft .tasksFilteForm {
        width: 100%;
        margin-bottom: 10px;
    }
    .delegationArea .tableDetailHeadingWrapper {
        padding: 10px;
    }
    .addBenchmarkForm .htFormRow.htCol2 .htFormCol {
        width: calc(50% - 5px);
    }

    .pageFilteCol,
    .pageFilteRow.pageFilteStartEnd .pageFilteCol {
        width: 100%;
        margin-bottom: 15px;
    }
    .pageFilteRow .pageFilteCol,
    .pageFilteRow .pageFilteCol:nth-last-child(2) {
        width: 100% !important;
        padding-left: 0;
        padding-right: 0;
    }
    .htBackRow {
        position: relative;
        z-index: 2;
    }
    .pageFilterArea .pageFilteCol {
        padding-left: 0;
        padding-right: 0;
    }
    .mob-wrap .headingBtnWrap {
        justify-content: space-between;
    }
    .mob-wrap .headingBtnWrap .gridSelectArea:first-child {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        margin-bottom: 8px;
        margin-top: 8px;
    }
    .mob-wrap .headingBtnWrap .filterIconBtn.downloadIconBtn,
    .mob-wrap .headingBtnWrap .btn {
        width: 48%;
        margin: 0;
    }
    .sectionInfoModal .modal-body {
        padding-top: 0;
    }
    .checkbox-col {
        display: flex;
        align-items: center;
        margin: 0;
        line-height: 16px;
    }
    .gobInfoWrapper {
        flex-wrap: wrap;
    }
    .goalinfo {
        width: 100%;
        margin: 15px 0 0px;
        order: 1;
    }
    .goalinfo .gobInfoImg {
        width: 100px;
        height: 100px;
    }
    .gobInfoWrapper .gobInfoImg2 {
        justify-content: flex-start;
        height: auto;
    }
    .goalinfo .gobInfoSection {
        width: calc(100% - 100px);
    }
    .gobInfoWrapper + .gobLavelRow {
        padding-top: 10px;
    }
    .submit_goal {
        width: 100%;
    }
    .recruiter-detail .tableDetailHeadingWrapper.wrap .pageMainHeading {
        width: 100%;
        display: flex;
    }
} /*576px*/

@media screen and (max-width: 440px) {
    .login-wrapper .loginArea {
        padding: 40px 30px;
    }
    .loginArea .pageMainHeading {
        font-size: 32px;
        line-height: 38px;
        padding-top: 40px;
        text-align: center;
        padding-bottom: 10px;
    }
    .login-box-msg {
        font-size: 16px;
    }
    .tableDetailHeadingWrapper .btn {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 12px;
    }
}

@media screen and (max-width: 400px) {
    .welcome-page h1 {
        font-size: 34px;
        line-height: 45px;
    }
    .welcome-page p {
        font-size: 16px;
        line-height: 23px;
    }
}