
/* On screens that are 600px or less, set the background color to olive */
@media only screen and (max-width: 768px){ 
  .header{
    width: 100%;
  }
  .header_img{
    width: 40px;
    height: 28px;
  }
  .user_name {
    font-size: 10px;
  }
  .WlcmText {
    display: none;
  }
  .header_img img {
    width: 28px;
}
.header_img{
  margin: 0;
}
.MainPageTitle h2{
  font-size: 14px;
        font-weight: 400;
        padding-left: 22px;
        line-height: 18px;
        margin: 0 0 10px 0;
}
.footer p{
	font-size:12px;
}
.FooterBtn{

   height: fit-content;
  }
/* End footer */
}
@media (max-width: 576px) {
  .RegisterPage .image-holder, .LoginPage .image-holder {
    display: table-cell;
    height: fit-content;
     
    display: none !important;
  }
}
@media (max-width:991px) {
  .RegisterPage form, .LoginPage form {
    padding: 40px;
  }
  /* Start Department Login Screen */
  .login__img{
    display: none;
  }
  .login__forms{
    width: 100%;
  }
  .DeptLogin .form-section{
    padding: 50px 30px;
  }
  .DeptLogin .login-inner-form .form-check-label{
    font-size: 14px;
  }
  /* ENd Department Login Screen */
  /* Start Project Auditor */

.MB-Title{
  display: block;
  padding: 8px 0 4px 18px;
  color: var(--header-bg-color);
}
.home .text{
  display: none;
}
.CountertRow span {
  font-size: 12px;
  text-align: center;
  width: 78%;
}
.DashCounterHead, .DashCounterArea, .DashCounterProjects, .DashCounterAmount{
  width: 82%;
    margin-bottom: 8px;
}
.DashCounterHead i, .DashCounterArea i, .DashCounterProjects i, .DashCounterAmount i {
  font-size: 1.2rem;
  width: 3rem;
  height: 3rem;
  line-height: 44px;
}
.ChartPanel{
  width: 74%;
}
.SelDropdwn, .TextArea{
  width: 50%;
  height: 40px;
}
.searchbtn{
  width: 17%;
}
.TextArea input{
  width: 78px;
  font-size: 10px;
}
.Btn{
  width: 22%;
  margin-right: 2px;
}

.ActionBtnApp a, .ActionBtnRej a, .ActionBtnRai a{
  font-size: 14px
}
.ActionBtnApp, .ActionBtnRej, .ActionBtnRai{
  width: 46%;
  font-size: 14px;
  margin: 4px;
}
/* Profile section */
.ProposalInfo> .bio-row, .Prl-view-title{
  width: 100%;
}
.PersonalInfo h3, .ProposalInfo h3, .PropsalDetails h3, .ProfileEdocuments h3{
    font-size:12px;
}
/* ENd Profile Section */

/* END Project Auditor */

/* Start Pagination */
.cd-pagination{
  width: 100%;
}
.cd-pagination a, .cd-pagination .current{
  font-size: 10px;
  padding: 6px;
}
/* End Pagination */
.SiteTitle h2, .SiteTitle p{
    font-size:12px;
    line-height:18px;
    padding:0;
}
.SiteTitle{
    width:52%;
}
.MB-Title{
  display: block;
  padding: 8px 0 4px 18px;
  color: #fff;
}
/* Start Pooja Form */
.DocSteps input, .Inpcls{
    width:94%;
    font-size: 11px;
}
.Form-Row {
    width: 100%;
}
.Form-Col {
    width: 94%;
}
.Date, .Time {
    width: 94%;
    float: left;
    height: 78px;
}
.StepBtn {
  width: 36%;
  display: inline-block;
  margin-top: 10px;
  font-size: 10px;
  height: 30px;
  line-height: 15px;
}

.SiteLogo img {
    width: 42%;
}
/* .Form-Row span {
	font-size: 12px;
	width: 46%;
  display: inline-block;
} */
.form-check-input{
	
}
h2 {
    font-size: 15px;
}
#dhoti_div{
  width: 100%;
}
#dhoti_div h3{
  font-size: 12px;
}
.DhotiOptions {
  width: 93%;}
  .Form-Row span, .DhotiOptions label{
    font-size: 14px;
  }
  .DhotiOptions select, .DhotiOptions input{
    width: 39%;
        font-size: 12px;
        padding-left: 2px;
  }
/* End Pooja Form */
}