@media screen and (min-width:1440px) {
    .new-prompt.syllabus .sidebar-nav ul.list-view{min-height: calc(100vh - 295px);overflow: auto;padding-right: 5px;}
    /* .syllabus-tab .tab-content {overflow: auto;padding-right: 10px;height: calc(100vh - 315px);} */
}

@media screen and (max-width:1919px) {
    .dashboard .active-plans h3,
    .dashboard .main-box .title h2{font-size: 22px;}
    .dashboard .dashboard-inner .card .daily-all-activity{gap: 20px;}
    .header-ask-anything .form-control{width: 360px;}
    .dashboard .main-box .title{margin-bottom: 15px;}
    .dashboard .main-box .profile-history-summary {flex: 0 0 320px;}

    .streaks-milestones .box h5{font-size: 20px;}
    .streaks-milestones .box p{font-size: 20px;}
    .streaks-milestones .box img{width: 40px;}
    .dashboard .profile-history-summary .profile-img{width: 80px; height: 80px;}
    .dashboard .main-box .card.hours-spent-performance {flex: 0 0 450px;}
    .dashboard .learning-journey .total-point{font-size: 22px; padding: 24px 10px;}
    .dashboard .main-box .card.trophy-showcase {flex: 0 0 300px;}
}

@media screen and (max-width:1799px) {
    .dashboard .main-box .card.trophy-showcase {flex: 0 0 275px;}
    .chapter-bar ul{gap: 10px;}
    .dashboard .main-box .card.hours-spent-performance{flex: 0 0 390px;}
    .dashboard .profile-history-summary .name h2{font-size: 22px;}
    .dashboard .active-plans h3, .dashboard .main-box .title h2 {font-size: 20px;}
    .header-ask-anything .form-control{background-size: 20px;}
    header .total-point span{width: 40px;}
    .main-box, 
    .dashboard .main-box .small-box{gap: 15px;}
    .dashboard .dashboard-inner .card{margin-bottom: 15px;}
    .dashboard .dashboard-inner .card{padding: 18px;}
    .dashboard .main-box .trophy-showcase .right ul li img{height: 80px;}
    .sidebar{flex: 0 0 260px;}
    .sidebar .sidebar-nav .nav-item a{font-size: 16px;}
}

@media screen and (max-width:1699px) {
    .payment-banner .text h3 {font-size: 28px; margin-bottom: 10px;}
    .payment-banner .text p{font-size: 20px;}
    .payment-banner .left{padding: 22px 28px; gap: 30px;}
    .payment-banner .left .icon img{height: 75px; width: auto;}
    .upgrade-plan .benefits li img{width: 22px; height: 22px;}
    .streaks-milestones .box img {width: 34px;}
    .streaks-milestones .box p, 
    .streaks-milestones .box h5{font-size: 18px;}
    .streaks-milestones .box{gap: 12px;}
    .streaks-milestones .box img{width: 30px;}
    .dashboard .main-box .master-in-subject ul li img{width: 42px;}
    .dashboard .main-box .trophy-showcase .right ul li img{height: 70px;}
    #motivational-line{font-size: 15px;}
    .master-subject .title h5,
    .top-filter.quiz h1{font-size: 22px;}
}

