
  @media (min-width: 990px) {
      
  }

/* Tablet-pro desktop :1024px. */
@media  (max-width: 1024px) {
  .home-work{min-height: auto;}
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  
}


/* small mobile :825px. */
@media (max-width: 825px) {
  .list-box{margin-bottom: 30px;}
  .teacher-box{min-height: auto;}
  .techer-box-footer{position: relative; bottom: 0px; width: 100%;} 
  .teacher-box-content{padding-bottom: 20px; min-height: 75px;}  
  .gallery-box .teacher-box-content{padding: 0px;}
}

/* small mobile :767px. */
@media (max-width: 767px) {
  .main-list, .pad-60, .inner-page, .gallery-details, .library-details{padding: 30px 0px;}
  .telescope{right: 10%;}
  footer, footer .text-right{text-align: center !important;}
  footer img{margin-bottom: 20px;}
  .inner-page h1, .gallery-details h1{margin-bottom: 15px;}
  .liveclass-box{min-height: auto; padding: 10px;}
  h1{font-size: 22px;}
  .gallery-content{padding: 10px 0px;}
  hr{margin: 0.5rem 0;}
  .library-details img{margin-bottom: 20px;}
  .profile-box img{margin-bottom: 20px;}
  .profile-box .text-left{text-align: center !important;}
  .announcement-holiday{padding: 0px; padding-top: 10px;}
  

    
}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
   
  
}

@media (max-width: 480px) {
  #menu-wrapper{margin-right: 2px;}
  .header-dp{width: 45px; height: 45px;}
  .header-dp img{width: 41px; height: 41px;}
  .notification{margin-right: 15px;}
  .sidebar{top: 72px;}
  .kids-live{padding: 15px;}
  .telescope{right:0px;}
  .telescope img{max-width: 180px;} 
  .teacher-box-content ul li:nth-last-child(2){display: none;} 
  .notification .dropdown-menu{right: -60px;}
  .icon-done img{max-width: 80px;}
  .attendence-table .table th{padding: 10px 12px;}
  .login{max-width: 350px; padding: 15px;}
  .student-selection{max-width: 350px;}
  .list-box img{max-height: 42px;}
  .rs-pad4{padding: 0px 4px;}
  .list-box h6{font-size: 12px;}
  .list-box{margin-bottom: 8px;}
  .booking-box button{width: 100%;}
  .profile-box table td{padding: 6px 4px; vertical-align: top;}
  .profile .attendence-table .table td, .profile .attendence-table .table th{padding: 8px 4px;}
  .weekplan-dates h5{font-size: 14px;}
  .exam-table .table th, .exam-table .table td{padding: 4px; font-size: 11px;}
  .exam-table .table th{font-size: 13px;}
  .exam-table{padding-top: 10px;}
  .attendence-table h5{font-size: 15px;}
  .report-table .table th, .report-table .table td{padding: 6px;}
  .report-table h5 button{padding: 6px; font-size: 10px;}
  .announcement-box .techer-box-footer{padding-top: 10px;}
  .announcement-box .techer-box-footer .join-now{font-size: 12px;}
}

@media (max-width: 330px) {

  .premium{max-width: 32px;}
  .header-dp{width: 40px; height: 40px;}
  .header-dp img{width: 36px; height: 36px;}
}
 