@media (min-width: 990px) {
      
  }

/* Tablet-pro desktop :1024px. */
@media  (max-width: 1030px) {

  .private-box-content{transform: translate(10%, -50%);}
  .private-box-content h4, .private-box-content h3{margin-bottom: 12px;}
  .private-box-content .main-btn{height: 38px;}
  .footer-nav{display: block;}
  .side-menu{height: calc(100vh - 200px);}
  .subject-img-box-content{width: 60%;}
  .calender-box{gap: 30px;}
  .live-shared.owl-carousel .owl-stage{padding-right: 0px !important;}
  .shared-class-box, .live-class .shared-box-status{max-width:100%;}
  .live-class .course-structure-details{flex-direction: column; gap: 20px; align-items: normal;}
  .ask-teacher-history{flex-direction: column; gap: 20px;}
  .ask-teacher-history-box{flex: auto; padding-bottom: 20px; border-radius: 10px;}
  .cart-title{margin-bottom: 20px;}
  .cart-container{flex-direction: column; gap: 20px;}
  .cart-price-section, .cart-items-section{flex: unset; width: 100%;}
  .tag-ico{left: 95%;}
  .cart-add-pop .modal-dialog{max-width: 96%;}
  .min-hight{min-height: 71vh;}
}

/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991px) {
  .footer-navbar{width: 100%; max-width: 58%;}
}

/* Tablet-pro desktop :1024px. */
@media (max-width: 840px) {
  .private-class{padding: 40px;}
  .private-class img{max-width: 300px;}
  .basic-modal{z-index: 4444;}
  .home-challenge-content{padding: 0px;}
  .home-challenge-img{left: 0px; bottom: -40px;}
  .today-class .owl-carousel .owl-stage, .live-subject.owl-carousel .owl-stage{padding-right: 0px !important;}
  .footer-links{width: 35%;}
  footer{padding-bottom: 130px;}
  .basic-modal .btn-primary{width: 100%;}
  .profile-img-section{margin-top: 30px;}
  .profile-img-section h3{margin-bottom: 30px;}
  .question-video{margin-bottom: 20px;}
  .calender-box{gap: 20px;}
  .live-shared.owl-carousel .owl-stage{padding-right: 0px !important;}
  .shared-class-box{max-width:100%;}
  .liveclass-sylabus{flex-direction: column;}
  .subject-details-bgm{flex-direction: column; gap: 60px;}
  .liveclass-subscribe-btn{text-align: center;}
  .statistics-page{flex-direction: column; margin-top: 20px; gap: 20px;}
  .statistics-count-title{flex-direction: column;}
  .statistics-count{display: grid; grid-template-columns: repeat(2, 1fr);}
  .saved-video-image{height: 140px;}
  .profile-left-side .statistics-count-title{flex-direction: unset;}
  .profile-page{flex-direction: column; gap: 20px;}
  .profile-right-side, .profile-left-side{flex: unset; width: 100%;}
  .help-teacher-side, .help-student{max-width: 600px;}
  .chat-typing input{width: 89%;}
  .quiz-time{justify-content: space-between;}
  .quiz-question{flex-direction: column; gap: 30px;}
  .quiz-question-box, .quiz-answer{flex: unset; width: 100%;}
  .quiz-score-title h2{text-align: center; position: relative;}
  .subscribe-subject-title{align-items: center;}
  .subject-free-trail-img img{max-width: 90px;}
  .footer-navbar{padding: 10px;}
  .student-container{ grid-template-columns: repeat(3, 1fr);}
  #footer-nav-fixed{display: none !important;}
  .mobile-menu{display: block;}
  .scroll-top{display: none !important;}

  .english .today-class .owl-carousel .owl-stage, .english .live-subject.owl-carousel .owl-stage,
  .english .live-shared.owl-carousel .owl-stage{padding-right: inherit !important; padding-left: 0px !important;}
  .english .home-challenge-img{right: 0;}
  

}

