/* On screens that are 600px or less, set the background color to olive */
@media only screen and (max-width: 768px) {
  * {
    font-size: 12px;
  }
  @keyframes mymove {
    from {right: -200px;}
    to {right: 0px;}
  }
.MRL{
  margin-left: 40px;
}
.Dis-Hide{
  display: none;
}
.Dis-block{
  display: block;
}
h2 {
    font-size: 14px;
    padding-left: 6px;
  }
  h3 {
    font-size: 14px;
  }
  .header {
    width: 100%;
  }
  .header_img {
    width: 28px;
    height: 28px;
  }
  .header_logo img {
    height: 40px;
  }
  .header_logo {
    background-color: transparent;
    width: 10%;
    margin-left: -8px;
  }
  .user_name {
    font-size: 10px;
  }
  .WlcmText {
    display: none;
  }
  .header_img img {
    width: 28px;
  }
  .header_img {
    margin: 0px 10px 0 0;
  }
  .vh-100 {
    /* width: 95px; */
    width: 100%;
  }
  .Page-Content {
    /* width: calc(100% - 90px); */
    width: 100%;
    padding-bottom: 10px;
    overflow-x: hidden;
  }
  .home {
    left: 79px;
    width: calc(100% - 80px);
    height: fit-content;
    min-height: max-content;
  }
  .nav-pills .nav-link {
    width: 92%;
    display: inline-block;
    padding: 8px !important;
  }
  .nav-link .fa {
    font-size: 15px;
    margin: 0 4px;
  }
  .nav-link small {
    font-size: 12px;
  }
  .footer {
    height: 26px;
    line-height: 26px;
    background-color: #aa3b05;
  }
  .footer p {
    font-size: 9px;
  }
  .UserPhoto img {
    width: 100%;
  }
  .UserPhoto {
    width: 90%;
    top: 0;
    margin-bottom: 10px;
    padding: 4px;
  }
  .bio-graph-info h3 {
    font-size: 16px;
  }
  .MB-Profile-Title {
    display: block;
  }
  .Sign-div input[type="radio"]{
    left: -92px;
  }
  .pad{
    width: 90%;
  }
  .ReportCounter {
    width:46%;
    }
    .double-div {
      width: 100%;
    }
}

@media (max-width: 576px) {
  .RegisterPage .image-holder,
  .LoginPage .image-holder {
    display: table-cell;
    width: auto;
    background-size: cover;
    display: none !important;
  }
}

