/* =============================== user-panel form-wrapper common start ============================= */
  
  @media (max-width: 768px) {
      .form-wrapper {
          padding: 30px;
      }
      .form-wrapper label {
          font-size: var(--font-size12);
      }
      .form-wrapper .form-group input,
      .form-wrapper .form-group textarea,
      .form-wrapper .form-group select {
          font-size: var(--font-size10);
          padding: 6px 8px;
          margin-bottom: 16px;
      }
      .form-wrapper input::placeholder {
          font-size: var(--font-size10);
      }
  }
  
  @media (max-width: 425px) {
      .form-wrapper label {
          font-size: var(--font-size12);
      }
      .form-wrapper .form-group input,
      .form-wrapper .form-group textarea,
      .form-wrapper .form-group select {
          font-size: var(--font-size10);
          padding: 6px 8px;
          margin-bottom: 16px;
      }
      .form-wrapper input::placeholder {
          font-size: var(--font-size10);
      }
  }
  /* =============================== user-panel form-wrapper common end ============================= */
  /* =============================== student-panel pages start ======================================= */
  /* ============= student-panel common css start =========== */
  
  @media (max-width: 768px) {
      .student-heading h2 {
          font-size: var(--font-size24);
      }
  }
  
  @media (max-width: 425px) {
      .student-heading h2 {
          font-size: var(--font-size18);
      }
  }
  
  @media (max-width: 425px) {
      .student-btn .common-btn-2 {
          width: 200px;
          margin-top: 10px;
      }
  }
  /* ============= student-panel common css end =========== */
  /* ============= student-wrapper common css start =========== */
  
  @media (max-width: 768px) {
      .student-wrapper {
          padding: 30px;
      }
  }
  
  @media (max-width: 425px) {
      .student-wrapper {
          padding: 25px;
      }
  }
  /* ============= student-wrapper common css end =========== */
  /* ============= student-table css start =========== */
  
  @media (max-width: 768px) {
      .student-table table thead tr th {
          font-size: var(--font-size12);
      }
      .student-table table tbody tr td {
          font-size: var(--font-size12);
      }
      .student-table {
          overflow-y: scroll;
      }
      .student-wrapper .download-btn {
          font-size: var(--font-size12);
          line-height: 18px;
      }
  }
  
  @media (max-width: 425px) {
      .student-table {
          height: 350px;
          padding: 14px;
      }
      .student-table table thead tr th {
          font-size: var(--font-size10);
      }
      .student-table table tbody tr td {
          font-size: var(--font-size10);
      }
      .student-wrapper .download-btn {
          font-size: var(--font-size10);
          line-height: 16px;
      }
  }
  /* ============= student-table css end =========== */
  /* =========== student-panel side-menu  start ========= */
  
  @media (max-width:768px) {
      a.sidebarCollapse {
          font-size: var(--font-size18);
      }
      .nav-link.user i {
          font-size: 16px;
      }
      p.count {
          top: 10px;
          font-size: 8px;
          height: 10px;
          width: 10px;
          right: -4px;
      }
      /* header-right img */
      .nav-link.user img {
          width: 25px;
          height: 25px;
      }
  }
  
  @media (max-width:425px) {
      .left-menu {
          width: 180px;
          margin-left: -180px;
      }
      .left-menu.hide {
          margin-left: 0;
      }
      .left-menu ul#sidebar li a {
          padding: 4px 14px;
          font-size: var(--font-size10);
      }
      a.sidebarCollapse {
          display: initial;
          line-height: 50px;
          font-size: var(--font-size12);
      }
      ul#sidebar li a i {
          width: 16px;
          font-size: var(--font-size10);
      }
      img.img-fluid.mr-2 {
          width: 45px;
          height: 45px;
          border-radius: 50%;
          object-fit: cover;
          margin: 16px 0;
      }
      img.sms-user {
          width: 40px;
          height: 40px;
      }
      .media-body h5 {
          font-size: 18px;
      }
  }
  
  @media (max-width:425px) {
      .user-wrapper {
          margin-left: 0;
          padding-top: 60px;
          transition: .5s;
      }
      .nav-link.user img {
          width: 20px;
          height: 20px;
      }
  }
  /* ============= student-panel  header end ============ */
  /* ============================ student-profile page start  ======================= */
  
  @media (max-width: 768px) {
      .student-profile-area .form-wrapper .student-profile-img {
          width: 90px;
          height: 90px;
      }
  }
  
  @media (max-width:425px) {
      .student-profile-area .form-wrapper .student-profile-img {
          width: 80px;
          height: 80px;
      }
  }
  /* ============================ student-profile page end  ========================== */
  /* ========================== student-payment page start  ==================== */
  
  @media (max-width: 768px) {
      .student-payment-content {
          margin: 0;
      }
      .student-payment-content table th,
      .student-payment-content table td {
          font-size: var(--font-size12);
      }
      .student-payment-content .rounded {
          overflow-y: scroll;
      }
  }
  
  @media (max-width: 425px) {
      .student-payment-content table th,
      .student-payment-content table td {
          font-size: var(--font-size10);
      }
  }
  /* ===================== student-payment page end  =============== */
  /* ==================== student-view-profile page start =================== */
  
  @media (max-width:425px) {
      .student-view-profile-area .view-profile-wrapper {
          padding: 35px;
      }
      .student-view-profile-area .view-profile-img-upload {
          width: 65px;
          height: 65px;
      }
      .student-view-profile-area .view-profile-wrapper .view-profile-content {
          font-size: var(--font-size12);
          line-height: 26px;
      }
  }
  /* ==================== student-view-profile page end =================== */
  /* ===============================  student-panel pages end  ======================================== */
  /* ===============================  teacher-panel pages start  ====================================== */
  /* ==================== teacher-panel common css start =================== */
  /* ============= common heading css start =========== */
  
  @media (max-width: 768px) {
      .teacher-heading h2 {
          font-size: var(--font-size24);
      }
  }
  
  @media (max-width: 425px) {
      .teacher-heading h2 {
          font-size: var(--font-size18);
      }
  }
  
  @media (max-width: 425px) {
      .teacher-btn .common-btn-2 {
          width: 200px;
          margin-top: 10px;
      }
  }
  /* ============= common heading css end =========== */
  /* ============= teacher-wrapper common css start =========== */
  
  @media (max-width: 768px) {
      .teacher-wrapper {
          padding: 30px;
      }
  }
  
  @media (max-width: 425px) {
      .teacher-wrapper {
          padding: 25px;
      }
  }
  /* ============= teacher-wrapper common css end =========== */
  /* ============= teacher-table css start =========== */
  
  @media (max-width: 768px) {
      .teacher-table table thead tr th {
          font-size: var(--font-size12);
      }
      .teacher-table table tbody tr td {
          font-size: var(--font-size12);
      }
      .teacher-table {
          overflow-y: scroll;
      }
      .teacher-wrapper .download-btn {
          font-size: var(--font-size12);
          line-height: 18px;
      }
  }
  
  @media (max-width: 425px) {
      .teacher-table {
          padding: 14px;
          height: 350px;
      }
      .teacher-table table thead tr th {
          font-size: var(--font-size10);
      }
      .teacher-table table tbody tr td {
          font-size: var(--font-size10);
      }
      .teacher-wrapper .download-btn {
          font-size: var(--font-size10);
          line-height: 16px;
      }
  }
  /* ============= teacher-table css end =========== */
  /* ==================== teacher-panel common css end =================== */
  /* ==================== teacher-dashboard page start =================== */
  
  @media (max-width: 768px) {
      .teacher-login-area .form-wrapper .teacher-profile-img {
          width: 90px;
          height: 90px;
      }
  }
  
  @media (max-width:425px) {
      .teacher-login-area .form-wrapper .teacher-profile-img {
          width: 80px;
          height: 80px;
      }
  }
  /* ==================== teacher-dashboard page end =================== */
  /* ==================== teacher-view-profile page start =================== */
  
  @media (max-width:425px) {
      .teacher-view-profile-area .view-profile-wrapper {
          padding: 35px;
      }
      .teacher-view-profile-area .view-profile-img-upload {
          width: 65px;
          height: 65px;
      }
      .teacher-view-profile-area .view-profile-wrapper .view-profile-content {
          font-size: var(--font-size12);
          line-height: 26px;
      }
  }
  /* ==================== teacher-view-profile page end =================== */
  /* ===============================  teacher-panel pages end  ====================================== */