/* small mobile :767px. */
@media (max-width: 767px) {
  .english h2{font-size: 20px;}
  .english h4{font-size: 16px;}
  .english h5{font-size: 13px;}
  .english .play-btn{right: -5%;}
  .english h3{font-size: 18px;}
  .english .btn{height: 36px;}
  .english .subject-tabs .nav-link{padding: 8px; font-size: 18px;}
  .english .subject-tabs{margin-top: 10px;}
  .english .home-challenge-img{right: 0px; bottom: -10px;}
  .english .liveclass-box .subscribed-icon, .english .liveclass-box .subscribe-icon{right: 8px;}
  .english .btn-join{ height: 26px;}
  .english .quiz-time-box{ padding: 20px 14px;}
  .english .play-ico{width: 18px; height: 18px;}
  .english .video-play-icon p{font-size: 13px;}


}

/* Large Mobile :480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) {
   
  
}

@media (max-width: 480px) {
  
  .header-rank{padding: 6px; font-size: 12px;}
  .stories li{width: 80px;}
  .stories-img{width: 64px; height: 64px; margin-bottom: 4px;}
  .stories li h6{font-size: 12px;}
  .story-content{max-width: 350px;}
  .logo img{max-width: 100px;}
  header{padding-top: 20px;}
  .top-left-section{gap: 4px;}
  .welcome-text h1 label{height: 32px;}
  .welcome-text{padding-top: 20px;}
  .pt-50{padding-top: 20px;}
  .today-class-box{margin-top: 15px; padding: 12px;}
  .private-class{padding: 15px; height: inherit; border-radius: 20px;}
  .private-class img{max-width: 120px;}
  .private-class-content h2, .private-class-content h3{margin-bottom: 8px;}
  .btn-primary{ padding: 6px 14px;}
  .subject-tabs{margin-top: 20px;}
  .pt-30{padding-top: 15px;}
  .subject-box{padding: 15px 10px; margin-bottom: 12px; border-radius: 20px;}
  .subscribed-icon, .subscribe-icon{width: 28px; height: 28px; margin-bottom: 10px; flex-shrink: 0;}
  #myTabContent .col-6{padding: 0 6px;}
  .subject-img img{max-height: 100px;}
  .subject-img{margin-bottom: 15px;}
  .circle-one, .circle-two{width: 80px; height: 80px; filter: blur(25px);}
  .home-challenge-img img{max-width: 160px;}
  .home-challenge-img{left: 0px; bottom: -30px;}
  .home-challenge{padding: 30px 0px 18px; margin-top: 18px;}
  .home-challenge-content h2, .home-challenge-content h4{margin-bottom: 12px;}
  .liveclass-box{margin-top: 12px; border-radius: 10px; padding: 10px; gap: 15px; height: 122px;}
  .liveClass-img img{height: 100px;}
  .liveclass-box .subscribed-icon, .liveclass-box .subscribe-icon{left: 8px; top: 8px;}
  .liveClass-icon{width: 80px; height: 51px;}
  footer{padding: 50px 10px 100px;}
  .footer-links{width: 100%;}
  .footer-social ul, .download-app{justify-content: center;}
  .footer-social{margin-top: 20px; width: 100%;}
  #topcontrol{width: 30px; height: 30px; left: 5px; display: none !important;}
  .download-app-icon{width: 150px;}
  .footer-navbar{max-width: 330px; gap: 5px; padding: 6px; bottom: 15px;}
  .footer-img{display: none;}
  .footer-menu{text-align: center; padding: 7px;}
  .ds-none{display: block !important;}
  .modal-close-ico{width: 30px; height: 30px; right: 10px; top: 10px;}
  .basic-modal .modal-body{gap: 6px;}
  .btn-second{padding: 5px 15px; height: 41px;}
  .sign-up-box{max-width: 340px;}
  .sign-up-box h2{margin-bottom: 25px;}
  .sign-phone input{width: 65%;}
  .select-country{padding: 6px;}
  .select-country{width: 30%;}
  .country-select{margin-bottom: 14px;}
  .sign-in-page .logo{display: block;}
  .sign-in-page .header-section{justify-content: space-between;}
  .verification-img img{max-height: 184px;}
  .circle-seven, .circle-eight{width: 170px; height: 170px;}
  .verification-input{gap: 8px;}
  .select-class-title{margin-bottom: 20px; gap: 16px;}
  .select-class-box, .select-grade-box{gap: 8px; margin: 16px 0px;}
  .select-class-nxt-btn{width: 94%;}
  .profile-img img{width: 120px; height: 120px;}
  .subject-details-content-box{padding: 15px 8px; border-radius: 10px; gap: 20px;}
  .subject-details-title h2{margin-bottom: 8px;}
  .video-ico, .book-ico, .quiz-ico{width: 20px; height: 20px;}
  .subject-details-title ul{gap: 10px;}
  .subject-details-title ul li{gap: 6px;}
  .subject-details-title{margin-bottom: 15px; position: relative;}
  .subject-free-trail-img img{max-width: 60px;}
  .subject-free-trail{gap: 10px; padding: 15px;}
  .subject-details-price{margin-top: 15px;}
  .course-structure{margin-top: 15px; border-radius: 20px; padding: 15px 10px;}
  .circle-nine, .circle-ten{display: none;}
  /* .course-structure .dp-tabs{overflow: hidden; overflow-x: auto; flex-wrap: nowrap; justify-content: flex-start;}
  .course-structure .dp-tabs .nav-item{  flex-shrink: 0; white-space: nowrap;} */
  .course-structure .dp-tabs .nav-link{ padding: 0px 10px 15px;}
  .course-structure-collapse, .course-structure-details, .notes-structure-details{border-radius: 10px; padding: 15px 10px; margin-top: 10px;}
  .course-structure-count{margin-top: 10px; gap: 6px;}
  .clock-ico{width: 16px; height: 16px;}
  .lock-ico{width: 18px; height: 18px;}
  .notes-structure-icon, .solution-structure-icon{border-radius: 8px; width: 36px; height: 36px;}
  .notes-structure-content{gap: 8px;}
  .notes-structure-icon img, .solution-structure-icon img{max-width: 18px;}
  .course-box-expand h6{display: none;}
  .subscription-box{padding: 12px 10px; border-radius: 10px; margin-bottom: 10px;}
  .subscription-box h5{margin-bottom: 8px;}
  .subscription-box h3{font-size: 20px;}
  .subscription-box h3 small{gap: 2px; font-size: 13px; flex-direction: column;}
  .country-select-icon{width: 24px; height: 24px;}
  .subscription-notes{margin-top: 20px; border-radius: 10px; display: block; text-align: center; padding-bottom: 20px;}
  .subscription-notes-img img{max-width: 130px;}
  .btn{height: 41px;}
  .subscription-button{margin-top: 20px;}
  .private-class-content .btn-primary, .home-challenge-content .btn-primary{max-width: inherit; width: inherit;}
  .video-box video{margin-bottom: 10px;}
  .video-title{margin-bottom: 15px;}
  .trai-bgm{border-radius: 10px; padding: 20px;}
  .trial-content{padding: 10px;}
  .trial-content ul li::before{width: 18px; height: 18px;}
  .trial-content ul li{padding-right: 24px; margin-bottom: 10px;}
  .continue-learning h3{margin-bottom: 15px;}
  .continue-learning-box{padding: 10px;}
  .continue-learning-box img{height: 130px; border-radius: 10px; margin-bottom: 10px;}
  .play-ico{width: 20px; height: 20px;}
  .video-play-icon p{font-size: 14px;}
  .video-play-icon{gap: 6px;}
  .course-structure-details.completed .course-structure-content h6::after{width: 18px; height: 18px;}
  .progress-box{margin-top: 10px;}
  .download-ico, .download-ico-blue{width: 18px; height: 18px;}
  .subscribed .notes-structure-details{display: block;}
  .subscribed .notes-structure-details .notes-structure-content{margin-bottom: 12px;}
  .logo img{max-width: 100px;}
  .top-language-btn button{padding: 6px 9px;}
  .question-video-box img{max-width: 40px;}
  .toast-container{bottom: 15px; right: 15px; width: 93%;}
  .question-video-btn{max-width: 90px;}
  .question-video{padding: 12px; border-radius: 10px; margin-bottom: 15px;}
  .unit-test, .video-ask-teacher, .ask-teacher-chat, .machingGame{padding: 12px; border-radius: 10px;}
  .unit-test-box img{max-width: 40px;}
  .unit-test-box{gap: 8px;}
  .unit-test-btn{max-width: 80px;}
  .unit-test-btn .btn-primary{padding: 6px 12px; font-size: 16px;}
  .teacher-side, .student-side, .student-reply{gap: 10px; margin-top: 12px;}
  .teacher-reply, .welcome-message{border-radius: 10px;}
  .ask-teacher-attachment{gap: 5px;}
  .ask-teacher-empty-img{padding: 30px 0px;}
  .ask-teacher-empty-img img{max-width: 100px;}
  .live-class .dp-tabs{margin-top: 20px;}
  .live-class .dp-tabs .nav-link{padding: 0px 10px 15px 10px;}
  .calender-box{padding: 12px; border-radius: 10px; gap: 12px;}
  .shared-box-status, .private-box-status{padding: 8px 12px; height: 48px; border-radius: 10px;}
  .live-class-subscribed-box{padding: 12px; border-radius: 10px;}
  .mb-30{margin-bottom: 15px;}
  .shared-box-content, .shared-time, .private-shared-time{padding: 10px; gap: 10px;}
  .btn-join{height: 28px;}
  .live-class-subscribed-title .liveClass-img img{height: 80px;}
  .live-class-subscribed-title .liveClass-icon{bottom: -20px;}
  .live-class-subscribed-title{gap: 10px;}
  .live-class-subscribed-title h5{margin-top: 10px;}
  .live-class .course-structure-details{gap: 10px;}
  .subject-details-bgm{ gap: 30px; padding: 20px; padding-bottom: 80px;}
  .liveclass-deatils-img img{max-height: 180px;}
  .liveclass-details-title{width: 100%; gap: 15px;}
  .liveclass-start{padding: 14px 8px;}
  .liveclass-sylabus{ padding: 12px; gap: 15px;}
  .liveclass-subscribe-btn .btn-third{margin-bottom: 10px;}
  .live-class-empty-img img{max-width: 150px;}
  .live-class-empty{margin-top: 50px;}
  .private-class-empty{gap: 12px;}
  .live-class-empty h3{margin-top: 0px;}
  .calendar-grid div, .calendar-days div { padding: 10px 0; }
  .success-img .circle-eight, .success-img .circle-13{width: 130px; height: 100px;}
  .success-img img, .ask-teacher-icon img{max-width: 100px;}
  .success-message{min-height: 220px;}
  .success-content{gap: 10px;}
  .private-class-box{min-height: 160px;}
  .private-class-title a{max-width: 130px;}
  .statistics-count-box{padding: 12px; border-radius: 12px;}
  .statistics-count{gap: 10px;}
  .statistics-count-box img{max-width: 32px;}
  .statistics-tab .dp-tabs .nav-link{padding: 0px 10px 15px 10px;}
  .saved-videos-tab .select-scrollable{margin: 0px;}
  .saved-video-box{padding: 12px; border-radius: 10px; flex-direction: column;}
  .saved-video-image{height: 115px; border-radius: 10px;}
  .saved-subject{top: 10px;}
  .saved-video-details, .saved-video-img{width: 100%;}
  .myCourse-liveSubscribe{border-radius: 10px; padding: 12px; margin-bottom: 15px;}
  .myCourse-liveunSubscribe .liveclass-box{margin-top: 12px; padding: 10px;}
  .inner-page-title h5{margin-top: 6px;}
  .homework-box{margin-top: 20px; padding: 12px; border-radius: 10px;}
  .status{height: 30px; padding: 5px 8px;}
  .timeline-section{margin-top: 10px;}
  .timeline-img img, .quiz-grade img{max-width: 50px;}
  .profile-right-side{padding: 20px;}
  .profile-img-section .profile-img img{width: 120px; height: 120px;}
  .personality-box{gap: 15px;}
  .personality-img img{max-width: 180px;}
  .personality-img .circle-seven, .personality-img .circle-eight{ width: 180px; height: 180px;}
  .characters .personality-img img{max-width: 230px;}
  .owl-theme .owl-dots .owl-dot span{width: 10px; height: 10px;}
  .owl-dots .owl-dot { width: 10px; height: 10px; margin: 2px;}
  .characters .owl-theme .owl-dots{top: 44%;}
  .help-teacher-side, .help-student{max-width: 300px;}
  .chat-typing input{width: 77%;}
  .help-chat{gap: 20px;}
  .chat-typing{width: 90vw;}
  .quiz-title button{max-width: 110px; padding: 6px 10px;}
  .quiz-section{gap: 20px;}
  .quiz-time-box{padding: 20px;}
  .number-circle{width: 36px; height: 36px;}
  .quiz-numbers{gap: 8px;}
  .quiz-answer-button, .quiz-options{flex-direction: column;}
  .subject-free-trail-content{flex-direction: column; align-items: start;}
  .course-structure .video-content-tab .dp-tabs{justify-content: flex-start;}
  .p-50{padding: 30px 0px;}
  .cart-image img{max-height: 60px;}
  .cart-remove{position: absolute; width: 28px; height: 28px; left: 20px;}
  .cart-items{gap: 6px;}
  .cart-content h4{gap: 4px; font-size: 16px;}
  .monthly{height: 28px;}
  .cart-price-box{padding: 20px; gap: 20px;}
  .discount-input input{padding: 8px 45px;}
  .full-category{padding: 8px 10px;}
  .price-area{gap: 12px;}
  .cart-price-section .circle-1{width: 180px; height: 120px; top: 70%;}
  .register-icon img{max-height: 120px;}
  .non-register{padding: 15px;}
  .popup-subject-conainer{gap: 0;}
  .tag-ico{left: 92%;}
  .register-icon .circle-1, .register-icon .circle-green{filter: blur(25px);}
  .register-icon{padding-top: 40px;}
  .cart-empty-img img{max-width: 230px;}
  .cart-empty-img .circle-1, .cart-empty-img .circle-2, .circle-rose, .circle-violet{width: 160px; height: 140px;}
  .failed .cart-empty-img img{max-width: 180px;}
  .circle-rose, .circle-violet{filter: blur(40px); top: 0;}
  .min-hight{min-height: 57vh;}
  .cart-empty-content h5{margin-top: 15px;}
  .login-user .user-ico, .login-user .lock-ico{left: 92%;}
  .login-user .eye-ico, .login-user .eye-slash-ico{left: 8%;}
  .cart-icon{width: 28px; height: 28px; border: none;}
  .cart-icon sup{top: -8px; left: -8px;}
  .home-challenge-content{max-width: 210px;}
  .liveClass-img{ width: 90px; flex-shrink: 0;}
  .join-btn{max-width: 60px; left: 12%;}
  .today-class-box h4 img{max-width: 18px;}
  .profile-tile-img img{max-width: 40px;}
  .leader-avatar{width: 70px; height: 70px; padding: 6px;}
  .leaderboard-ico{width: 100%; height: 300px;}
  .leader-toppers{height: 300px;}
  .crown{max-width: 40px;}
  .leader-third{gap: 4px; top: 46%; left: 83%;}
  .leader-first{top: 30%;}
  .leader-second{gap: 4px; top: 40%; left: 18%;}
  .leader-list-box{padding: 12px 0px;}
  .leader-img{width: 60px; height: 60px;}
  .leader-img img{width: 32px; height: 32px;}
  .notification-icon{width: 40px; height: 40px;}
  .notification-icon img{max-width: 20px;}
  .unread .notification-icon::before{right: 0px; top: 0px;}
  .logout-btn{display: none;}
  .ask-teacher-history-box{height: auto;}
  .top-language-btn{gap: 6px;}
  .student-container{ grid-template-columns: repeat(2, 1fr);}

  .english .cart-remove{left: auto; right: 20px;}
  .english .dp-tabs .nav-link{padding: 0px 10px 15px 10px;}
  .english .btn-five, .english .btn-six{padding: 8px 4px;}
  .english .status{ padding: 5px 2px;}
  .english .live-class-subscribed-title .liveClass-icon{ height: 52px; bottom: -15px;}
  .english .trial-content ul li::before{width: 16px; height: 16px;}
  .english .login-user .user-ico, .english .login-user .lock-ico {left: 8%;}
  .english .login-user .eye-ico, .english .login-user .eye-slash-ico{left: 92%;}
  .english .course-structure-details.completed .course-structure-content h6::after,
  .english .download-ico, .english .download-ico-blue{width: 16px; height: 16px;}
  .english .subscription-box h3{font-size: 18px;}
  .english .video-ask-teacher{flex-direction: column; gap: 12px;}
  .english .join-btn{ max-width: 60px;}
  .english .leader-third{left: 18%;}
  .english .leader-second{left: 83%;}
  

}

@media (max-width: 380px) {

 .cart-content h4{font-size: 15px;}
 .monthly{padding: 5px 8px; font-size: 15px; gap: 4px;}
 
}