@media screen and (max-width:1679px) {
    .dashboard .learning-journey .all-progress .chapter-bar ul{flex-direction: column;}
    .dashboard .learning-journey .total-point {font-size: 18px;padding: 6px 10px;margin-top: 0;}
    .dashboard .profile-history-summary .profile-img {width: 60px;height: 60px;margin: 0 auto 20px auto;}
    .header-ask-anything .form-control {width: 330px;}
    header .feature-limits img{width: 22px;}
    header .feature-limits {padding: 6px 15px;}
    .dashboard .main-box .card.trophy-showcase {background: #E7FBE7;flex: 0 0 245px;}
}

@media screen and (max-width:1599px) {
    .new-prompt.ask-anything .chat-area .welcome-word{height: auto;}
    .new-prompt .welcome-word h2{font-size: 26px;}
    .new-prompt .welcome-word h3 {font-size: 20px;margin: 0 0 5px;}
    .new-prompt .welcome-word .question img, .new-prompt .welcome-word .topic img {flex: 0 0 70px;height: 70px;}

    /* 24-5-2025 */
    .syllabus-tab h1 {font-size: 17px;padding-bottom: 15px;margin-bottom: 15px;padding-right: 65px;}
    .sidebar .sidebar-nav .nav-item a{font-size: 15px;}
    .upgrade-card p{font-size: 14px;}
    .upgrade-card{padding: 10px;}
    .upgrade-card h2{font-size: 18px;}
    .new-prompt .chat-history .title h2{font-size: 16px;}
    .new-prompt .chat-history .title{margin-bottom: 10px;}
    .form-group{margin-bottom: 10px;}
    .form-group .icon .form-control{padding-right: 50px;}
    .new-prompt.syllabus .sidebar-nav a{font-size: 14px; line-height: 20px;}
    .new-prompt .chat-history{padding-right: 15px; flex: 0 0 300px;}
    .new-prompt{gap: 18px;}
    .syllabus-tab .nav-tabs .nav-link{font-size: 14px;gap: 8px;padding: 10px 25px 10px 15px;}
    #profiledropdownMenu img{width: 30px; height: 30px;}
    /* .sidebar{flex: 0 0 250px;} */
    .student-app{gap: 5px;}
    .upgrade-card img{height: 30px;}
    .new-prompt.syllabus .sidebar-nav ul li a.menu-toggle:after{top: 4px;}
    .new-prompt.syllabus .sidebar-nav ul li a.menu-toggle.rotate:after{top: 20px;}
    .syllabus-tab .nav-tabs .nav-link img{width: 18px;}
    /* .student-app .card{min-height: calc(100vh - 130px);} */
    .new-prompt .message-text{font-size: 16px;}
    .new-prompt .chat-container .follow-up-item span{font-size: 15px;}
    .new-prompt .chat-area .message-type .form-control {padding: 14px;padding-left: 78px;padding-right: 60px;}
    .syllabus-tab .tab-pane .key-ideas li, .syllabus-tab .tab-pane p{ font-size: 15px; line-height: 22px;}
    .syllabus-tab .side-content ul.point li{ font-size: 15px; line-height: 24px;}
    .syllabus-tab .content{gap: 5px;}
    .syllabus-tab .key-ideas {flex: 0 0 240px;padding: 0 10px 0 15px;}
    .syllabus-tab .tab-pane .key-ideas li{margin-bottom: 6px;}
    .new-prompt .welcome-word p{font-size: 16px;}

    .quiz-dashboard .right li .btn{padding: 8px 15px;}
    .top-filter .form-control {width: 200px;}

    .question-area {max-width: 750px;}
    .question-area .que{padding: 10px 0 20px;}
    .question-area .que h4{font-size: 22px;}
    .test-details .right .level{padding: 12px 22px;}
    .question-area .card-radio-group .card-input-element + .card.card-body {padding: 14px 20px; padding-right: 50px;}
    .test-details .right .min h5,
    .question-area .card .content_head{font-size: 18px;}
    .quiz-three-screen:after{background-size: 88px;}

    .quiz-four-screen .trophy-img img {height: 140px;}
    .quiz-four-screen .result-show h2 {font-size: 26px;line-height: 35px;} 
    .quiz-four-screen .trophy-img {margin-bottom: 20px;}
    .quiz-four-screen .result-show p{font-size: 18px;}
    .quiz-four-screen .diamond-count span{font-size: 30px;}
    .quiz-four-screen .diamond-count img{width: 45px;}
    .result-show ul {margin: 20px 0;}
    .result-show ul li {padding: 8px 20px;font-size: 16px;}
    .quiz-four-screen .result-show .common-btn {font-size: 18px;padding: 12px 40px;}
    .performance-summary p{font-size: 15px;}
    .performance-summary h6{font-size: 18px;}

    .upgrade-plan .all-plan .plan{min-width: auto;}
    .upgrade-plan .price h2{font-size: 46px;}
    .upgrade-plan .all-plan{gap: 20px;}
    .upgrade-plan .all-plan .plan{padding: 30px;}
    .upgrade-plan .benefits li{margin-bottom: 10px;}
    .frequently-asked-questions .accordion-button, .frequently-asked-questions .accordion-body {padding: 0 20px 20px 60px;}
    .frequently-asked-questions .accordion-button {padding-top: 20px;}
    .payment-banner .right{flex: 0 0 350px;}
    .payment-banner{margin: 30px 0;}

    .header-ask-anything .btn img{width: 30px; height: 30px;}
    header .total-point h2{padding: 12px 20px 12px 10px;}
    .dashboard .daily-activity .box-icon{width: 44px; height: 44px;}
    .form-control{font-size: 16px;}
    .trial-header .trial-period-ends{padding: 4px 6px; gap: 10px;}
    .trial-header .trial-period-ends .common-btn{font-size: 14px !important; padding: 8px 14px !important;}
    .dashboard .main-box .profile-history-summary{flex: 0 0 280px;}
    .streaks-milestones .box{padding: 12px;}
    .dashboard .dashboard-inner .card .daily-all-activity{gap: 15px;}
    .dashboard .dashboard-inner .card{padding: 15px;}
    .dashboard .main-box .title{margin-bottom: 10px;}
    .header-ask-anything .form-control {width: 300px; padding: 10px 60px;}
    .dashboard .daily-activity .score{width: auto; min-width: 80px; font-size: 16px;}
    .dashboard .main-box .trophy-showcase .left{margin-bottom: 10px;}
    .streaks-milestones .box p, .streaks-milestones .box h5 {font-size: 16px;}
    .chapter-bar .circle-progress{ width: 58px; height: 58px;}
    .chapter-bar .circle-progress::before{ width: 46px; height: 46px;}
    #motivational-line {font-size: 14px;}
    .dashboard .active-plans h3, .dashboard .main-box .title h2 {font-size: 18px;}
    .dashboard .learning-journey .total-point, 
    .dashboard .learning-journey .all-progress h5,
    .dashboard .smart-recommendations .box .list p, 
    .dashboard .smart-recommendations .box .list h6,
    .dashboard .daily-activity h4{font-size: 16px;}
    .dashboard .profile-history-summary .name h2 {font-size: 18px;}
    .dashboard .profile-history-summary .name{margin-bottom: 10px;}
    .dashboard .active-plans {margin-top: 15px;padding-bottom: 2px;margin-bottom: 10px;}
    .dashboard .learning-journey .all-progress{padding-right: 15px;}
    .dashboard .learning-journey .chapter-bar{gap: 15px;}
    .sidebar .sidebar-nav .nav-item a img{width: 22px; height: 22px;}
    .sidebar .sidebar-nav .nav-item a{padding: 6px 12px;}
    .sidebar{flex: 0 0 240px;}
    .logo-section{gap: 15px;}
    .upgrade-card{margin: 0px auto 20px auto;}
    .dashboard .history-summary ul li h5{font-size: 16px;}
    .dashboard .main-box .trophy-showcase .right ul li span {font-size: 14px;width: 24px;height: 24px;}
    .dashboard .smart-recommendations .box .list{padding: 12px;}
    .trial-header .trial-period-ends{font-size: 12px; line-height: 16px;}
    .master-subject .title h5,
    .top-filter.quiz h1{font-size: 20px;}
}

@media screen and (max-width: 1479px) {}

@media screen and (max-width: 1439px) {
    .subscription-card{ padding: 0; border: none; margin: 0;}
    .profile-img-section .profile-pic img{width: 100px; height: 100px;}
    .profile-img-section{gap: 20px;}
    .form-and-subscriptions{flex-direction: column-reverse;}
    .form-and-subscriptions .profile-form{width: 100%;}
    .form-and-subscriptions .profile-subscription{width: 520px;}
    .new-prompt .chat-area .welcome-word h2{font-size: 24px;}
    .new-prompt .chat-area .welcome-word p{margin-bottom: 10px;}
    .syllabus-tab .content{gap: 15px;}
    .new-prompt .chat-history {flex: 0 0 320px;}
    .syllabus-tab .key-ideas{padding: 0 0 0 15px;}
    .syllabus-tab .tab-pane .key-ideas li, 
    .syllabus-tab .tab-pane p{margin-bottom: 10px;}


    .custom-table h2, 
    .quiz-dashboard h1{font-size: 20px;}
    .quiz-dashboard .right li .box h4{font-size: 18px;}
    .student-app label,
    .custom-table table td,
    .custom-table table th,
    .quiz-dashboard .right li .btn{font-size: 16px;}
    .quiz-dashboard .master ul li img{height: 30px;}
    .quiz-dashboard .right li .box .star img{height: 40px;}
    .quiz-dashboard .right li .ribbon{font-size: 14px;}
    .form-control{font-size: 16px; padding: 10px 15px;}
    .quiz-dashboard .right li .box{padding: 15px 10px;}
    .chapter-bar .circle-progress{width: 70px; height: 70px;}
    .chapter-bar .circle-progress::before{width: 54px; height: 54px;}
    .quiz-dashboard .right li .ribbon{margin-bottom: 15px;}

    .quiz-secound-screen .custom-table table tbody tr td:nth-child(2){min-width: 340px;}

    .payment-banner .left .icon img{height: 50px;}
    .payment-banner .left{gap: 15px;}
    .payment-banner .text h3 {font-size: 26px;margin-bottom: 5px;}
    .payment-banner .text p {font-size: 18px;}
    .payment-banner .left{ clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);}
    .upgrade-plan .price h2 {font-size: 40px;}
    .upgrade-plan .price h2 span{font-size: 18px;}
    .upgrade-plan .plan-title{margin-bottom: 20px;}
    .upgrade-plan .benefits {margin-bottom: 30px;}
    .upgrade-plan .benefits li img{width: 20px; height: 20px;}
    .upgrade-plan .benefits li{gap: 10px;}

    .dashboard .daily-activity .box{flex-wrap: wrap;background: rgba(12, 57, 88, 5%);padding: 10px;border-radius: 12px;}
    .dashboard .daily-activity .score{width: 100%; margin: 0; padding: 4px;}
    .dashboard .dashboard-inner .card .daily-all-activity{gap: 6px;}
    .streaks-milestones .all-box{flex-wrap: wrap;}
    .streaks-milestones .box.milestone{width: 100%;}
    .dashboard .main-box .streaks-milestones .box{flex: 1;}
    .trial-header .trial-period-ends{order: 5; width: 100%; inset: auto;}
    
    .trial-header .header-right{flex-wrap: wrap;}
    header .total-point,
    header .feature-limits{height: auto;}
    header .total-point h2{padding: 6px 20px 6px 10px;}
    header .total-point span{width: 48px;}
    header .feature-limits{padding: 8px 15px;}
    header{align-items: flex-end;}
    .header-ask-anything .form-control {width: 100%;min-width: 310px;}
    .dashboard .smart-recommendations .all-box{flex-direction: column;}

    .all-my-subscriptions {display: grid; grid-template-columns: 1fr 1fr;}
    .all-my-subscriptions{gap: 20px;}
} 