@media (max-width:991px) {
  .RegisterPage form,
  .LoginPage form {
    padding: 40px;
  }

  /* Start Department Login Screen */
  .Title h3, .Title h3 span{
    font-size: 36px;
  }
  .Title p{
    font-size: 16px;
    text-align: justify;
  }
  .login__forms {
    width: 50%;
  }
  .DeptLogin .login-inner-form .form-check-label {
    font-size: 14px;
  }
  .login-inner-form .login__box i{
    top: 8px;
    right: 4px;
  }
  .login__forms .form-section{
    width: 360px;
    padding: 8px;
  }
  .Login-img-inner:before{
    width: 30%;
    height: 17%;
  }
  /* ENd Department Login Screen */

  /* Agency Registration Page */
  .form-section{
    padding: 20px;
  }
  .login-inner-form .login__input, .login__box select, .custom-dropdown .dropdown-toggle {
    padding: 8px;
    font-size: 12px;
 
  }
  .custom-dropdown .dropdown-toggle {
    width: 98%;
    margin: 0 auto;
    margin: 4px;
  }
  .login-inner-form .login__box{
    margin-bottom: 14px;
  }
  .form-group::after {
    margin: 10px 0px 0px -20px;
  }
  .login-inner-form .form-check-label,.login-inner-form .form-check a {
  font-size: 12px;
  
  }
  .login__button{
    font-size: 14px;
    line-height: 28px;
  }
  .form-section .form-check-input{
    width: 16px;
    height: 16px;
  }
  .Agency-Login .login__forms{
    padding: 10px
  }
  /* End of Agency Registration Page */

  /* Start Project Auditor */
  .text-title {
    display: none;
  }
  .MB-Title {
    display: block;
    padding: 8px 0 4px 30px;
    color: var(--section-color);
    font-weight: 200;
    font-size: 20px;
    line-height: 16px;
    text-align: center;
  }
.MB-Title p{
  font-size: 10px;
}
  .MB-Title img {
    display: block;
    width: 20%;
    height: auto;
    float: left;
    padding-right: 10px;
  }
  .text {
    display: none;
  }

/* Start Dashboard Section */
  .DashCounterHead, .DashCounterArea, .DashCounterProjects, .DashCounterAmount {
    width: 24%;
    height: 84px;
    margin: 4px;
    height: fit-content;
  }
  .DashCounterHead i, .DashCounterArea i, .DashCounterProjects i, .DashCounterAmount i{
		font-size: 12px;
        width: 26px;
        height: 26px;
        line-height: 28px;
	  }
    .CountertRow span {
      font-size: 12px;
      width: 70%;
    }
  .CountertRow h3 {
    font-size: 16px;
  }
  .CountertRow {
    padding: 0;
    margin: 0 auto;
    display: block;
  }
  .ChartRow{
    display: inline;
  }
  .panel-success>.panel-heading,
  .panel-primary>.panel-heading {
    font-size: 14px;
  }
  .ChartPanel {
    width: 98%;
  }
/* End Dashboard Section */

  .SelDropdwn select {
    width: 98%;
  }
  .SelDropdwn, .TextArea {
    width: 50%;
    height: 38px;
    line-height: 46px;
    margin: 0;
  }
  .searchbtn {
    width: 17%;
    margin: 8px 4px;
    height: 32px;
  }
  .AddBtn {
    width: 30px;
    height: 30px;
    line-height: 32px;
    margin: -33px 10px 0 0;
    border-radius: 6px;
    z-index: 1;
  }
  .AddBtn a {
    font-size: 14px;
  }
  .TextArea input {
    width: 91%;
    font-size: 10px;
  }
  textarea {
    width: 82%;
    border-radius: 0px;
    height: 80px;
    padding: 6px 7px;
    margin-bottom: 10px;
  }
  .Recom-Letter input {
    width: 80%;
  }
  .Btn {
    width: 22%;
    margin-right: 2px;
  }
  .BtnViewReport {
    margin-right: 10%;
  }
  .DwnBtn {
    width: 6%;
    min-width: max-content;
    background-color: var(--primary-color);
    float: right;
    margin-right: 5%;
    padding: 12px 15px;
    border-radius: 50%;
    color: var(--sidebar-color);
    border: 0;
    cursor: pointer;
  }
  .ActionBtnApp a, .ActionBtnRej a, .ActionBtnRai a, .ActionBtnCommn a {
    font-size: 14px;
    line-height: 22px;
  }
  .ActionBtnApp, .ActionBtnRej, .ActionBtnRai, .ActionBtnCommn {
    /* width: 30%; */
    width: fit-content;
    min-width: 24%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    margin: 4px 2px;
  }

  /* Start Audit Buttons */
  .ActionBtnAudit {
    width: 76%;
    font-size: 14px;
    margin: 18px;
  }
  /* End Audit Buttons */

  /* Profile section */

  .PersonalInfo {
    width: 20%;
    margin-left: 22px;
  }
  .bio-graph-info {
    width: 88%;
    margin-left: 0;
  }
  .Profile-ID h3,
  .Proposal-ID h3 {
    text-align: center;
  }
  /* ENd Profile Section */

  /* Start Page Title  */
  .MainPageTitle {
    width: 100%;
    border-bottom: 1px solid #5c5754;
    font-size: 14px;
    height: fit-content;
    line-height: 50px;
    color: #aa3b05;

  }
  .ProIDTitle {
    font-size: 16px;
    text-align: right;
    margin-right: 10%;
  }
  /* END Page Title  */

  /* Start Search Bar Title  */
  .SearcBar {
    width: 100%;
    height: max-content;
    min-height: fit-content;
    display: inline-block;
    padding: 10px 0;
    line-height: 40px;
    margin-bottom: 20px;
    background-color: var(--header-color);
  }
  .InnerContent {
    clear: both;
    width: 92%;
    margin: 0 auto;
  }
  /* END Search Bar Title  */

  .ProjectDetails table, .ProjectDetailsInfo table {
    width: 100%;
    margin-bottom: 10px;
  }
 
  .ProjectDetails table th,   .ProjectDetails table td,     .ProjectDetailsInfo table th {
    font-size: 14px;
    line-height: 16px;
    background-color: #e5e5e5;
  }
  .ProjectDetails table td {
    background-color: #fbfbfb;
    font-size: 12px;
  }
  .ProjectDetailsInfo table th {
    width: fit-content;
    font-size: 13px;
  }
  .ProjectDetailsInfo table td {
    width: fit-content;
    text-align: justify;
    padding: 10px 10px 10px 20px;
    font-size: 12px;
    line-height:20px ;
  }

  /* END Project Auditor */
  .panel ul {
    margin-left: 20px;
  }

  /* Start Pagination */
  .cd-pagination {
    width: 100%;
  }
  .cd-pagination a,
  .cd-pagination .current {
    font-size: 7px;
    padding: 5px 4px;
  }
  .cd-pagination .current {
    padding: 6px 8px;
  }

  /* End Pagination */

  /* Start Popup Box */
  .AddPopupBg {
    width: 86%;
  }
  .close-btn {
    width: 30px;
    height: 30px;
    font-size: 22px;
    line-height: 30px;
  }
  .RefLetter label {
    width: 78%;
  }
  .RefLetter select {
    width: 78%;
  }
  .RefLetter input {
    width: 76%;
  }
  /* End Popup Box */
  /* Auditor Menu */
  h5 {
    font-size: 20px;
    text-align: left;
    margin-top: 20px;
    margin-left: 8px;
  }
  h5 span {
    text-transform: uppercase;
    color: #f34a04;
    font-size: 18px;
  }
  .Auditor-Menu {
    width: 90%;
    margin: 40px auto 10px;
    display: inline-block;
  }
  h4 {
    font-size: 15px;
    font-weight: 300;
  }
  .Auditor-Menu:after{
    content: "";
        width: 24%;
        height: 90%;
        position: absolute;
        top: 40px;
        right: 0;
        background-image: linear-gradient(to bottom, #F34A04, #ff8a00);
           border-radius: 130px 0 0 130px;
        z-index: -999;
    }
  .AudiMenu-List {
    float: left;
    width: 70%;
    box-shadow: 1px 1px 4px 2px lightgray;
    border-radius: 10px;
    padding: 10px;
    margin: 18px 0;
    border-left: 4px solid #f34a04;
  }
  .AudiMenuIcon-List {
    width: 10%;
    float: left;
  }
  .AudiMenuIcon-List i {
    background: #2e0f00;
    color: #F34A04;
    width: 68px;
    height: 68px;
    line-height: 70px;
    border-radius: 50%;
    font-size: 24px;
    margin-top: 6px;
    margin-left: -24px
  }
  .AudiMenu-List a {
    display: block;
    text-decoration: none;
    text-align: left;
    font-size: 22px;
    color: #2e0f00;
    padding: 5px 0px 5px 10px;
  }

  /* Auditor Menu */
  /* Start Breadcrumb section */
  .Breadcrumb{
    padding: 6px 16px;
  }
  .Breadcrumb li a {
    font-size: 12px;
  }

  /* Start Prompt */
  .Prompt-Note {
    color: #990000;
    font-size: 8px;
  }

  /* End of Prompt */
  .MainContent, .MainContent-NB {
    margin: 0 auto 20px auto;
    height: fit-content;
    min-height: max-content;
  }
  .NoteSection-audit {
    clear: both;
    position: sticky;
    padding: 10px;
    width: fit-content;
    height: fit-content;
    font-size: 10px;
    height: fit-content;
    background-color: var(--header-bg-color);
    color: #ba0303;
    text-align: center;
    bottom: 86px;
  }

  /* Start Heading Section */
  /* Start Heading Button Section */
  .Heading-Btn-Container {
    height: 0px;
  }
  .HTitle-Container {
    display: none;
  }
  .HBtn-Container {
    float: none;
    width: 100%;
  }
  .HBtn-Container h2 {
    font-size: 16px;
  }
  .Common-Btn {
    font-size: 12px;
    margin: 2px;
  }
  .Common-Btn-MV i,
  .Common-Btn i {
    display: block;
  }
  .Common-Btn-MV,
  .In-Out-Word-Btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    float: right;
    text-align: right;
    margin: -70px 0px 0 0;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 16px;
  }
  .In-Out-Word-Btn {
    top: -18px;
    position: relative;
    margin: 0;
  }
  .Common-Btn span {
    display: none;
  }
  .HTitle-Container h2 {
    font-size: 18px;
  }
  .Common-Btn-circle, .Common-Btn-Red, .Common-Btn-Green, .Common-Btn-Orange {
    font-size: 12px;
  }
  .Common-Btn-circle {
    padding: 5px 10px;
        margin-left: 5px;
        background-color: #aa3b05;
        border-radius: 0px;
  }
  .Master-Btn-Container-Right {
    padding-top: 4px;
  }

  /* Add Btn Popup  */
  .Popup-content {
    width: 88%;
  }
  .Popup-content h3 {
    font-size: 15px;
    padding: 0 0 8px 0;
  }
  .Popup-close-btn {
    width: 30px;
    height: 30px;
    font-size: 24px;
    line-height: 28px;
    top: -14px;
    left: 14px;
  }
  .Popup-content input, .Popup-content textarea, .Popup-content select, .Popup-Submit-btn {
    font-size: 12px;
    padding: 5px;
    margin: 4px;
    /* height: 28px; */
  }
  .Browse-btn-grad, .Popup-Browse-Btn{
    margin: 8px auto 0 auto;
    width: 86%;
    height: 32px;
  }
  /* End Add Btn Popup */

  /* Start Table */
  .Lead-table table thead th {
    font-size: 12px;
    line-height: 18px;
  }
  .Lead-table table td, .Lead-table table a {
    font-size: 12px;
    line-height: 22px;
  }

  /* Start Search filter */
  .Search-Filter-Container {
    margin: 0 auto;
    text-align: center;
    padding-bottom: 5px;
  }
  .Search-Filter-Container select, .Search-Filter-Container input {
    font-size: 10px;
    height: 24px;
    width: 30%;
    margin: 4px 0;
    padding: 0 0 0 8px;
  }
  .Search-Filter-Container input[class="SW50"] {
    width: 35%;
  }
  /* End Search Filter */
  /* Start Emp Profile Section */
  .profile-nav .user-heading a img {
    width: 90px;
    height: 90px;
  }
  .profile-nav, .profile-info, .Profile-section {
    width: 100%;
    height: fit-content;
  }
  .panel {
    margin-bottom: 10px;
  }
  .Profile-SubSection {
    margin: 0 0 10px 0;
    width: 100%;
  }
  .bio-row, .bio-graph-info h1 {
    width: 100%;
    padding: 4px 0 4px 6px;
    font-size: 18px;
    margin-left: 0;
  }
  .bio-row p span {
    width: 45%;
    font-size: 12px;
  }
  .bio-row p, .bio-row a {
    font-size: 12px;
  }
  .bio-graph-info {
    padding: 0;
  }
  .profile-nav .user-heading {
    padding: 10px 0;
  }
  .bio-row input, .bio-row textarea {
    width: 51%;
  }
  .Profile-SubSection h3, .profile-nav .user-heading h1 {
    font-size: 18px;
  }
  .profile-nav ul>li>a, .profile-nav ul>li>a:hover, .profile-nav ul>li>a:focus, .profile-nav ul li.active a {
    padding: 0 10px;
    font-size: 12px;
  }
  .NoteSection {
    font-size: 10px;
  }
  .panel {
    padding: 10px;
  }
  .Doc {
    width: 80%;
  }
  .DocSteps{
    display: block;
  }
  .DocSteps input, .DocSteps label, .ProfileDocSteps label {
    width: 90%;
  }
  .Prama_Tipni_Sec {
    margin: 0;
  }
  .Prama_Section_Con1, .Prama_Section_Con2{
    width: 62%;
  }
  /* End  Emp Profile Section */

  /* Start bottom Menu Section */
  .Menu-bottom {
    clear: both;
    position: fixed;
    left: 0;
    bottom: 17px;
    width: 100%;
    height: fit-content;
    background-color: var(--primary-color-light);
    border-bottom: 8px solid var(--primary-color-light);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
  }
  .Menu-bottom ul li {
    display: inline-block;
    text-align: center;
    list-style-type: none;
    width: 24%;
  }
  .Menu-bottom ul li small {
    color: #fff;
  }
  .Menu-bottom ul {
    background-color: #2e0f00;
  }
  .Menu-bottom ul li a {
    padding: 1px !important;
    display: inline-flex;
    align-items: center;
  }
  .Menu-bottom ul li .fa {
    font-size: 14px;
    width: 40px;
    height: 26px;
    line-height: 32px;
    background-color: var(--primary-color-light);
    color: #fff;

  }
  .Menu-bottom {
    margin-top: 1px;
  }
  .Common-table table thead th, .Common-table table td {
    padding: 4px 10px;
    font-size: 12px;
    line-height: 18px;
  }
  .SearcBar ul {
    padding-left: 26px;
}
.MutistepForm .step-header .steplevel{
  font-size: 10px;
}
.DocSteps a{
  width: 100%;
}
.File-Limit-Ins {
  font-size: 10px;
  float: none;
}
.StepBtn {
  width: 30%;
}
.Step-Form label, .Acc-Type label{
  margin-left: 12px;
}
.Step-Form, .Acc-Type {
  width: 100%;
  float: none;
  line-height: 24px;
}
.Step-Form input {
  margin-bottom: 4px;
  padding: 6px;
}
.Table, th, td{
  font-size: 12px;
}
.Browse-btn-grad:hover{
  font-size: 12px;
}
  /* End bottom Menu Section */

  /* Start of Menu Toggle  */
  .Page-Content-right{
    position:absolute;
    top:0px;
    z-index:100;
    width: 65%;
    height: 88%;
    /* calc(100% - 50px); */
   /* float:right; */
   background: #f8f9fa;
   display:none;
   /* position: relative; */
   animation: mymove 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-out;
  }
.Page-Content-right .nav-pills .nav-link{
  text-align: left;
}
  .Popup-content h2{
    font-size:14px;
    line-height:28px;
  }   
  .HBtn-Container{
    display:block;
    width:14%;
    float:right;
     text-align:right;
     padding:1px 5px 0 0;
    line-height:30px;
    /* background-color:#718679; */
  }
  .HideDvers{
    display:block;
    margin-left: -16px;
    }
    .San-Form-Body{
      padding: 0;
    }
    .San-Form-Title h3{
      margin-left: 60px;
    }
    .Step-Textarea{
      width: 100%;
      text-align: justify;
    }
    .Proj-Counter ul{
      margin: 10px 5px 0;
      min-width: 30%;
    }
  /* End of Menu Toggle */
  .double-div{
    display: block;
  }
  .form-section .form-section-innner:before{
    width: 30%;
  }
  /* Start of custom select box */
  .select2-container {
    min-width: 112px;
  }
  .select2-container--default .select2-selection--single{
    margin: 2px 0;
  }
  .select2-container .select2-selection--single{
    height: 25px;
  }
  .select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 22px;
    font-size: 10px;
    text-align: left;
  }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 6px;
  }
  /* End of custom select box */

  /* Start OTP Section */
  #Otp-Verify{
    width: 260px;
  }
  .Otp-inputs input {
    width: 36px;
  }
  /* End OTP Section */

  /* View Laters */
  .San_Form_content2 p, .San_Form_content3 p{
		width: 34%;
	}
  .form{
    width: 100%;
  }
  /* End of View Laters */

  #signature-pad{
    width: 86%;
  }
  .Popup-content input[class="SW55"]{
    width: 72%;
  }
  .San-Form-logo img{
		height:75%;
	}
  .Popup-Docs label {
    width: 32%;
  }
}