@media (max-width: 991px) {
	.dashboard-sec-box { margin-top: 1rem;}
	.g-d-0{--bs-gutter-y: 0;}
	.knob-cnt canvas{position: absolute;    transform: scale(0.4); /* top: -24px; left: -23px; */   left: -7px;  top: -7px;  width: 60px!important; height: 60px!important; }
  .buttons-search.position-absolute{position: relative!important; padding: 10px 0;}
  .card-c-panal{padding-bottom:5px;}
  .change-pass form.d-flex {display: block!important; width: 100%!important;} 

  .mobile-sec-profile .flex-shrink-0 {text-align: center;}
  .mobile-sec-profile .profile-left-img{margin: 0 auto;}


}
@media (max-width: 767px) {
  /*****-----Login-----*****/
	.tell-about-popup .modal-lg {width: auto;}
  .table-responsive-1.table-responsive .cssProgress {width: 200px;}
  .knob-cnt canvas{position: absolute;    transform: scale(0.4); /* top: -24px; left: -23px; */ }
  .tab-common .nav-link {padding: 7px 8px;display: block;width: 100%;font-size: 14px;border: 1px solid;}  
  .tab-common .nav-item {padding: 3px;}
  .table-responsive-mobile
  {overflow-x: auto!important;}
  .d-flex.mobile-sec-profile
  {display: block!important;}
  .logo-client {  max-width: 45px;  margin-left: 8px;}


  /*-------------------------*/
  .header { padding-left: 5px;padding-right: 5px;}
  .logo { width: 95px;}
  .mobile-menu-a{width:65%; flex-direction: row-reverse!important; }

  .nav__menu { width: 100%; position: absolute; background: #fff; top: 50px; left: 0; }
  .nav__menu > li {padding: 10px 20px; width: 100%; border-bottom: #eee 1px solid; }
  .mobile-menu-a > .nav__menu > li.dropdown > a > i{ /*justify-content: space-between!important; display: flex;*/ float: right; padding: 0 0; }

  /*------------18oct2023------------------*/
  .table-responsive-mobile, .table-responsive-1
  {overflow-x: auto!important;}
  /*-------------------------------------*/

  .searchbar-box .select2-container { width: 80% !important; }
  .searchbar-box .flex-grow-1{width: 100%;}

  .desi-sub{padding:0 5px 5px 5px;}

  .date-redd, .input-group.date{width:150px;}
  .cssProgress .progress1, .cssProgress .progress2, .cssProgress .progress3
   {width: 50px;}

   .nav__toggle { right: 115px; }

   /*--------------*/
   .container-fluid.mobile-mar-pad{margin: 0; padding: 0;}
   .d-flex.d-flex-mobile-sec {display: grid!important;}
   .statusreprt_btns{width:100%;}

   .card-title-style1{text-align: left;}

   .dd-item .dd-handle { width: 100%; }

   td .form-control, td .form-select { min-width: 130px; }
   .new-row{width: 140px; height: 37px; font-size: 12px;}
   .add-row {min-width: 95px; font-size: 12px; height: 36px; }
   .message-tips .form-group-check label span {line-height: 23px;}

   td .form-group.pro-det-text-fel
   {width:150px;}

   .modal-lg {width:auto;}

   .table-site-pr td .form-group
   {width: 150px;}

   .mobile-table-res
   {display: block;}

   #append_table_body .downlo-up, #append_table_body .icons-up 
   { margin-bottom: 10px; }

   /*------------------------*/
   .mobile-hide{display: none;}
  /*------------------------*/

  .unit-doc-table-container td.dtr-control 
  { background: url(../img/details_open.png) no-repeat;
    background-position: 5px 10px;
    cursor: pointer; padding-left: 25px; }
  .unit-doc-table-container .dt-hasChild.parent td.dtr-control  
    { background: url(../img/details_close.png) no-repeat; 
      background-position: 5px 10px  }

/*--------------------*/
.table-responsive.fixTableHead {
  height: auto!important;
  max-height: 600px;
}
/*---------------*/

.demorow td .new-row 
{height: 40px;}

/*---------*/

.modal-body .select2-container
{width: 100%;}

/*-----------------*/
.d-flex.holiday-set
{display: grid!important;}
.holiday-set .sub-btn-sec
{padding:10px 0;}
.holiday-set .selact-day-sec
.cat { margin: 4px 4px 0 0; }
.holiday-box{margin-bottom:5px;}
/*--------------------*/
.modal-lg.add-unit-pop-assum .request-project.d-flex
{display: grid!important;}
.modal-lg.add-unit-pop-assum .btn-sec-popup
{padding-top: 10px!important;}
.common-popup .modal-lg.add-unit-pop-assum .btn, .common-popup .modal-lg.modal-act_assu .btn { height: 44px;}
.modal-lg.add-unit-pop-assum .request-project .p-2.pb-0.bd-highlight
{padding: 0!important;}

.modal-lg.modal-act_assu .modal-footer
{padding: 10px 28px;}
.dropdownunit.drope-font-size{ width: 50% !important;}

/*========================*/
.min-w-50-mil { width: 300px !important; }



}

/*=========buttonrec==========*/
/*@media only screen and (min-width:1366px) and (max-width:1920px) 
{
.btn-primary, .btn-secondary {min-width: 110px;}
}
@media (max-width:1365px) {
.btn-primary, .btn-secondary {min-width:0;}
}*/
/*=====================*/

@media only screen and (min-width:642px) and (max-width:767px) 
{
  .nav__menu .dropdown-menu.show { width: 93%;}

}
@media only screen and (min-width:400px) and (max-width:641px) 
{
  .nav__menu .dropdown-menu.show { width: 95%;  right: 6%!important;  }
}
@media only screen and (min-width:400px) and (max-width:641px) 
{
  .nav__menu .dropdown-menu.show { width: 95%; right: 6%!important; }
}
@media only screen and (min-width:300px) and (max-width:399px) 
{
  .nav__menu .dropdown-menu.show { width: 90%; right: 10%!important; }
}


@media only screen and (min-width:990px) and (max-width: 1312px) {
.f-sm-small, .form-label{font-size:13px;}
}

  @media (max-width: 992px) {

  .dd-item .dd-handle, .system-set-a .dd-item .dd-handle
  { width:100%;}
  .dd-item .btn.btn-secondary.delete-sec 
  { height: 35px; width: 40px; padding: 4px 10px;}
  .system-set-a .dd-handle, .system-set-a .delete-sec 
  { width: 100%; }
  .add-feld-sec .col-lg-1, .dd-list .dd-item  .col-lg-1, .mobile-hide .col-1
  {width:45px;}

  .request-project.d-flex.d-grid-mob
  {display: grid!important;}

  /*.d-flex.btn-sec-popup
  { -webkit-box-orient: horizontal!important;  -webkit-box-direction: reverse!important;  -ms-flex-direction: row-reverse!important;  flex-direction: row-reverse!important; }
  */
.row.pass-row { --bs-gutter-x: 0; --bs-gutter-y: 0;}
.mar_pa.btn-sec-popup{margin:0 0;}
.pass-row .form-group {padding-bottom: 17px;}
.text-danger
{font-size: 13px;}

.res-small-div .text-danger.invalid-feedback_
{word-break: break-all; max-width:100%; position: unset!important;}

.modal-body.change-pass{padding-bottom:25px;}

td .input-group.date
{width:120px;}

.fixTableHead thead tr.title_firstrow th.unit_details, .fixTableHead thead tr.title_secondrow th:nth-child(4) { z-index: 5!important; /*border: red solid 2px; */}
.fixTableHead thead tr.title_secondrow th:nth-child(2) {z-index: 1;}
.w-radio-btn{width: 100%!important; margin-bottom: 5px;}
.d-flex.radio-button-sec.pop-up.mobile-sec, .d-flex.radio-button-sec.pop-up.mobile-sec-pop-tab
{display: grid!important;}

.d-flex.radio-button-sec.pop-up.mobile-sec [type=radio]:checked+label, .d-flex.radio-button-sec.pop-up.mobile-sec [type=radio]:not(:checked)+label 
{ margin-bottom: 15px; }
.form-control.form-select { text-align: left!important;}
input::-webkit-date-and-time-value{ text-align:left; }
.modal-lg.add-unit-pop-assum .pass-row .form-group {padding-bottom: 0px!important;}

  /*-----------------------*/

}

@media only screen and (min-width:993px) and (max-width:1200px) 
{
  .d-flex.res-small-div
  {display: grid!important;}
 .text-danger
  {font-size: 13px;}
  .pass-row .form-group {padding-bottom: 15px;}
  .res-small-div .text-danger.invalid-feedback_
  {word-break: break-all; max-width:100%; position: unset!important;}
  .modal-body.change-pass{padding-bottom:25px;}
  .modal-lg.add-unit-pop-assum .pass-row .form-group {padding-bottom: 0px!important;}

}




@media only screen and (min-width:768px) and (max-width:1159px) 
{

.nav__menu { width: 278px; top: 61px; position: absolute;right: 135px; padding:0 5px!important; background: #fff;}
.nav__menu > li.nav-item > a.nav-link{margin-right: 0;}
.nav__menu > li.nav-item > a.nav-link > i{ float: right;}
#nav__checkbox:checked ~ ul.nav__menu > li {width: 100%; padding: 5px; border-bottom: 1px solid #eee;}

}
@media (min-width : 320px) and (max-width: 479px) {
  /*****-----Login-----*****/
  .login-block {
    width: 100%;
  }
  .login-block .card-body {
    padding: 0px 20px 30px 20px;
  }
  .remember-forgot {
    display: block !important;
  }
  .forgot-password {
    margin-top: 10px;
  }
  .choose-signup .select-signup {
    margin: 5px;
    width: 28%;
  }
  .choose-signup a {
    min-height: 140px;
  }
  .tab-common .nav-item {width:50%; padding: 3px;}
  /*--------18oct2023-----------*/
  .table-responsive-mobile, .table-responsive-1
  {overflow-x: auto!important;}
  .table-responsive-mobile .dataTables_wrapper .dataTables_paginate 
  { margin: 10px auto 10px auto!important; float: none;}
  .desi-sub{padding:0 5px 5px 5px}
  .select2-container { width: 80% !important; }
  .modal-body .select2-container{width: 100%!important;}


  .input-group.date { width: 100%;}

  .dataTables_paginate {margin: 10px auto!important; float: none!important; display: block;}
  [type=radio]:checked+label, [type=radio]:not(:checked)+label { margin: 10px 0;}
  table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{top:33%;}
  .dataTables_wrapper .dataTables_paginate .paginate_button { padding: 3px 0;}
  .btn-outline-primary, .btn-primary, .btn-secondary {  padding-left: 10px; padding-right: 10px;}
  .text-align-right.hide_table_section_pdf{text-align: center;}
  .btn-outline-primary, .btn-primary, .btn-secondary{margin-bottom:10px;}

  #add_project .select2-container { width: 100% !important;}


}
@media (min-width: 480px) and (max-width: 599px) {
  /*****-----Login-----*****/
  .login-block {
    width: 85%;
  }
  .choose-signup .select-signup {
    margin: 5px;
    width: 29%;
  }
  .tab-common .nav-item {width:50%; padding: 3px;}
   /*--------18oct2023-----------*/
  .table-responsive-mobile, .table-responsive-1
  {overflow-x: auto!important;}
  .table-responsive-mobile .dataTables_wrapper .dataTables_paginate 
  { margin: 10px auto 10px auto!important; float: none;}
  .desi-sub{padding:0 5px 5px 5px;}
  .input-group.date { width: 100%;}
}
@media (min-width: 600px) and (max-width: 767px) {
  /*****-----Login-----*****/
  .login-block {
    width: 80%;
  }
  .choose-signup .select-signup {
    margin: 7px;
    width: 28%;
  }
  /*--------18oct2023-----------*/
  .table-responsive-mobile, .table-responsive-1
  {overflow-x: auto!important;}
  .input-group.date { width: 100%;}
}

@media (min-width: 768px) {}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /*****-----Login-----*****/
  .login-block {
    width: 65%;
  }
  .choose-signup .select-signup {
    margin: 7px;
    width: 28%;
  }
  .header-nav .nav-icon { font-size: 13px;}
}
@media only screen and (min-width: 800px) {}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) 
{
  .header-nav .nav-icon { font-size: 13px;}
}
@media (max-width: 991px) {}
@media (min-width: 992px) {}
@media only screen and (min-width:992px) and (max-width:1100px) {
  /*****-----Login-----*****/
  .login-block {
    width: 50%;
  }
  .knob-cnt canvas{position: absolute;    transform: scale(0.4); /*top: -24px; left: -23px;*/}
  .header-nav .nav-icon { font-size: 13px;}
}
@media only screen and (min-width:1101px) and (max-width:1199px) {
  /*****-----Login-----*****/
  .login-block {
    width: 50%;
  }
  .knob-cnt canvas{position: absolute;    transform: scale(0.4); /* top: -24px; left: -23px; */ }
  .header-nav .nav-icon { font-size: 13px;}
  .mobile-menu-a img{width: 12px;}
  .logo-client { max-width: 65px; margin-left: 5px; }
}
@media (min-width: 1200px) {}
@media (min-width: 1200px) and (max-width: 1299px) {
  /*****-----Login-----*****/
  .login-block {
    width: 45%;
  }
  .knob-cnt canvas{position: absolute;    transform: scale(0.4); /* top: -24px; left: -23px; */ }
  .header-nav .nav-icon { font-size: 12px;}
  .mobile-menu-a img{width: 12px;}
  .logo-client { max-width: 65px; margin-left: 5px; }
  .modal-xl.modal-pass-with{max-width: 1150px;}
}
@media (min-width: 1300px) and (max-width: 1366px) {
  /*****-----Login-----*****/
  .login-block {
    width: 45%;
  }
  .knob-cnt canvas{position: absolute;    transform: scale(0.4); /* top: -24px; left: -23px; */ }
  .header-nav .nav-icon { font-size: 13px;}
  .mobile-menu-a img{width: 12px;}
  .logo-client { max-width: 65px; margin-left: 5px; }
  .modal-xl.modal-pass-with{max-width: 1350px;}
  .res-small-div .text-danger.invalid-feedback_ {max-width: 290px;}
  body{font-size: 14px !important;}
}
@media (min-width: 1367px) and (max-width: 1599px) {.knob-cnt canvas{position: absolute;    transform: scale(0.4); /* top: -24px; left: -23px; */ }
.header-nav .nav-icon { font-size: 13px;}
.modal-xl.modal-pass-with{max-width: 1350px;}
.res-small-div .text-danger.invalid-feedback_ {max-width: 290px;}

}
@media (min-width: 1600px) and (max-width: 1680px) {.modal-xl.modal-pass-with{max-width: 1350px;} .res-small-div .text-danger.invalid-feedback_ {max-width: 305px;} }
@media (min-width: 1900px), (max-width: 1920px) and (-webkit-device-pixel-ratio: 1.25) {.modal-xl.modal-pass-with{max-width: 1350px;} .res-small-div .text-danger.invalid-feedback_ {max-width: 305px;} }
@media (min-width: 1900px) and (max-width: 1920px) {.modal-xl.modal-pass-with{max-width: 1350px;}.res-small-div .text-danger.invalid-feedback_ {max-width: 305px;} }


@media (min-width: 992px)
{
.modal-lg.forms-view {
    --bs-modal-width: 925px;
}
}

@media (min-width: 1200px) and (max-width: 1675px) {
  .min-w-50-mil {  width: 250px;}
  .field-sec-mil.date-min-with-row { width: 195px; margin-right: 25px;}
  .wid-mile-sec {width: 66px !important;}
  #design_milestone table td:last-child, tbody#fit_out_milestones td:last-child, #design_milestone table td:nth-last-child(2), tbody#fit_out_milestones td:nth-last-child(2) {
    width: 200px !important;
  }

}
@media (min-width: 769px) and (max-width: 1199px) {
  .min-w-50-mil {  width: 250px;}
  .field-sec-mil.date-min-with-row { width: 195px; margin-right: 25px;}
  .wid-mile-sec {width: 66px !important;}
  #design_milestone table td:last-child, tbody#fit_out_milestones td:last-child, #design_milestone table td:nth-last-child(2), tbody#fit_out_milestones td:nth-last-child(2) {
    width: 200px !important;
  }
}

@media (min-width: 769px) and (max-width: 1675px) {
  .day-td-50x, .wid-mil-th th.day-td-50x 
  { width: 125px !important;}
  .table-hideable tr th
  {position: relative;}
  .btn-condensed.hide-column
  {position: absolute; padding: 0 3px; font-size: 12px; top: 12px;}
 }