@media(min-width:1200px) AND (max-width:1366px) {
    .flex1266EQCent {
        display:flex;
        align-items:center;
    }
    .nav-pills.navTxt  > li > a > span {
        font-size:11px !important;
    }
    /*.nav-pills > li > a {
        color: #00324e;
        min-width: 60px !important;
        padding: 10px 4px !important;
    }*/
}
@media(min-width:1366px){
    .table-responsive {
        overflow:visible !important;
    }
}

/*@media (min-width:1365px) AND (max-width:1440px) {
    .nav-pills > li > a {
        min-width: 70px !important;
        padding: 10px 7px !important;
    }
}*/

@media (min-width:1200px) AND (max-width:1365px){
    /*a.notificationLink span.NotiCounts {
        right:5px !important;
    }*/
    .nav-pills > li > a.anchors.notificationLink  {
        min-width:50px !important;
    }
}
@media(min-width:991px){
    .pr7 {
        padding-right:7px !important;
    }
    .pl7 {
        padding-left:7px !important;
    }
    .refferHRPopup {
        width:60% !important;
    }
    .refferHRPopup .padding40ModalBody  {
        padding-right:140px !important;
    }
}


@media (max-width:1200px){
    .iconSection {
        width: auto !important;
    }
    .assignedDateDue {
        display:none;
    }
    .assignedDateDueShow {
        display:block
    }
    .myRequest .PendingAprovecount {
        font-size:2em
    }
    .PendingAprovecountText h3 {
        font-size:13px !important;
    }
    .PendingAprovecountText span {
        font-size: 10px;
        line-height: 17px;
    }
}
@media (max-width:1199px) {
    .dropdown-menu-right991 {
        right:0px !important;
        left:auto !important
    }
    .FlxEMPdetails {
        display:flex !important;
       
    }
    .FlxEMPhd {
        width:155px !important;
        text-align: right !important;
    }
    .FlxEMPtext {
        width: calc(100% - 155px) !important;
    }
    .panelStickyForm {
        position:relative;
    }
    .clickAllModules {
        min-width: 190px !important;
    }
    .towSections {
        padding-left: 30px;
        justify-content: left;
    }
}
@media (max-width:991px) {
    .sideFormHeight {
        max-height:unset !important;
    }
    #ctl00_ctl00_lblMain {
        display:none !important
    }
    #ctl00_ctl00_lblMainMob {
        display:block !important;
    }
    .assignedDateDue {
        display:block;
    }
    .assignedDateDueShow {
        display:none
    }
    .respoShowingSidePanel {
        position: fixed;
        width: 100%;
        z-index: 1000;
        top:150px;
        display:none !important;
    }
    .displayBlock {
        display:block !important;
    }
    .btnBoxSaveTask {
        margin-bottom:5px;
        padding:2px 15px;
    }
    .taskViewPanelHeader {
        margin-top:-5px;
    }
    .taskViewMobile {
        padding-bottom: 10px;
        min-height: calc(100vh - 320px);
    }
    .writenbox {
        height: calc(100vh - 236px);
    }
    .writenbox2 {
        height: calc(100vh - 247px);
    }
    .pr-7, .pl-8 {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    .collapseTHWidth28 {
        width: 250px !important;
    }

    .modal-body .text-right {
        text-align: left;
    }

        .modal-body .text-right label {
            margin-left: 0px;
        }

    .padding40ModalBody {
        padding-right: 15px;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .RespoDiv250 {
        width: 250px !important;
    }
    
    .lnkUpdateTaskProgress, .lnkUpdateStatus {
        /*width:120px;
        display: block;*/
    }

    .form-group .text-right {
        text-align: left;
    }

    .sholistData2 {
        margin-top: 0px;
    }

    .filterBoxSContainer {
        display: grid;
        grid-template-columns: 50% 50%;
    }

    .taskinputs {
        height: auto;
    }

    .FormFlex {
        height: auto;
    }
    .dataBox {
        margin-top:0px;
        height: calc(100vh - 180px) !important;
    }
    .taskViewMobile {
        padding-bottom:10px;
    }
    .taskDayHeight {
        height: auto;
    }
    .headerCreatTaskbox {
         padding-bottom: 0px; 
         padding-top:10px;
         border-bottom: solid 1px #e4e4e4;
         min-height: 0px; 
    }
    .filterspace5px {
        margin-top:5px !important;
    }
    .table-responsive {
        margin-bottom: 0px;
        border: 0px !important;
    }
    .filtersPanels {
        margin-bottom:0px !important;
    }
    #addtskbtn {
        background:none !important;
        padding:0px !important;
        color:#1ca1da;
        display:block !important;
        border:0px;
        text-shadow:none;
        box-shadow:none;
        
    }
    .taskTblHeader {
        display:none;
    }
    
    .tblDivFlexManage .taskdivs {
        width:100%;
    }
    .taskViewMobile .taskinputs {
        margin-bottom:0px;
    }
      .taskViewMobile .taskinputs {
        height: calc(100vh - 320px) !important;
    }
    
    .tblDivFlexManage .taskdivs .well {
        padding: 0px 5px !important;
    }
    .DurationRange {
        width:195px !important;
    }
    .filtersPanels .panel-heading {
        min-height: 28px !important;
    }
   .filterBoxS {
        padding: 0px 0px;
            width: 100%;
            margin-bottom:7px !important;
    }
   .FlxEMPhd {
        width:120px !important;
        text-align: right !important;
    }
    .FlxEMPtext {
        width: calc(100% - 120px) !important;
    }
}



