@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;
}


}

/* invoice-card responsive */

@media (min-width: 375px) and (max-width: 575px) {

    .new-table-header.table-header .new-search-input.form-control {
        min-width: unset !important;
    }

    .new-pagination.table-pagination .datalist {
        margin-left: 4px;
        width: 50px !important;
        padding: 0 8px;
    }

    table.new-table td.action .input-group .input-group-append {
        display: flex !important;
    }

    table.new-table tbody tr td {
        margin: 10px !important;
     }

    table.new-table tbody tr:hover td {
        background-color: #ffffff !important;
    }

    .pay-btn-width {
        min-width: fit-content;
        max-width: 100%;
    }

    .invoice-header.d-print-flex {
        display: flex;
        flex-direction: row-reverse;
    }

     .invoice-header.d-print-flex h1 {
         font-size: 2rem;
         font-weight: 600;
     }

    .invoice-header.d-print-flex .billed-from {
         margin-top: 0 !important;
    }

    .invoice-header.d-print-flex p {
         font-size: 14px;
     }

    .invoice-info-row{
        display: block !important;
    }

    /* .invoice-info-row .mr-sm-2 {
        margin-right: 8px !important;
    } */

    .profile-sm-sec,
    .profile-info-sm-sec {
        display: block !important;
    }

    .section-label-sm {
        white-space: nowrap !important;
        word-break: break-all;
    }
    .paymode-container {
        margin-right: 0 !important;
    }

    .otp-input {
        max-width: 10vw !important;
    }
}

@media (min-width: 575px) and (max-width: 768px) {

    table.new-table th,
    table.new-table td {
        margin: 0 50px !important;
    }

    table.new-table td.action .input-group .input-group-append {
        display: flex !important;
    }

    table.new-table tbody tr{
        margin: 10px;
        border-radius: 8px;
        border-top: 1px solid #f0f0f0;
    }

    .pay-btn-width {
        min-width: fit-content;
        max-width: 100%;
    }

    .invoice-header.d-print-flex {
        display: flex;
        flex-direction: row-reverse;
    }

    .invoice-header.d-print-flex .billed-from {
         margin-top: 0 !important;
    }

    .invoice-header.d-print-flex h1 {
        font-size: 2rem;
        font-weight: 600;
    }

    .invoice-header.d-print-flex p {
         font-size: 14px;
    }

    .otp-input {
        max-width: 7vw !important;
    }
}

@media (min-width: 768px) and (max-width: 960px) {
    .fees-summary-footer {
            display: grid !important;
    }

    .fees-summary-footer .btn.btn-secondary{
        margin-bottom: 6px !important;
    }

    .otp-input {
        max-width: 6vw !important;
    }
}
@media (max-width: 375px) {
    .invoice-header.d-print-flex {
        display: block !important;
    }

    .invoice-header.d-print-flex .invoice-title{
        display: flex !important;
        align-items: center !important;
    }

    .fee-invoice-status-absolute {
        position: unset !important;
        margin-left: 40px !important;
    }

    .otp-input {
        max-width: 10vw !important;
    }
}