@media(max-width: 1200px){
    .right-content-section{
        height: auto;
    }
}


@media(max-width: 800px){
    b.internal-h {
    text-align: center;
    padding: 0px 0px;
}

.table-section{
    overflow: auto;
}

.table-section table thead tr th{
    min-width: 150px;
}

.flex {
    display: inherit;
}


.left-navbar-section{
    overflow: hidden;
    display: none;
}

button.main-btn{
    margin-right: 0px;
}

.main-bg{
    background: #f1f5f8;
    padding: 0px;
}

.middle-section{
    height: auto;
    width: 95%;
    margin: auto;
    overflow: hidden;
}



.right-content-section{
    height: auto;
    padding: 0px;
}

.custom-header-section {
    padding: 15px 0px;
    border-bottom: 1px solid #e0dede;
    background: #1a74d4;
    z-index: 90000000;
    position: fixed;
    width: 100%;
    top: 0px;
}

.custom-header-section .row {
    margin: 0px;
}

.breadcrumbs {
    padding: 15px;
    margin-top: 54px;
}

.user-cont-r button{
    color: #fff;
    font-size: 14px;
}

span.user-icon{
    color: #fff;
}

i.fas.fa-bars.d-bar {
    display: none;
}

i.fas.fa-bars.m-bar {
    display: block;
}

.col-from{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 100%;
    max-width: 100%;
}

.dynamic-common-form {
    margin-bottom: 25px !important;
}


}




@media (max-width:1200px){
  .breadcrumbs h1{
    font-size: 12px !important;
  }
  .breadcrumbs ul li{
    font-size: 12px !important;
  }
}



@media (max-width:1024px){
    .approval-histroy-btn button {
      font-size: 11px;
      padding: 7px 4px;
  }

  .custom-y-md{
    height: auto !important;
  }

  .custom-table-scroll{
    max-height: unset !important;
  }

  .custom-table-scroll{
    overflow-x: auto !important;
  }

  .standard-custom-table-scroll{
    overflow-x: auto !important;
    margin-bottom: 20px !important;
  }

  }
  
    @media(max-width:800px){
      .custom-m-scroll-menu{
        overflow: auto;
        background: #f1f5f8;
      }
      .breadcrumbs ul li{
        font-size: 12px;
      }

      .custome-table-bb .dynamic-common-form {
        margin-bottom: 10px !important;
    }

      .opmhj{
        margin-bottom: 20px !important;
      }

      .custome-table-bb{
        height: auto !important;
        /* overflow: hidden !important; */
      }

      .custom-s-mmmm{
        height: auto !important;
      }

      .custome-table-b{
        height: auto !important;
      }
  
      body .ui-dialog {
        width: 98% !important;
        margin: auto;
        left: 0px !important;
        right: 0px !important;
      }
  
      .breadcrumbs ul li{
        margin-left: 9px;
      }
  
      .popup-master-project-tyu ul{
        width: max-content;
        background: transparent;
        border-bottom: 1px solid #fff; 
      }
  
      .custom-btn{
        display: inline-flex;
      }
  
      .custom-y-md{
        height: auto !important;
      }
  
      .right-content-section{
        min-height: auto;
      }
  
      .user .ui-table .ui-table-scrollable-wrapper{
        height: auto !important;
        margin-bottom: 5px;
      }
  
      
  
      .add-btn-sc {
        padding: 0px 15px;
        margin: 15px 0px 10px;
      }
  
    
    
      .custom-table-scroll table th {
        min-width: 150px !important;
      }

      .standard-custom-table-scroll table th {
        min-width: 150px !important;
      }
  
      .upload-inn-section p{
        font-size: 11px;
      }
  
      button.main-btn{
        margin-right: 15px;
      }
  
      .view-history-tyopvb{
        margin: 10px 0px 20px;
      }
  
      .view-history-tyopvb button {
        margin-right: 0px;
    }
  
  
    .tiopkl{
      margin-bottom: 20px !important;
    }
  
    .select-level-section .col-md-4 {
      margin-top: 15px;
  }
  
  .view-history{
    margin: 0px 0px 15px 0px !important;
    text-align: right;
  }
  
  .custome-table.fdafdnhf{
    max-height: unset !important;
  }
  
  .custom-table-section tr > th{
    font-size: 11px;
  }
  
  .custom-btn{
    width: auto;
  }

  .select-level-section{
    width: 98% !important;
  }
  
    }
  
    @media(max-width:767px){
      .breadcrumbs ul li{
        margin-left: 0px;
      }

      .rowertyuiop{
        margin-bottom: 20px !important;
      }

      .custom-edit-textaria .angular-editor-textarea{
        height: auto !important;
      }

      .upload-inn-section{
        margin-bottom: 20px !important;
      }

      .add-btn-sc{
        margin: 2px 0px 10px;
        padding: 0px 15px !important;
      }
  
      .breadcrumbs h1{
        padding-bottom: 8px;
      }
  
      .custom-table-scroll {
        overflow: auto;
    }
  
      .custom-search-table input {
        width: 100%;
    }
  
    .approval-histroy-btn button{
      font-size: 12px;
      padding: 7px 11px;
    }
  
    .custom-search-table{
      width: 50%;
    }
  
    .main-r-mobile button i {
      display: none;
  }
  
    .main-r-mobile button {
        font-size: 12px;
        padding: 7px 9px;
    }
  
    .custome-table-b{
      height: auto;
    }

    .stepper{
        display: block;
    }

    .stepper__item{
        display: block;
        height: auto !important;
        font-size: 12px !important;
    }

    .stepper {
        display: block !important;
    }

    .stepper{
        display: block;
    }
  
    .stepper{
        margin-bottom: 40px !important;
        background: #c8e1f3 !important;
        height: auto !important;
    }

  
  
    }