@media screen and (max-width:1279px) {
    .login .login-details{width: 350px;}
    .student-set-up{height: 100vh; overflow-x: hidden;}
    .form-group .icon img {bottom: 18px;}
    .form-group .icon img{height: 15px;}
    .subscription-plan .title h2{font-size: 26px;}
    .main-content{padding: 0 15px;}
    header{padding: 10px 12px;}
    
    /* .new-prompt .chat-history{flex: 0 0 100%; padding-right: 0;} */
    .new-prompt{gap: 15px;}
    
    .history-close .new-prompt .chat-history {flex: auto;position: absolute;z-index: 5;background: #fff;width: 100%;left: 0;padding: 20px;border: none; inset: 0; border-radius: 18px;}
    .history-close .new-prompt .chat-history .title h2,
    .history-close .new-prompt .chat-history .syllabus-list{display: block;}
    .history-close .new-prompt .chat-history .syllabus-list{height: calc(100vh - 280px);}
    .history-close .new-prompt .chat-history .title{gap: 0;}
    .history-close .new-prompt.syllabus .sidebar-nav{display: block;}
    /* .syllabus-tab .tab-content{height: calc(100vh - 410px);} */
    
    .history-close .no-history-container{display: block;}
    .history-close .new-prompt .chat-history .history-list{display: block;}

    .history-close .new-prompt .history-list{display: block;}
    .history-close .new-prompt .chat-history{padding: 15px;}

    .new-prompt.history .chat-area{display: none;}
    .new-prompt.history .chat-history{border: none;}

    .min-history-list .new-prompt.history .chat-history{flex: 0 0 42px;}
    .min-history-list .new-prompt.history .chat-area{display: block;}
    .min-history-list .new-prompt.history .history-list{display: none;}
    /* .min-history-list .new-prompt.history .chat-history .title h2{display: none;} */
    .min-history-list.history-close .new-prompt.history .chat-history .title h2{display: block;}
    .new-prompt.history .chat-history .sidebar-icon{display: none;}
    .min-history-list .new-prompt.history .chat-history .sidebar-icon{display: flex;}
    .new-prompt.history{gap: 0;}

    .new-prompt.syllabus .chat-area{display: none;}
    .min-syllabus-list .new-prompt.syllabus .chat-area{display: block;}
    .min-syllabus-list .new-prompt .chat-history .syllabus-list{display: none;}
    .min-history-list .new-prompt .chat-history .title h2, 
    .min-syllabus-list .new-prompt .chat-history .title h2{display: none;}
    .slick-initialized .slick-slide{width: 100% !important;}

    .history-close .new-prompt .chat-history .sidebar-icon{display: none;}
    .new-prompt .chat-history{flex: 1; border: none; padding: 0;}

    .only-mobile{display: block;}
    .sidebar{display: none;}
    .small-sidemenu .sidebar{display: block; position: fixed;width: 100%;height: 100%;background: #fff;inset: 0;z-index: 10; overflow: auto; padding: 0 10px 20px 20px; z-index: 999;}
    .small-sidemenu .sidebar .logo-section{ background: transparent; justify-content: end; margin: 10px 0;}
    .small-sidemenu .sidebar .nav{flex-direction: column;}
    .small-sidemenu .sidebar .sidebar-nav .nav-item a{font-size: 16px; padding: 10px 15px;}
    .small-sidemenu .sidebar .sidebar-menu-structure{margin-bottom: 20px;}
    .small-sidemenu .sidebar .sidebar-menu-structure h5{display: block; font-size: 15px; margin-bottom: 10px;}
    .small-sidemenu .sidebar .nav{gap: 5px;}
    .small-sidemenu .only-mobile{position: absolute; z-index: 99; }
    .small-sidemenu .logo-section .menu span{transform: rotate(45deg); width: 20px;}
    .small-sidemenu .upgrade-card{display: block;}
    .side-all-menu{height: auto; overflow: visible;}
    .small-sidemenu .sidebar .logo-section .menu span {transform: rotate(45deg);}
    .small-sidemenu .logo-section .menu span:last-of-type{transform: rotate(-45deg) translateX(7px) translateY(-7px);}
    .small-sidemenu .logo-section .menu{padding: 6px 0 0 0;}
    
    header .sidebar .sidebar-nav .nav-item a img{display: block;}

    .show-sidemenu .logo-section .menu{padding: 10px 0 0 0;}
    body.show-sidemenu{overflow: hidden;}

    .feedback-pop-up .left-img img{width: 398px; padding: 30px;}
    .feedback-pop-up .modal-dialog {max-width: 800px;margin-top: 60px;}
    .feedback-pop-up .form{padding: 20px;}
    .feedback-pop-up .form .close {top: -10px; right: -10px;}
    .common-btn {font-size: 18px;}
    .feedback-pop-up .file-upload span{font-size: 13px;}
    .feedback-pop-up .form .modal-title{font-size: 18px;}
    .sidebar .sidebar-nav .nav-item.has-submenu.open a::after, 
    .sidebar .sidebar-nav .nav-item:hover a::after, 
    .sidebar .sidebar-nav .nav-item a::after{left: 25px; height: 2px;}
    .logo-section .menu span, 
    .logo-section .menu span:last-of-type{margin: 0; transform: none;}


    .logo-section.only-mobile img{width: 200px;}
    .dashboard .main-box .title{margin-bottom: 20px;}
    .card-content span{font-size: 16px;}
    .all-select{gap: 10px;}
    .card-content{gap: 10px;}
    .card-content h4{font-size: 22px;}

}
@media screen and (max-width:1199px) {
    .dashboard .main-box .small-box{flex-direction: column;}
    .dashboard .main-box .card.trophy-showcase{ flex-direction: row; display: flex; flex: auto; flex-flow: wrap; gap: 20px;}
    .dashboard .main-box .peer-comparison,
    .dashboard .main-box .card.hours-spent-performance{flex: auto;}
    .dashboard .main-box .small-box{row-gap: 0;}
    .custom-table .play{padding: 4px 20px;}
    .main-quiz-area{flex-direction: column-reverse;}
    .master-subject ul {display: flex;gap: 8px;}
    .master-subject ul li{flex: 1;}
    .quiz-dashboard .left{flex-direction: row;width: 100%; flex-wrap: wrap; justify-content: flex-start; gap: 40px; row-gap: 10px;}
    .quiz-dashboard .left h1{width: 100%;}
    .quiz-dashboard .get-point{width: 100%;}
    .quiz-dashboard .get-point ul li{width: 100%;}
    .quiz-dashboard .get-point li .box{gap: 30px;}
    .quiz-dashboard .left .chapter-bar ul li p{ text-align: center;}
    .quiz-dashboard .get-point p,
    .quiz-dashboard .left p,
    .quiz-dashboard h1{text-align: left;}
    .quiz-dashboard .master ul{ justify-content: flex-start;}
    .quiz-dashboard{padding: 15px;}
    .quiz-dashboard .get-point ul{display: flex; gap: 10px;}
    .quiz-dashboard .inner-box{ align-items: flex-start;}
    .quiz-dashboard{margin: 0;}
    .feature-limits-pop-up .modal-dialog{margin: 30px auto; max-width: calc(100% - 30px); width: auto;}

    .start-quiz-popup .modal-dialog{max-width: calc(100% - 60px); margin: 100px auto 0;}
    .start-quiz-popup .left-img h6 {font-size: 18px;font-weight: bold;padding: 10px 20px;}

}
@media screen and (max-width:1023px) {
    .login .student-img{flex: 0 0 50%; }
    .login{gap: 30px;}
    .new-prompt .chat-area .welcome-word ul{display: table; margin: 20px auto 0 auto;}
    .document-page .super-tutor-policy .list{display: none;}
    
    .syllabus-tab .content{ flex-wrap: wrap; }
    .syllabus-tab .key-ideas{padding: 0; border: none; flex: auto; width: 100%;}
    .syllabus-tab .nav-tabs{margin-bottom: 15px;}
    .syllabus-tab h1{padding-bottom: 15px; margin-bottom: 15px;}
    .syllabus-tab .tab-pane h5{font-size: 14px; margin-bottom: 0;}
    .syllabus-tab .summary{margin-top: 10px;}

    .custom-table .test-summary table tbody tr td{min-width: 150px;}
    .custom-table .test-summary table tbody tr td:first-child{min-width: 40px;}
    .custom-table .table-scroll.test-summary{height: auto;}

    .performance-summary p{max-width: 100%;}
    .performance-summary{border: none; padding: 15px; background: rgba(12, 57, 88, 0.1);}
    .quiz-four-screen{flex-direction: column;}
    .quiz-four-screen .test-name h6{min-height: auto;}
    .quiz-four-screen .trophy-img img {height: 100px;}
    .quiz-four-screen .result-show h2 {font-size: 22px;line-height: 30px;margin-bottom: 15px;}
    .quiz-four-screen .result-show .common-btn {font-size: 18px;padding: 8px 30px;}
    .performance-summary .next-steps{margin: 0;}


    .frequently-asked-questions .accordion{grid-template-columns: 1fr; gap: 10px;}
    .frequently-asked-questions .accordion-button,
    .frequently-asked-questions .accordion-body p{font-size: 18px;}
    .payment-banner .text h3 {font-size: 22px;}
    .upgrade-plan .benefits li,
    .payment-banner .right p,
    .payment-banner .text p {font-size: 16px;}
    .frequently-asked-questions .accordion-button::after{font-size: 30px; left: 15px;}
    .frequently-asked-questions .accordion-button:not(.collapsed)::after{font-size: 46px;}
    .frequently-asked-questions .accordion-button, .frequently-asked-questions .accordion-body {padding: 0 15px 15px 50px;}
    .frequently-asked-questions .accordion-button{padding-top: 15px;}
    .upgrade-plan .price h2 {font-size: 34px;}
    .upgrade-plan .benefits {margin-bottom: 20px;}
    .upgrade-plan .plan-title h5{font-size: 22px;}
    .upgrade-plan .all-plan {gap: 15px;}
    .upgrade-plan .all-plan{margin-bottom: 30px;}

    .header-ask-anything .form-control{min-width: 180px;}
    .start-quiz-popup .right-form {padding: 20px;}
}

@media screen and (max-width:991px) {

    header select.form-control{padding: 8px 34px 8px 10px;}
    header .header-ask-anything .form-control{padding: 10px 45px;}
    header .header-ask-anything .btn{display: none;}
    header .header-ask-anything {flex: 1;display: flex;justify-content: flex-end;}
    header .header-ask-anything .form-control {padding: 10px;font-size: 0;width: 40px;height: 40px;min-width: auto; background-position: center; border-color: var(--primary-colors);}
    header .mobile-ask-anything-redirect{display: block;}
    .quiz-dashboard .get-point li .reward, .quiz-dashboard .get-point li .key-reward{align-items: center;}
    .quiz-dashboard .get-point li .box{flex-direction: column-reverse;}
    .quiz-dashboard .get-point li .reward img{margin: 0 0 20px;}
    .quiz-dashboard .get-point li .box{gap: 15px;}
    .quiz-dashboard .get-point li .reward img{height: 30px;}
}

@media screen and (max-width:899px) {
    .login .student-img{display: none;}
    .login{display: block; padding: 0;}
    .login .login-area {display: flex;position: absolute;inset: 0;margin: auto;width: auto; padding: 30px;}
    .login .login-details {max-width: 450px;width: 100%;}
    .login footer{left: 0;}

    .student-set-up .title h1{font-size: 22px;}
    .student-set-up .academic-focus .card-radio-group .card-body img{height: 20px;}
    .student-set-up .academic-focus .card-radio-group .card-body span{width: 50px; height: 50px;}
    .student-set-up .card-radio-group .card-input-element + .card.card-body{padding: 12px;}
    .student-set-up .academic-focus .card-radio-group{gap: 15px;}
    .student-set-up .card .content_head {font-size: 20px;}
    .student-set-up .card .card-header .nav-pills .nav-link{width: 28px; height: 28px; padding: 0;}
    .card{padding: 22px;}
    .student-set-up .card .card-header .nav {padding-bottom: 15px;margin-bottom: 20px;}
    .student-set-up .card .step-title{margin-bottom: 20px;}
    .student-set-up .card .step-title h5{font-size: 20px;}
    .student-set-up .step-card .card-btn{margin: 30px 0 0;}
    .student-set-up .all-institution{gap: 2%;}
    .department-units .card-radio-group .content_head{font-size: 16px;}
    .student-set-up .card .card-header .nav ul{gap: 90px;}
 
    .student-set-up .card .card-header .nav-pills .nav-link:after {width: 70px;right: -80px;}
    .student-set-up .card .card-header .nav-pills .nav-link.pre-active:before {width: 70px;right: -80px;}
    .student-set-up .card .card-header .nav-pills .nav-link.active:before { right: -46px; width: 35px;}
    
    body.small-sidemenu {overflow: hidden;height: 100vh;}
    .main-content{margin-top: 5px;}
    .student-app .common-btn {font-size: 15px;padding: 8px 14px;}
    .subscription-plan .active-btn .common-btn.active{padding: 2px 14px;}
    .new-prompt .chat-area .welcome-word h2{font-size: 24px;}
 
    /* .sidebar{display: none; width: 0;} */
    .main-content{padding: 0 12px;}
    .logo-section img {height: 40px;width: auto;}
    header{padding: 14px 12px;}
    .header-right .subscriptions-type {padding: 10px 14px;font-size: 12px;}
    #profiledropdownMenu img{width: 30px; height: 30px;}
    .profile-img-section .profile-pic img{width: 60px; height: 60px;}
    .profile-img-section{gap: 15px;}
    .profile-img-section{margin-bottom: 20px;}
    .form-control.student-address{height: 120px;}
    .logo-section .menu span,
    .logo-section .menu span:last-of-type {transform: none;}

    #editDetails .radio-group {grid-template-columns: 1fr 1fr;}
    footer .login-footer {gap: 5px;}
    .document-page{padding: 20px;}
    .document-page h1{margin-bottom: 20px; font-size: 24px; padding-bottom: 15px;}

    .student-app{padding-bottom: 80px;}

    .nav.sidebar-nav.bottom{position: relative; padding: 0;}
    .upgrade-card {display: block;}
    .new-prompt .topic-que{gap: 10px;}
    .side-all-menu .nav-item.hide{display: block;}
    .new-prompt .welcome-word .topic-que a p{max-width: 100%; line-height: 20px;}
    .new-prompt .welcome-word .question img, .new-prompt .welcome-word .topic img {flex: 0 0 50px;height: 50px;}
    .new-prompt .welcome-word .question, .new-prompt .welcome-word .topic{gap: 15px;}

    .feedback-pop-up .modal-dialog {max-width: 650px;margin-top: 50px;}
    .feedback-pop-up .left-img img {width: 280px;padding: 20px;}
    .feedback-pop-up .form .modal-title {font-size: 16px;}
    .feedback-pop-up .left-img h2{font-size: 16px;}
    .feedback-pop-up .rating{gap: 5px;}
    .feedback-pop-up label{font-size: 14px;}
    .feedback-pop-up .modal-body{gap: 0;}

    .menu-item:hover .submenu.upgrade, 
    .menu-item.open .submenu.upgrade{flex-direction: column;}
    .sidebar .submenu .upgrade-card{width: 100%;}
    .sidebar .submenu .upgrade-card img{height: 40px; margin-bottom: 10px;}
    .sidebar .submenu .upgrade-card p, 
    .sidebar .submenu .upgrade-card h2{margin-bottom: 10px;}
    .show-sidemenu .sidebar .sidebar-nav .nav-item a{font-size: 15px;}


    .quiz-dashboard .right{flex: 0 0 100%;}
    .quiz-dashboard .right ul{ width: 100%; justify-content: space-between; gap: 30px;}
    .quiz-dashboard .right ul li{width: 100%;}
    .quiz-dashboard .right li .ribbon{width: 100%; padding: 4px 20px;}
    .quiz-dashboard .right li .btn{width: 100%;}
    .quiz-dashboard .master ul li img{height: 40px;}
    .top-filter .form-control {width: 100%;}
    .top-filter{justify-content: start;}
    .quiz-dashboard .right li .ribbon {font-size: 16px;}
    .QA-ask img{width: 55px;}
    .QA-ask{right: 20px; bottom: 20px;}
    .submit-btn{margin-top: 60px;}

    .upgrade-plan .all-plan .plan {padding: 20px;}

    .header-right{gap: 10px;}
    .trial-header .trial-period-ends{position: fixed; top: 0; z-index: 1; order: auto; left: 0; right: 0;}
    .header-right{flex-wrap: nowrap;}
    .trial-header.header{margin-top: 45px;}
    .logo-section.only-mobile img {width: 180px;height: auto;margin-bottom: 4px;}
    header .total-point span{display: block; text-align: center;}
    header .total-point span img{width: 22px;}
    header .total-point h2, 
    header .feature-limits{font-size: 15px;}
    header{gap: 10px;}
    .student-app .common-btn span{font-size: 16px;}

    .feature-limits-pop-up .modal-header{flex-direction: column;}
    .get-available-premium {justify-content: space-between;width: 100%;}
    
}

@media screen and (max-width:767px) {
    .login .title h1 span{font-size: 32px;}
    .login .title p {font-size: 16px;line-height: 20px;}
    .login .title{margin-bottom: 22px;}
    .common-btn{font-size: 16px;}
    .login .login-area{padding: 20px;}
    .form-group{margin-bottom: 15px;}

    .student-set-up .card .card-header .nav-pills .nav-link:after{ width: 35px; right: -42px;}
    .student-set-up .card .card-header .nav-pills .nav-link.pre-active:before {right: -33px;width: 25px;transition: var(--transition);}
    .student-set-up .card .card-header .nav-pills .nav-link.active:before{ right: -25px; width: 18px;}
    .student-set-up .card .card-header .nav-pills .nav-link.pre-active:before { right: -42px; width: 35px;}
    .student-set-up .card .card-header .nav-pills .nav-link{width: 24px; height: 24px; font-size: 12px;}
    .student-set-up .card .card-header .nav ul{gap: 50px;}
    .student-set-up .academic-focus .card-radio-group{display: block;}
    .student-set-up .card-radio-group label{margin-bottom: 20px;}
    .student-set-up .all-institution{display: block;}
    .academic-year{grid-template-columns:1fr 1fr; gap: 20px; padding-top: 10px;}
    .form-submitted img{height: 90px;}
    .form-submitted h2{font-size: 20px;}
    .student-set-up{padding: 20px;}
    .student-set-up .card .contact-details,
    .student-set-up .card .contact-details.first-last-name{display: block; margin: 0;}
    .student-set-up .card .contact-details .form-group{margin-bottom: 15px;}
    .student-set-up .logo img{margin: 0 auto;}
    .student-set-up .logo{text-align: center;}
    
    .subscription-plan .start-end-date {justify-content: end;flex-direction: column;align-items: flex-end; gap: 0;}
    .subscription-plan .common-btn{padding: 2px 14px;}
    .subscription-plan .active-btn {display: flex;justify-content: flex-end;align-items: center;}
    .student-app label{font-size: 15px; margin-bottom: 10px;}
    .profile-img-section .profile-pic img{width: 50px; height: 50px;}
    .subscription-plan .title h2{font-size: 22px;}
    .all-my-subscriptions .subscription-plan{flex: 0 0 300px;}

    .new-prompt .chat-area .welcome-word h2{font-size: 22px;}
    .new-prompt .chat-area .welcome-word ul li, 
    .new-prompt .chat-area .welcome-word h6{font-size: 15px; line-height: 22px;}
    .new-prompt.ask-anything .chat-area .welcome-word {height: calc(100vh - 235px)}
    .new-prompt .chat-area .message-type{padding: 10px 0; margin-top: 15px;}
    .new-prompt #chat-messages.chat-messages-full-screen {min-height: calc(100vh - 205px); overflow: auto; height: auto;}
    .new-prompt.history, 
    .new-prompt.syllabus { height: auto;display: flex;flex-direction: column;}
    .new-prompt .history-list{height: auto;}
    .new-prompt .chat-history{ flex: auto; padding: 0; border: none;}

    .syllabus-tab .nav-tabs .nav-link{padding: 10px 20px 10px 20px; height: 40px; font-size: 15px;}
    .syllabus-tab .nav-tabs{gap: 10px;}
    .syllabus-tab .nav-tabs .nav-link img{width: 16px;}
    .syllabus-tab .nav-tabs .nav-link:hover, .syllabus-tab .nav-tabs .nav-link.active{padding-right: 20px;}

    .new-prompt.history .chat-area .common-btn{display: block; text-align: center;}
    .new-prompt .chat-history .title h2{display: block;}
    .carouselSlider{position: relative;}
    .new-prompt .chat-history .title{margin: 0; border-bottom: solid 1px #e5e5e5; padding-bottom: 10px;}
    .syllabus-tab h1{font-size: 16px; padding: 5px 80px 15px 0;}
    .new-prompt .chat-history .syllabus-list{margin-top: 10px;}
    .new-prompt.syllabus .sidebar-nav{height: auto;}
    .new-prompt .chat-area .message-type {position: fixed;bottom: 0;left: 0;right: 0;margin: 0;z-index: 1;width: 100%;padding: 10px 20px;}
    .new-prompt .chat-area .message-type ul{left: 40px;}
    .new-prompt .chat-area .message-type .send{right: 30px;}
    .new-prompt .chat-container{padding-bottom: 40px;}

    .student-app .ask-anything  .card {height: calc(100vh - 190px);min-height: auto;overflow: auto;}
    .new-prompt .chat-container{padding-bottom: 0;}

    .form-group.card-btn{position: fixed;left: 0;right: 0;bottom: 0; padding: 15px; background: #fff;}
    .student-set-up .step-card .card-btn .common-btn{width: 100%;}
    .form-group.card-btn.back-hidden .common-btn{width: 100%;}
    .step-card{margin-bottom: 75px;}
    
    .department-units .card-radio-group .content_head{font-size: 14px;}
    .student-set-up .title {margin:30px 0;}
    .card{padding: 16px;}
    .student-set-up .card .card-header .nav{margin-bottom: 10px;}
    .student-set-up .card .step-title h5{font-size: 18px; line-height: normal;}
    .subscription-card .subscription-plan .title h2{font-size: 16px;}
    
    .update-cancel-btn .common-btn{width: 100%;}
    .profile-img-section .common-btn{width: auto;}
    .student-app{padding-bottom: 10px;}
    .update-cancel-btn{position: fixed;z-index: 1;bottom: 0;width: 100%;background: #fff;left: 0;right: 0;padding: 15px;}
    .profile-img-section .change-image{gap: 8px;}
    .student-app .form-and-subscriptions{padding-bottom: 60px;}
    .student-app .all-my-subscriptions .common-btn{width: auto;}
    .syllabus-tab .new-prompt #chat-messages.chat-messages-full-screen {height: auto;margin-bottom: 50px;}

    .new-prompt .topic-que{gap: 10px; flex-wrap: wrap; flex-wrap: wrap;}
    .new-prompt .what-can,
    .question, .topic{width: 100%; max-width: 100%;}

    .carouselSlider button.slick-next.slick-arrow.syllabus-slider, 
    .carouselSlider button.slick-prev.slick-arrow.syllabus-slider {display: block;padding-top: 45px;}

    .new-prompt .history-list .title-time h5,
    .new-prompt .chat-container .follow-up-item span,
    .new-prompt.syllabus .sidebar-nav a{font-size: 15px;}
    .small-sidemenu .sidebar .sidebar-nav .nav-item a{font-size: 15px; padding: 5px 15px;}
    .upgrade-card p{font-size: 15px; line-height: 20px;}
    .new-prompt .history-list .title-time{flex-wrap: wrap;}
    .new-prompt .history-list .title-time span{font-size: 14px;}
    .new-prompt .history-list .saved-chat{ align-items: flex-start;}
    .follow-up-item{ line-height: 20px;}
    .side-all-menu{height: auto;}

    .login .receiveOTP label{font-size: 15px;}
    #login-form .common-btn{font-size: 18px;}
    #login-form p{font-size: 15px !important;}

    .new-prompt .welcome-word h3{font-size: 20px; margin-bottom: 5px;}
    .new-prompt .welcome-word .topic-que{gap: 15px;}
    .congratulations-pop-up .modal-body {padding: 1.6rem;}

    .student-set-up .content_head {height: 100%;display: flex;align-items: center;justify-content: center;}
    .new-prompt.ask-anything .chat-area .welcome-word,
    .new-prompt.history .chat-container{height: auto;}
    .student-app .ask-anything .card{min-height: auto; height: auto; padding-bottom: 20px;}
    .ask-anything.main-content {padding: 0 12px;padding-bottom: 80px;}

    .min-history-list .new-prompt .chat-history .title h2, 
    .min-syllabus-list .new-prompt .chat-history .title h2{display: block;}
    .new-prompt.syllabus .sidebar-nav a{padding: 8px 0;}

    footer {display: none;}
    .show-sidemenu footer {display: block;}
    
    .feedback-pop-up .left-img{display: none;}
    .feedback-pop-up .modal-dialog{max-width: 80%; margin: 40px auto 0;}


    .quiz-dashboard .right ul{gap: 15px;}
    .full-subject{flex-direction: column; align-items: flex-start; padding: 20px;}
    .full-subject .left{padding: 0;}
    .full-subject ul .btn{flex: 1;}
    .full-subject ul{width: 100%;}
    .quiz-secound-screen .custom-table table tbody tr td:nth-child(2) {min-width: 150px;}
    .full-subject h2{font-size: 20px;}

    .progress-container{height: 8px;}
    .test-details{flex-direction: column; padding: 15px 15px 20px; gap: 10px; margin-bottom: 15px;}
    .test-details .left{border-bottom: solid 1px #cdcdcd;width: 100%;text-align: center;padding-bottom: 15px;}
    .test-details .right {justify-content: space-between;width: 100%;flex: 1;}
    .test-details .right .level {margin: 0; padding: 10px 20px;border-radius: 10px; font-size: 18px;}
    .test-details .right .level-box{padding: 0;}
    .test-details .right .level-box:after{display: none;}
    .test-details .right .min{text-align: left;}
    .test-details .right .level span{margin: 0;}

    .quiz-three-screen{padding-bottom: 60px;}
    .question-area .que h4 {font-size: 20px;}
    .question-area .btn-box .btn.next {padding: 6px 6px 6px 38px;}
    .question-area .btn-box .btn span{width: 34px; height: 34px;}
    .question-area .card-radio-group .card-input-element + .card.card-body{margin-bottom: 10px; padding: 12px 20px; padding-right: 50px;}
    .question-area .card-radio-group .card-body:after{width: 20px; height: 20px; right: 20px;}
    .question-area .btn-box{gap: 15px; margin-top:20px;}
    .quiz-three-screen:after{background-size: 60px;}
    .question-area .btn-box .btn {font-size: 18px; padding: 4px 20px 4px 4px; gap: 15px;}
    .question-area .btn-box .btn.next {padding: 4px 4px 4px 20px;}
    .submit-btn{margin-top: 30px;}
    .title-box {padding-bottom: 10px;margin-bottom: 15px;}
    .title-box h2{font-size: 18px;}
    .question-area .que{margin-bottom: 20px;}

    .quiz-five-screen .title-box{flex-wrap: wrap; justify-content: start;}
    .result-show ul{justify-content: start;}
    .quiz-five-screen .custom-table table tbody tr td:nth-child(2){min-width: 250px;}
    .quiz-five-screen .custom-table table tbody tr td:nth-child(5){min-width: 400px;}


    .upgrade-plan .all-plan{flex-direction: column;}
    .upgrade-plan .all-plan .plan.basic-plan,
    .upgrade-plan .all-plan .plan.basic-plan:hover,
    .upgrade-plan .all-plan .plan:hover{top: 0;}
    .upgrade-plan .all-plan{padding: 0;}
    .payment-banner .left {clip-path: none;}
    .payment-banner{flex-direction: column;}
    .payment-banner .right{flex: 1; padding: 15px;}
    .payment-banner .left{justify-content: center;}
    .upgrade-plan .benefits li {margin-bottom: 4px;}
    .upgrade-plan .plan-title {margin-bottom: 10px;}
    .upgrade-plan .test-details .right{justify-content: center;}
    .frequently-asked-questions .accordion-button, 
    .frequently-asked-questions .accordion-body p {font-size: 16px;}

    .payment-history .next-renewal {text-align: left;}

    .main-box{flex-direction: column;}
    .dashboard .main-box .profile-history-summary{flex: auto;}
    header select.form-control{width: 90px;}

    .top-filter{flex-direction: column;}
    .top-filter.quiz{align-items: start;}
    .top-filter.quiz .form-group{width: 100%;}

    .quiz-dashboard .get-point li .reward img {height: 24px;}
    .quiz-dashboard .get-point li .box h4{font-size: 18px;}
    .quiz-dashboard .get-point li .key-reward label {font-size: 16px; margin-bottom: 2px;}
    .quiz-dashboard .get-point li .box {padding: 15px;}
    .top-filter.quiz h1{padding: 0;}
    .master-subject .attempt{font-size: 16px;}
    .master-subject .title h5, .top-filter.quiz h1 {font-size: 18px;}
    .card-content h4 {font-size: 18px;}
    .loading {font-size: 40px;}
    
    .feature-limits-pop-up .why-premium-table table td {font-size: 15px;padding: 4px 8px;}

    .start-quiz-popup .modal-dialog{max-width: calc(100% - 30px); margin: 80px auto 0;}
    .start-quiz-popup .left-img{height: 100px;width: 100%;background: #0c3958; flex: auto !important;}
    .start-quiz-popup .left-img h6{inset: 0; margin: auto;}
    .start-quiz-popup .left-img img{opacity: .6;}
    .start-quiz-popup .customize-your-quiz {flex-direction: column;}
    .start-quiz-popup .right-form .form-group span{font-size: 14px;}
    .start-quiz-popup .right-form h5{font-size: 16px;}
    .difficulty-radio-group label{padding: 6px 10px;}

    .frequently-asked-questions{flex-direction: column; gap: 0;}
    .frequently-asked-questions .title-box{flex: auto;}
    .feature-checklist-table{margin-bottom: 20px;}

    .all-my-subscriptions {display: grid; grid-template-columns: 1fr;}

}

@media screen and (max-width : 639px){
    .top-filter .reset-filter.common-btn{position: relative; width: 100%;}
    .quiz-dashboard .middle{order: 3; flex: 100%; justify-content: center;}
    .quiz-dashboard .left{width: 100%; text-align: center;}
    .quiz-dashboard .master ul,
    .quiz-dashboard .inner-box{justify-content: center;}
    .chapter-bar .circle-progress{width: 100px; height: 100px;}
    .chapter-bar .circle-progress::before{width: 80px; height: 80px;}
    .quiz-dashboard .master ul li img{height: 60px;}
    .quiz-dashboard .master ul {gap: 15px;}
    .quiz-dashboard .left p {font-size: 18px;margin: 10px 0;}
    .student-app .common-btn {font-size: 16px;padding: 10px 22px;}
    .quiz-secound-screen .custom-table table tbody tr td:nth-child(2) {min-width: 150px;}
    .custom-table table th{padding: 5px;}
    .custom-table table tbody tr td {padding: 5px;margin-bottom: 2px;}
    .custom-table table td, .custom-table table th{font-size: 15px;}
    .custom-table .process {padding: 4px 10px;font-size: 13px;}
    .custom-table .play {font-size: 14px;padding: 4px 12px;}
    
    .test-details {padding: 10px 10px 15px;}
    .test-details .left h3{font-size: 18px;}
    .test-details .right .min h5{margin: 0;}
    .question-area .que h4 {font-size: 18px;}
    .question-area .que {margin-bottom: 15px;padding: 20px 0 10px;}
    .question-area .card-radio-group .card-body:after{right: 15px; width: 15px; height: 15px;}
    .question-area .card-radio-group .card-input-element + .card.card-body{padding: 12px 40px 12px 15px;}
    .question-area .card-radio-group .card-input-element:checked + .card:after {border: solid 4px #27c978;}
    .question-area .btn-box .btn{font-size: 16px;}
    
    .quiz-three-screen{padding-bottom: 140px;}
    .quiz-four-screen .test-name {align-items: flex-end;justify-content: space-between;margin-bottom: 24px;flex-direction: column-reverse;gap: 15px;}
    .quiz-four-screen .test-name h6 {min-width: auto;text-align: center;width: 100%;}
    .quiz-four-screen .test-name span {font-size: 15px;padding: 4px 20px;}
    .quiz-four-screen .result-show p {font-size: 16px;}
    .quiz-four-screen .result-show .common-btn {font-size: 15px;padding: 6px 20px; margin-bottom: 5px;}
    .quiz-four-screen .result-show .summary-btn{gap: 10px;}
    .quiz-four-screen .result-show .summary-btn a:first-child{padding-right: 15px;}
    .quiz-four-screen .result-show h2 {font-size: 20px;line-height: 28px;margin-bottom: 10px;}
    .result-show ul {margin: 15px 0;}
    .result-show ul li {padding: 6px 15px;font-size: 15px;}
    .performance-summary p{padding-bottom: 15px; margin-bottom: 5px;}
    .performance-summary ul li{margin-bottom: 5px;}
    .quiz-four-screen .diamond-count span {font-size: 24px;}
    .quiz-four-screen .diamond-count img{width: 32px;}

    .quiz-five-screen .result-show ul li {font-size: 14px;padding: 6px 14px;line-height: normal;}
    .quiz-five-screen .result-show ul {gap: 5px;}

    .upgrade-plan .benefits li img {width: 16px;height: 16px;}
    .upgrade-plan .all-plan .plan .common-btn.choose-plan,
    .upgrade-plan .all-plan .plan.basic-plan .common-btn,
    .upgrade-plan .test-details .right .common-btn {font-size: 15px;padding: 8px 20px;}
    .upgrade-plan .price h2 span{font-size: 16px;}
    .upgrade-plan .price h2{font-size: 30px;}


    .past-payments-table .title{flex-direction: column; justify-content: start; align-items: start; gap: 5px;}
    .past-payments-table .title .issues-payment{width: 100%;}
    .past-payments-table .title .issues-payment{gap: 10px;}
    .test-details .right {gap: 10px;}

    header .total-point{display: none;}
    header select.form-control{width: 85px;}

    .quiz-dashboard .get-point ul,
    .master-subject ul{display: block;}
    .quiz-dashboard .get-point li .box{flex-direction: row;}
    .quiz-dashboard .get-point li .reward{align-items: end;}
    .quiz-dashboard .get-point li .key-reward{align-items: start;}
    .all-select label.radio-card .card-content-wrapper{padding: 8px 14px;}
    .card-content h4 {font-size: 18px;}
    .card-content {flex-direction: column;height: 100%;justify-content: space-between; gap: 30px;}
    .all-select label {min-width: calc(33% - 6px);}
    
    .loading {font-size: 30px;}
    .get-available-premium{flex-direction: column;}

    .subscription-plan .selected-subject ul li{font-size: 14px;}
    .subscription-plan .selected-subject ul{gap: 4px;}


}

@media screen and (max-width : 554px){
    .custom-table h2, .quiz-dashboard h1 {font-size: 16px;}
    .chapter-bar ul{gap: 10px;}
    .quiz-dashboard .right ul{flex-direction: column; gap: 20px;}
    .quiz-dashboard .inner-box{gap: 20px;}
    .quiz-dashboard .middle{margin-top: 40px;}

    .dashboard .dashboard-inner .card .daily-all-activity{grid-template-columns: 1fr;}
    .dashboard .daily-activity .box{flex-wrap: nowrap; align-items: stretch;}
    .dashboard .daily-activity .score{width: auto;display: flex;justify-content: center;align-items: center;}
    .dashboard .main-box .title{flex-direction: column;margin-bottom: 15px;align-items: start;gap: 0;}
    #motivational-line{padding: 0; background: transparent;}
    header{padding: 10px 12px; gap: 15px;}

    .top-filter.quiz .form-group{flex-direction: column; align-items: flex-start;}
    .quiz-dashboard h1{margin: 0;}
    .all-select label {min-width: calc(50% - 6px);}
    .start-quiz-popup .right-form {padding: 15px;}

    
}

@media screen and (max-width : 479px){
    .student-set-up .step-card .card-btn{flex-wrap:wrap;}
    .student-set-up .card .card-header .nav ul{gap: 30px;}
    .student-set-up .card .card-header .nav-pills .nav-link:after {width: 20px;right: -24px;}
    .student-set-up .card .card-header .nav-pills .nav-link.pre-active:before {width: 20px;right: -24px;}
    .student-set-up .card .card-header .nav-pills .nav-link.active:before {right: -14px;width: 10px;}
    .student-set-up .card-radio-group .card-input-element + .card.card-body{padding: 15px 10px;}
    .student-set-up{padding: 15px;}
    label{font-size: 16px; margin-bottom: 5px;}
    .student-set-up .card .contact-details .form-group{margin-bottom: 10px;}
    #editDetails .radio-group {grid-template-columns: 1fr;}
    .new-prompt .chat-area .welcome-word h2{margin-bottom: 10px;}
    .form-group.card-btn{padding: 10px 15px;}
    .all-my-subscriptions .subscription-plan{flex: 100%;}
    .subscription-plan .selected-subject ul li{flex-wrap: wrap;}
    .all-my-subscriptions{gap: 30px;}

    .new-prompt .welcome-word .question, 
    .new-prompt .welcome-word .topic{padding: 15px; flex-wrap: wrap; text-align: center; padding: 20px; justify-content: center;}
    .new-prompt .welcome-word .question img, .new-prompt .welcome-word .topic img {flex: 0 0 40px;height: 40px;}
    .chat-area .welcome-word img {height: 100px; margin: 0 auto 20px;}
    .new-prompt .chat-area .welcome-word h2{font-size: 18px;}
    .new-prompt .welcome-word .topic-que{gap: 10px;}
    .new-prompt .welcome-word h3{font-size: 16px;}
    .new-prompt .welcome-word .topic-que a p{font-size: 15px;}
    .congratulations-pop-up .modal-body {padding: 1rem;}
    .academic-year{grid-template-columns:1fr; gap: 20px;}

    .new-prompt .message-text{font-size: 16px;}
    .new-prompt .date-header h4{font-size: 18px;}
    .new-prompt .chat-thread {padding: 0 0 10px !important;margin: 0 0 10px !important;}

    .sidebar .submenu h4{font-size: 15px;}
    .sidebar .submenu p{font-size: 13px;}
    .menu-item.open .submenu {position: relative;width: auto;top: auto;padding: 10px;border: solid 1px var(--secondary-colors);}
    .sidebar .submenu h5{display: none;}
    .sidebar .submenu li a{gap: 10px;}
    .sidebar .submenu li img {width: 20px;height: 18px;}

    .feedback-pop-up .modal-dialog{max-width: 92%;}
    .feedback-pop-up .form{padding: 15px;}
    .feedback-pop-up .modal-header{gap: 10px;}
    .feedback-pop-up .form .close{top: auto; right: auto;}
    .feedback-pop-up .rating{gap: 2px;}
    .feedback-pop-up .form .close img{width: 18px;}
    .form-control{padding: 6px 15px; font-size: 15px;}

    .small-sidemenu .sidebar .sidebar-nav .nav-item a{padding: 5px 15px;}
    .small-sidemenu .sidebar .sidebar-menu-structure{margin-bottom: 10px;}
    .small-sidemenu .sidebar{padding: 0 10px 15px 15px;}
    .sidebar .sidebar-nav .nav-item a img{width: 24px; height: 24px;}
    .logo-section img {height: 38px;width: 50px;object-position: left;object-fit: cover;}

    .chapter-bar .circle-progress {width: 64px;height: 65px;}
    .chapter-bar .circle-progress::before {width: 50px;height: 50px;}
    .quiz-dashboard .master ul li img{height: 36px;}
    .quiz-dashboard .left p{font-size: 16px;}
    .full-subject{padding: 14px;}
    .question-area .btn-box{gap: 10px; justify-content: space-between;}
    .question-area .btn-box .btn span{width: 30px; height: 30px;}
    .test-details .right .min h5, .question-area .card .content_head {font-size: 16px;}
    .QA-ask img {width: 40px;}

    .quiz-four-screen .result-show p br, 
    .quiz-four-screen .result-show h2 br{display: none;}
    .quiz-four-screen .result-show .summary-btn{flex-direction: column; gap: 5px;}
    .quiz-four-screen .result-show .summary-btn a:first-child{padding: 0; border: none;}
    .quiz-four-screen .trophy-img img {height: 80px;}
    .quiz-four-screen{gap: 20px;}
    .performance-summary h6{margin-bottom: 12px;}

    .payment-banner .left{flex-direction: column; justify-content: center; text-align: center;}
    .payment-banner .right{text-align: center;}
    .payment-banner .left{padding: 15px;}
    .payment-banner .text h3{font-size: 18px;}
    .payment-banner .left .icon img{height: 40px;}
    .frequently-asked-questions .accordion-body p{line-height: 1.3;}

    .past-payments-table .title .issues-payment, 
    .test-details .right{flex-direction: column;}
    .test-details .right {align-items: stretch;}
    .payment-history .auto-renew{padding: 0; border: none;}
    .payment-history .next-renewal p{font-size: 16px;}
    .past-payments-table .title{align-items: center;}
    .payment-history .next-renewal{text-align: center;}

    .trial-header .trial-period-ends{flex-direction: column;}
    .trial-header.header {margin-top: 85px;}
    .dashboard .daily-activity .box {flex-wrap: wrap;align-items: flex-start;}
    .dashboard .daily-activity .score{width: 100%;}
    .dashboard .learning-journey .chapter-bar{flex-direction: column;}
    .dashboard .learning-journey .all-progress{width: 100%; border: none; border-bottom: solid 1px rgba(12, 57, 88, 20%); padding-bottom: 20px;}
    .dashboard .learning-journey .all-progress:last-of-type{border-bottom: none; padding-bottom: 0;}

    .logo-section.only-mobile img {width: 45px;object-position: left;object-fit: cover;height: 35px;}

    .all-select{flex-direction: column;}
    .all-select label{min-width: none;}
    .quiz-dashboard .get-point li .box{gap: 10px;}
    .quiz-dashboard .get-point li .box h4{font-size: 15px;}
    .quiz-dashboard .get-point li .reward p {font-size: 12px;}
    .tab-container ul li{flex-direction: column; width: 100%; padding: 6px 15px;}
    .student-app .card {padding: 15px;}
    .student-app .dashboard .card {padding: 0;}
    .master-subject .title p{font-size: 16px;}
    .loading {font-size: 20px;}
}

@media screen and (max-width : 376px){
    .sidebar .sidebar-nav .nav-item a{padding: 8px 10px;}
    .upgrade-card{margin: 10px auto;}
    header{padding: 8px 10px;}
    .upgrade-card p{margin-bottom: 5px;}
    .upgrade-card img{height: 24px;}
    .show-sidemenu .sidebar .sidebar-nav .nav-item a {padding: 7px 0;}
    .show-sidemenu .sidebar{padding: 20px 20px 20px;}
    .show-sidemenu .sidebar .sidebar-nav .nav-item a{font-size: 14px;}
    .sidebar .submenu .upgrade-card{margin: 0;}
    .sidebar .submenu .upgrade-card{padding: 10px;}
    .sidebar .submenu .upgrade-card p, 
    .sidebar .submenu .upgrade-card h2{margin-bottom: 5px;}
    .sidebar .submenu .upgrade-card h2{font-size: 18px;}
    .sidebar .submenu .upgrade-card img {height: 30px;margin-bottom: 5px;}
    .sidebar .sidebar-nav .nav-item a img {width: 20px;height: 20px;}

    .full-subject ul .btn{font-size: 16px; padding: 8px 10px;}
    .quiz-four-screen .trophy-img img {height: 60px;}
    .quiz-four-screen .result-show h2 {font-size: 18px;line-height: 24px;}
    .title-box h2 {font-size: 16px;}
    .student-app .common-btn {font-size: 14px;padding: 8px 22px;}
    .payment-history.test-details .left p {font-size: 16px;}
    header .feature-limits{display: none;}

}