.main-head {
  font-family: 'Righteous', cursive;
  text-transform: uppercase;
}
.font-family {
  font-family: 'Muli', sans-serif;
}
.font-family1 {
  font-family: 'Righteous', cursive;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .right-search.question .form-control {
    width: 142px;
  }
}
@media (min-width: 768px) and (max-width: 997px) {
  .right-search.question {
    padding: 0;
  }
  .right-search.question .form-control {
    width: 150px;
  }
  .right-search.question button {
    margin: 10px 0;
  }

}


@media (min-width: 768px) and (max-width: 1279px) {
    .left-nav span{ float: left;}
    .left-nav li a{ font-size: 13px;}
}
    
    
    
    
    
@media (min-width: 768px) {
  .left-nav {
    height: 100%;
    left: 0;
    padding: 5px 0 0;
    position: fixed;
    top: 0;
    z-index: 9;
  }
  .left-nav ul {
    padding: 0;
    margin-top: 75px;
  }
  .admin-right {
    padding: 0 45px;
    margin-top: 20px;
    border: 1px solid #bbb;
    border-radius: 6px;
  }
  .table-responsive {
    max-width: 100%;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
  }
  .dashborad-col .inner {
    height: 180px;
  }
  .dashborad-col span {
    font-size: 28px;
    width: 80px;
    height: 80px;
    line-height: 80px;
    display: inline-block;
  }
  .dashborad-col span.icon-staff,
  .dashborad-col span.icon-student {
    font-size: 40px;
    padding-top: 6px;
  }
  .dashborad-col span.icon-call {
    padding-top: 6px;
  }
}
@media (max-width: 767px) {
  .right-search .form-control {
    width: 150px;
  }
  .left-nav {
    margin-top: 20px;
    padding: 0 30px;
  }
  .dashborad-col:last-child {
    margin: 25px auto;
    float: none;
    display: inline-block;
  }
  .dashborad-col .inner {
    height: 150px;
  }
  .dashborad-col span {
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .right-search.question .form-control {
    width: 100%;
    margin-bottom: 10px;
  }
  .right-search.question button {
    margin-bottom: 10px;
  }
    .dashborad-col span.complaints img{ width: 22px;}
    .dashborad-col span.complaints{ line-height: 44px;}
}

@media (min-width: 1024px){
    .left-nav ul { max-height: 500px; overflow-y: auto;}
}

@media (min-width: 1280px){
    .left-nav ul { max-height: 700px; overflow-y: auto;}
}
@media (min-width: 1366px){
    .left-nav ul { max-height: 670px; overflow-y: auto;}
}