@media (max-width: 576px) {

    .dot-leaders span.param {
          white-space: normal;
      }
      .dot-leaders span.dotted-separator {
          width: 30px;
      }
      .dot-leaders span.value {
          width: 1%;
      }
       .breadcrumb{
           display: none;
      }
       #main-container {
           margin-top: 0;
      }
       #header-navbar.mainmenu {
           margin: 0rem;
      }
       section.content {
           padding: 0.6rem;
      }
  
     .list-underline li {
      padding:0px 0px 0px 0px !important;
  }
  
  
      /** Main Menu **/
       .navbar-brand img {
           max-height: 1.8rem;
      }
       .navbar-brand{
           margin-right: 0.2rem;
      }
       .mainmenu .nav-header .btn-link {
           margin-left: 0.02rem;
      }
      .nav-header .btn-link.navbar-toggler {
          padding: .3rem .1rem;
      }
      .mainmenu .nav-header .dropdown-menu {
          margin-top: -9px;
      }
      .mainmenu .user-icon{
          vertical-align: bottom;
      }
      .mainmenu .navbar-nav li > a.active::before, .mainmenu .navbar-nav li > div.dropdown > a.active::before, .mainmenu .navbar-nav li > a:hover::before, .mainmenu .navbar-nav li > div.dropdown > a:hover::before, .mainmenu .navbar-nav li .dropdown.show a.dropdown-toggle::before, .megamenu-collapse .navbar-nav li > div.dropdown:hover > a::before{
          display: none;
      }
      .nav-header .btn-link.navbar-toggler {
          vertical-align: bottom;
      }
      /** Main Menu End **/
       /* .element-wrapper .element-title {
           font-size: 1.07rem;
      } */
       #page-container{
           padding: 0;
      }
  
      /** Table **/
      .filter-rule {
          width: 100%;
          display: block;
          text-align: center;
          padding: 0.55rem 2.5rem 0.55rem 0.4rem;
      }
      .filter-rule .rules, .filter-rule .rules-pill{
          display: block;
          margin: 5px 0px;
          max-width: 90%;
          font-size: 0.75rem;
      }
      .filter-rule .rules-pill{
          font-size: 0.70rem;
      }
      .filter-rule span.close-icon {
          right: 15px;
          top: 12px;
      }
      .filter-btn-group select.custom-select, .filter-btn-group input.form-control, .filter-btn-group button.btn{
          display: block;
          width: 100%;
          margin: 3px 0px;
      }
      .filter-action.input-group select.custom-select{
          display: block;
          width: 100%;
          margin-bottom: 5px;
      } 
      .filter-title.d-flex{
          display: block !important;
      }
      .filter-title.d-flex .align-items-end{
          margin-top: 5px;
      }
  
  }
  
  @media (max-width: 767px) {
       .nav.nav-pills{
           padding-right: 25px;
      }
      #groupSection{
          height:auto;
          overflow: visible;
      }
      #treeSection.border-right{
        border-right: 0 !important;
      }
      #treeSection{
          height: auto;
          overflow-y: visible;
      }
      #gridSection{
          height: auto;
          overflow-y: visible;
      }
  
       /** Login page **/
      .login-card-layout{
        position: static;
        height: 100%;
      }
      .login-bg>.row>.col{
          padding: 0;
      }
      .login-card .form-group {
          width: 95%;
      }
      .login-card-layout h1 {
          font-size: 1.6rem;
      }
      .login-card-layout p {
          font-size: 0.9rem;
      }
      .login-card-layout .carousel-indicators {
          bottom: 20px;
      }
      .login-card .logo img {
          margin-top: 0.9rem;
      }
      .login-card {
          margin-top: 20px;
      }
       /** End Login page **/
       .dataTables_filter input{
           width: 185px;
       }
  
       .steps > ul > li {
          width: 100%; }
      .steps > ul > li.current:after {
            background-color: #6F79D0; 
          }
  
  }
   @media (max-width: 800px) {
  
  .table-asset > tbody > tr > td:nth-child(1) {
      width:100%;
  }
  table:not(.not-responsive)>thead{
           display: none;
      }
  table:not(.not-responsive)>tbody>tr{
           border-bottom: #fff 1px solid !important;
           box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
           margin-bottom: 2px;
           display: block;
      }
  table:not(.not-responsive)>tbody>tr>td{
           border: 0 !important;
           border-bottom-width: medium;
           border-bottom-style: none;
           border-bottom-color: currentcolor;
           border-bottom: 1px solid #eee;
           position: relative;
           padding-left: 50% !important;
           white-space: normal;
           text-align: left !important;
           display: block;
           min-height: 40px;
           font-size: 0.75rem;
           padding: 0.5rem 0.6rem;
      }
  table:not(.not-responsive)>tbody>tr>td::before{
           position: absolute;
           left: 6px;
           width: 45%;
           padding-right: 10px;
           -ms-word-wrap: break-word;
           word-wrap: break-word;
           text-align: left;
           font-weight: 600;
           content: attr(data-title);
      }
  table:not(.not-responsive)>tbody>tr>td.action{
           background: transparent;
           padding: 0.5rem 0.6rem;
      }
  table:not(.not-responsive)>tbody>tr>td.action span {
           padding: 0;
      }
  table:not(.not-responsive)>tbody>tr>td.action a {
           float: none;
           border: 1px solid #E0E0E0;
      }
  table:not(.not-responsive).table-border>tbody>tr>td.action a {
           border-left:0;
      }
  }
   @media (max-width: 991px) {
      /** Menu **/
       .navbar-expand-lg .container-fluid{
           padding: 0 15px;
      }
       .navbar-collapse.megamenu-collapse{
           position: fixed !important;
           padding: 0.9375rem;
           width: 100%;
           height: 100%;
           top:0;
           right: -100%;
           list-style: none;
           z-index: 1031;
           opacity: 0;
           overflow-y: auto;
           -webkit-overflow-scrolling: touch;
           -webkit-transition: all 0.28s ease-out;
           transition: all 0.28s ease-out;
           -webkit-backface-visibility: hidden;
           backface-visibility: hidden;
      }
      .mainmenu .navbar-nav li {
          margin: 0 .6rem 0 0;
          border-bottom: 1px dotted rgba(255,255,255,0.2);
      }
      .mainmenu .navbar-nav li.md-menu {
          border-bottom:0px;
      }
      .dropdown .dropdown-toggle::after{
          content: "\f180" !important;
          font-family: 'LineAwesome';
          position: absolute;
          right: 2rem;
          font-size: 1.2rem !important;
  
      }
  
       .navbar-collapse.megamenu-collapse.show{
           opacity: 1;
           right: 0;
      }
       .md-menu{
           padding-left: 0;
           padding-right: 0;
      }
       .md-menu .menu-logo img{
           max-height: 2rem;
      }
       .mainmenu .navbar-nav .md-menu a{
           padding: 0 !important;
      }
       .mainmenu .navbar-nav .md-menu{
           margin: 0 0 1rem;
           padding: 0;
      }
  
       .megamenu .dropdown.megamenu-fw{
           position: relative !important;
      }
      
      .mainmenu .navbar-nav li a{
          min-height: 2rem;
          line-height: 2rem;
      }
      .megamenu-collapse .dropdown-item ul li a, .megamenu .dropdown-item li a {
          min-height: 1.5rem;
          line-height: 1.5rem;
     }
       .mainmenu .navbar-nav li>a.active::before, .mainmenu .navbar-nav li a .caret {
           display: none;
      }
       .megamenu .dropdown-menu.megamenu {
           margin-top: 0rem;
      }
       .mainmenu .navbar-nav li>a.active::before, .mainmenu .navbar-nav li>a:hover::before, .mainmenu .navbar-nav li>div.dropdown>a:hover::before, .mainmenu .navbar-nav li .dropdown.show a.dropdown-toggle::before, .mainmenu .navbar-nav li > div.dropdown:hover > a::before{
           display: none;
      }
      .megamenu-auto ul.dropdown-menu.megamenu{
          min-width: auto;
      }
      .megamenu ul.dropdown-item{
          border-right: 0px;
      }
      /** Menu End **/
      /** Title **/
       .element-wrapper .element-title {
           margin-bottom: 0.5rem;
           padding-right: 1.6rem;
      }
       .nav.smaller.nav-pills .nav-link {
           margin-bottom: 0.2rem;
      }
      /** Title End **/
  
      /** Table **/
      .filter-btn-group{
          border-bottom: 1px solid rgba(0,0,0,0.05);
      }
  
       /** Login page **/
      .login-card .form-group {
          width: 85%;
      }
      .login-card-layout {
          left: -10px;
      }
  
       .steps > ul {
          margin-bottom: 1.25rem; }
      .steps > ul > li {
            display: block;
            float: left;
            width: 50%; }
        .steps > ul > li > a {
              margin-bottom: 0; }
        .steps > ul > li:first-child:before, .wizard > .steps > ul > li:last-child:after {
              content: ''; }
        .steps > ul > li:last-child:after {
              background-color: #6F79D0; }
  
      .admission-column .card-group, .admission-column .card-group .card{
          display: block;
      }
      
  
  }
  /** Medium devices (tablets, 768px and up) **/
   @media (min-width: 577px) and (max-width: 768px) {
  }
  
  
  /** Large devices (desktops, 992px and up) **/
   @media (min-width: 769px) and (max-width: 992px) {
  }
  /** Extra large devices (large desktops, 1200px and up) **/
   @media (min-width: 1200px) {
  }
  
  
  /** Mobile Screen **/
  @media (max-width: 767px){
  body{
      font-size: 1rem !important;
  }
  .mainmenu .nav-header .dropdown-item {
      font-size: .95rem;
  }
  .table-container, .form-control, table:not(.not-responsive)>tbody>tr>td{
      font-size: 0.95rem !important;
  }
  table:not(.not-responsive)>tbody>tr>td::before{
      font-size: 0.9rem !important;
  }
  table.ltpc {
      top: 119px !important;
      right: 0px !important;
  }
  td.action .btn-table{
      width: auto !important;
  }
  td.action .input-group .input-group-append{
      display: block !important;
  }
  table:not(.not-responsive)>tbody>tr>td.action .dropdown-menu ul a{
      font-size: 0.9rem !important;
      border: 0px !important;
  }
  .standard-table-footer .col-sm-8.text-right{
      margin-top: 0.5rem !important;
  }
  .bulk-action-bar::before{
      display: none !important;
  }
  .dataTables_wrapper .dataTables_paginate {
      width: 100% !important;
      margin-top: 0 !important;
  }
  .dataTables_wrapper .dataTables_info {
      width: 100% !important;
  }
  .form-control, .ui-select-choices{
      font-size: 1rem !important;
  }
  .nav.smaller.nav-pills .nav-link, .ui-select-match-item.btn {
      font-size: .9rem !important;
  }
  .btn {
      font-size: 1rem !important;
  }
  .mainmenu .navbar-nav li a {
      font-size: 1rem !important;
  }
  .btn-group-sm>.btn, .btn-sm {
      font-size: 0.9rem !important;
  }
  .ui-select-match-item.btn .close {
      font-size: 1.2rem !important;
  }
  select.custom-select.form-control-sm {
      height: auto !important;
  }
  .timetable-card time{
      font-size: 1rem !important;
  }
  .timetable-card h6 {
      font-size: 0.9rem !important;
  }
  .timetable-card p.roomno {
      font-size: 0.82rem !important;
  }
  ul.timeline li p {
      font-size: 1rem !important;
  }
  treecontrol li .tree-label {
      font-size: 0.95rem !important;
  }
  treecontrol.tree-classic li.tree-expanded i.tree-branch-head, treecontrol.tree-classic li.tree-collapsed i.tree-branch-head, treecontrol.tree-classic li.tree-leaf i.tree-leaf-head {
      line-height: 1em !important;
  }
  .card-list .card-body h3 {
      font-size: 1.2rem !important;
  }
  .card-list .card-body p, .card-list .card-body address {
      font-size: 0.91rem !important;
  }
  .card-list .card-ul-title {
      font-size: 0.85rem !important;
  }
  .card-list .card-ul .info, .card-list .card-header-category {
      font-size: 0.8rem !important;
  }
  
  
  }