@media(max-width:769px) {
    .taskLeftTxt {
        float: left;
        width: 100px;
    }
    .userAssign {
        width: calc(100% - 100px);
        float: left;
    }
    .tblDivFlexManage>div {
        min-width: 50px;
    }
    .tblDivFlexManage .taskDetailBox1 {
        width: calc(100% - 100px) !important;
        text-align: left;
    }
    
     .thumberMention {
        display: flex;
        justify-content: center;
        margin:0px;
    }
    .subtaskNewBoxResponsive {
        padding: 5px;
    }

    .addSubTaskRespo .subtaskNewBox {
        padding: 5px;
    }

    .addSubTaskRespo .subtaskNewBox {
        padding: 10px;
    }

    .addSubTaskRespo .ttlSbtitl {
        width: 100%;
    }

    .addSubTaskRespo .sbtskttls {
        width: 100%;
        margin-left: 0px;
        border-bottom: 1px #d2d2d2 solid;
        margin-bottom: 10px;
    }

    .checkboxCmplornot {
        display: none;
    }

    .respoSubbtnCircle {
        display: block;
    }

    
    /*.tableMb0 tr{
        display:table !important;
    }
    .tableMb0 tr td, .tableMb0 tr th{
        display:table-row !important;
    }*/
    
}

@media (max-width:767px) {
    .assignedDateDue {
        display:none;
    }
    .assignedDateDueShow {
        display:block
    }
    .pnlHeadingFlex {
        display:block !important;
        padding: 10px 15px !important;
    }
    
    .panelMaster .pnlHeadingFlex , .collapsPanleHeader{
        display:flex !important;
        padding: 4px 15px !important;
    }
    .panelheadingtxt, .panelBtnsRight {
       width:100% !important;
    }
    .panelBtnsRight {
       width:100% !important;
    }
    /*.panelBtnsRight * {
        margin:5px 0px;
    }*/
    .mb-10 {
        margin-bottom:10px !important;
    }
    .Flex991.marT10 {
        margin-top:10px !important
    }
    .AllApps span {
     display:none;
    }
    .clickAllModules {
        min-width: 80px !important;
    }
}
/* Ipad and Mobile */
@media(max-width:991px){
    .Flex991 {
        display:flex !important;
    }
    .Flex991Equal {
        justify-content:space-between
    }
    .Flex991Middle {
        align-items:center;
    }
    .Flex991End {
        justify-content:flex-end
    }
    .Flex991Wrap {
        flex-wrap:wrap;
    }
    .Flex991 * {
        margin:0px !important
    }
    
}

@media only screen and (min-device-width : 360px) and (max-device-width : 540px) {
    .NewMainTitlacls {
        width: 100%;
        float: left;
    }
    .userAssign2 a {
        display:block;
        width:100%;
        clear:both;
        margin-bottom:5px;
        border-right:0px;
    }
    
    .userAssign2 p {
        margin:0px;
    }
    #TaskTitle {
        margin:0px;
    }
    .sbtskttls {
        border-bottom: solid 1px #e1e1e1;
        margin-bottom: 10px;
        padding: 13px 6px;
        margin-left:0px;
    }
    .userAssign2 {
         display: block; 
         align-items: center; 
    }

    .uploadDoNewTasks {
        width: 82px;
    }

    .ProjectAsnBox {
        width: 72% !important;
        float: left;
    }

    .popSbtskDtl {
        width: 100%;
    }

    .filterBoxSContainer {
        display: grid;
        grid-template-columns: 100%;
    }

    .FormFlex {
        display: block;
    }

    .frmLbl {
        width: 100%;
        text-align: left;
        padding-right: 10px;
        font-weight: 600;
    }

    .filterBoxS {
        padding: 0px 0px;
    }

    .frmTxtBx {
        width: 100%;
    }
}

@media only screen and (min-device-width : 541px) and (max-device-width : 767px) {
    .NewMainTitlacls {
        width: 76%;
        float: left;
    }
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .NewMainTitlacls {
        width: 83%;
        float: left;
    }

    .ProjectAsnBox {
        width: 79% !important;
        float: left;
    }

    .popSbtskDtl {
        width: 100%;
    }
}

@media only screen and (min-device-width : 992px) and (max-device-width : 1239px) {
    .NewMainTitlacls {
        width: 65%;
        float: left;
    }

    .ProjectAsnBox {
        width: 79% !important;
        float: left;
    }

    .popSbtskDtl {
        width: 100%;
    }
}

@media only screen and (min-device-width : 992px) and (max-device-width : 1239px) {
    .NewMainTitlacls {
        width: 65%;
        float: left;
    }

    .ProjectAsnBox {
        width: 79% !important;
        float: left;
    }

    .popSbtskDtl {
        width: 100%;
    }
}
@media only screen and (min-width:1240px) and (max-width:1440px) {
    .NewMainTitlacls {
        /*width: 72%;*/
        float: left;
    }
    .tabAssigned li a {
        padding:6px 23px 6px 15px !important;
        margin-right: 2px !important;
    }
}
@media only screen and (min-width:991px) and (max-width:1240px) {
    .NewMainTitlacls {
        /*width: 65% !important;*/
        float: left;
    }
}

@media (min-width:992px) {

    .forOnlyDeskSize .form-group {
        margin-bottom: 0px;
    }

        .forOnlyDeskSize .form-group .form-control {
            height: 31px;
        }

    .dropdownWidthSet {
        min-width: 240px;
    }

    #aTaskFilePath {
        /*position:absolute;*/
    }

    .FormHealthCare .modal-dialog {
        width: 780px;
        margin: 30px auto;
    }

    .FormHealthCare label {
        margin-left: 0px;
    }
}

@media (min-width:768px) {
    .modal80 .modal-dialog {
        width:70%;
    }
    .friendDtls {
        padding-left:14px;
        border-left:solid 1px #e1e1e1;
    }
}

@media(max-width:767px) {
    .formspace {
        width: 100%;
    }

    .pageHeadings {
        margin: 0px;
        font-size: 17px;
        margin-top: 5px;
    }

    /*.dataBox {
        height: auto !important;
    }*/
   .statusTaskClosedOpen {
        width: 100%;
        display: flex;
        justify-content: center;
    }
   .statusTaskClosedOpen p {
        min-width:100px;
        text-align:center;
   }
   .taskNameView {
       margin-top:15px !important
   }
   .taskNameView h3 {
       margin-bottom:0px;
   }
   .statusTaskClosedOpen {
       position:relative;
       top:0px;
   }
    .RightTaskView .innerBoxtaskShowBoxNew {
        width:calc(100% / 2);
        position:relative !important;
    }
    .RightTaskView .innerBoxtaskShowBoxNew:nth-child(1) {
        width:100%;
    }
    /*#aViewTaskDoc {
        position:absolute;
        top:5px;
        right:5px
    }
    #aViewTaskDoc span {
        display:none;
    }*/
    /*.headerCreatTaskbox .tab {
        margin-top: 10px;
    }*/
    .attchAfiles {
        margin-top:3px !important
    }
}
/*PAWAN*/

@media(max-width:767px){
    .Flex767Wrap {
        flex-wrap:wrap
    }
    .mt5Spc {
        margin-top:5px;
    }
    .datePickerColumn {
        margin:0px !important
    }
}
@media (max-device-width: 520px) and (orientation: portrait) {
    .height-all-size {
        height: calc(100vh - 133px);
        overflow-y: auto;
    }
    .whiteBG, .whiteBG2 {
        padding-left:0px !important;
        padding-right:0px !important;
    }
    .whiteBG2 {
        padding-top:15px !important;
    }
    .width100Mobile {
        width:100% !important;
    }
}
@media (min-device-width : 480px){
    .Flex480 {
        display:flex !important;
    }
    .Flex480Equal {
        justify-content:space-between
    }
    .Flex480Middle {
        align-items:center;
    }
    .Flex480End {
        justify-content:flex-end
    }
    .Flex480Wrap {
        flex-wrap:wrap;
    }
    .Flex480 * {
        margin:0px !important
    }
}

@media(max-width:575px) {
    .logoSize img {
        max-width: 125px !important;
    }
    .AllApps i {
        margin-top: 6px;
    }
    .clickAllModules {
        padding: 3px 0px !important;
        min-width: 64px !important;
    }
    .allModuleBox{
        width:315px;
    }
}