@media (max-width: 1440px) {
     .theme-container {
         max-width: 100%;
    }
     .single-liveclass {
         max-width: calc(33.33% - 12px);
         flex: calc(33.33% - 12px);
    }
}
 @media (max-width: 1199px) {
     .courses-list .width-1-5 {
         max-width: 25%;
    }
     .courses-list .width-1-4, .module-list .width-1-4 {
         max-width: 33.33%;
    }
     .page-body-double {
         padding: 0px;
         flex-direction: column;
    }
     .page-body-double .page-body-left {
         width: 100%;
         padding: 0px;
         margin: 0px;
    }
     .blue-theme-section.blue-theme-section-leftpanel {
         overflow: hidden;
    }
     .blue-theme-section.blue-theme-section-leftpanel .theme-section-header {
    }
     .blue-theme-section.blue-theme-section-leftpanel .theme-section-body {
         display: none;
    }
     .blue-theme-section.blue-theme-section-leftpanel.collapse-active .theme-section-body {
         display: block;
    }
     .blue-theme-section.blue-theme-section-leftpanel .theme-section-header .mobile-dropdown {
         display: inline-block;
         vertical-align: top;
         position: relative;
         width: 24px;
         height: 24px;
         cursor: pointer;
    }
     .blue-theme-section.blue-theme-section-leftpanel .theme-section-header .mobile-dropdown:before {
         content: "";
         background-image: url(../images/icon/dropdown-arrow.svg);
         background-position: center center;
         background-repeat: no-repeat;
         position: absolute;
         width: 12px;
         height: 12px;
         background-size: 100%;
         top: 0px;
         left: 0px;
         margin: 6px;
         -webkit-transition: all 0.2s ease-out;
         -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
    }
     .blue-theme-section.blue-theme-section-leftpanel.collapse-active .theme-section-header .mobile-dropdown:before {
         transform: rotate(180deg);
    }
     .single-module.single-collapse-module .single-module-body {
         display: none;
    }
     .single-module.single-collapse-module.collapse-active .single-module-body {
         display: block;
    }
     .single-module.single-collapse-module .mobile-dropdown {
         display: inline-block;
         vertical-align: top;
         position: relative;
         width: 24px;
         height: 24px;
         cursor: pointer;
    }
     .single-module.single-collapse-module .mobile-dropdown:before {
         content: "";
         background-image: url(../images/icon/dropdown-arrow.svg);
         background-position: center center;
         background-repeat: no-repeat;
         position: absolute;
         width: 12px;
         height: 12px;
         background-size: 100%;
         top: 0px;
         left: 0px;
         margin: 6px;
         -webkit-transition: all 0.2s ease-out;
         -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
         transform: rotate(0deg);
    }
     .single-module.single-collapse-module.collapse-active .mobile-dropdown:before {
         transform: rotate(180deg);
    }
     .single-question-result .question-title-group {
         flex-direction: column;
    }
     .single-question-result .question-action {
         padding: 0px;
         font-size: 12px;
         margin-top: 5px;
    }
}
 @media (min-width: 992px) {
     .question-options-mobile-view {
         display: none;
    }
}
 @media (max-width: 991px) {
     .question-options-mobile-view {
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         gap: 10px;
         margin: 25px 0px;
    }
     .question-options-mobile-view .question-numbers-point {
         text-align: center;
         justify-content: center;
    }
     .question-options-mobile-view .question-numbering {
         text-align: center;
         margin: 0px;
    }
     .webmode {
         display: none !important;
    }
     .courses-list .width-1-5 {
         max-width: 33.33%;
    }
     .courses-list .width-1-4, .module-list .width-1-4 {
         max-width: 50%;
    }
     .single-question-with-options {
         padding: 15px !important;
    }
     .modal-media-body {
         flex-direction: column;
    }
     .modal-media-body .modal-media-body-left {
         padding: 0px 0px 0px 0px;
         margin: 0px 0px 20px 0px;
    }
     .modal-media-body .modal-media-body-left .learning-pdf {
         min-height: 500px;
    }
     .modal-media-body .modal-media-body-left .learning-pdf .object-pdf {
         position: absolute;
    }
     .modal-media-body .modal-media-body-left .learning-video {
         max-width: 100%;
    }
     .modal-media-body .modal-media-body-right {
         width: 100%;
         min-width: 100%;
         max-width: 100%;
    }
     .dashboard-page {
    }
     .dashboard-page .dashboard-right {
         width: 100%;
         margin: 0px;
    }
}
 @media (min-width: 768px) {
     .login-mobile {
         display: none;
    }
     .menu-toggler {
         display: none;
    }
     .right-menu-group {
         display: none;
    }
     .header-back-btn {
         display: none;
    }
}
 @media (max-width: 767px) {
     .search-form .search-form-single {
         display: flex;
         justify-content: end;
    }
     .search-form .form-group-search.first-search {
         display: inline-block;
         position: relative;
         vertical-align: top;
    }
     .search-form .form-group-search.first-search .form-control {
         padding: 0px 15px 0px 34px;
    }
     .search-form .form-group-search.first-search .search-icon {
         position: absolute;
         top: 0px;
         left: 0px;
         margin: 6px;
    }
     .search-form .form-group-search + .form-group-search {
         margin-left: 10px;
    }
     .search-form .form-group-search:before {
         display: none !important;
    }
     .search-form .form-group-search {
         margin: 0px;
    }
     .search-form .form-group-search .form-control {
         padding: 0px 15px;
         border: 1px solid #d9d9d9;
    }
     .search-form {
         flex-direction: column;
         gap: 10px;
         padding: 8px 10px;
    }
     .header-back-btn {
         display: inline-block;
    }
     .back-button-desktop {
         display: none !important;
    }
     .header-theme .single-action.dropdown-myaccount {
         display: none;
    }
     .single-module .single-module-body {
         height: auto;
    }
     .header-theme .single-action {
         margin-left: 0px;
    }
     .menu-toggler {
         display: inline-block;
         vertical-align: top;
         width: 32px;
         text-align: center;
         height: 32px;
         margin: 0px 0px 0px 0px;
         border-radius: 180px;
         border: 1px solid rgb(0 0 0 / 10%);
    }
     .menu-toggler .bar1 {
         width: 16px;
         height: 11px;
         float: left;
         position: relative;
         margin: 9px 7px;
    }
     .menu-toggler .bar1:before {
         content: "";
         width: 16px;
         height: 1px;
         background: rgb(0 0 0 / 40%);
         position: absolute;
         left: 0px;
         top: 50%;
         margin-top: -1px;
    }
     .menu-toggler .bar1 span {
         width: 16px;
         height: 11px;
         float: left;
         position: relative;
    }
     .menu-toggler .bar1 span:before {
         content: "";
         width: 16px;
         height: 1px;
         background: rgb(0 0 0 / 40%);
         position: absolute;
         left: 0px;
         top: 0px;
    }
     .menu-toggler .bar1 span:after {
         content: "";
         width: 16px;
         height: 1px;
         background: rgb(0 0 0 / 40%);
         position: absolute;
         left: 0px;
         bottom: 0px;
    }
     .footer-theme {
         display: none;
    }
     .login-header-title .login-title {
         width: 100%;
    }
     .login-page .login-page-image {
         display: none;
    }
     .login-page-content {
         width: 100%;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
    }
     .login-header-title {
         text-align: left;
         padding: 0px;
         margin-bottom: 50px;
    }
     .login-page-image-left {
         position: relative;
         margin-bottom: -25px;
         margin-top: 150px;
    }
     .learning-practice-single .topic-title {
         flex-direction: column;
    }
     .dashboard-page .dashboard-left .width-1-2 {
         max-width: 100%;
    }
     .single-course .course-description {
         height: auto;
    }
     .course-dashboard-status {
         flex-direction: column;
    }
     .course-dashboard-status .single-course-top + .single-course {
         margin-top: 12px;
         margin-left: 0px;
    }
     .header-theme .single-action .dropdown-toggler .dropdown-title {
         display: none;
    }
     .header-menu {
         display: none;
    }
     .courses-list .width-1-4, .module-list .width-1-4 {
         max-width: 100%;
    }
     .courses-list .width-1-5 {
         max-width: 50%;
    }
     .subject-page-header .subject-header {
         flex-direction: column;
    }
     .subject-header .subject-header-right {
         width: 100%;
         padding-left: 75px;
         flex-direction: column-reverse;
    }
     .subject-header .course-progress {
         margin: 10px 0px;
         min-width: auto;
    }
     .subject-header .course-actions {
         margin: 0px;
         white-space: normal;
    }
     .subject-header .course-actions .btn {
         white-space: normal;
    }
     .course-white-box .width-1-2 {
         max-width: 100%;
    }
     .single-question-with-options .single-question-with-options-title {
         width: calc(100% - 30px);
         margin: 0px 15px -30px 15px;
    }
     .single-question-with-options .single-question-with-options-body {
         padding: 40px 10px 10px 10px;
    }
     .footer-actions {
         flex-direction: column;
         justify-content: center;
         text-align: center;
    }
     .footer-actions .footer-action-left {
         text-align: center;
         width: 100%;
         float: left;
         position: relative;
         margin-bottom: 10px;
    }
     .footer-actions .footer-action-right {
         text-align: center;
         width: 100%;
         float: left;
         position: relative;
    }
}
 @media (max-width: 575px) {
     .popup-header-group .popup-header-right {
         width: 100px;
         min-width: 100px;
         max-width: 100px;
    }
     .popup-header-group .popup-header-right img {
         max-width: 75px;
         width: 75px;
    }
     .subject-header .course-description {
         display: none;
    }
     .single-question-with-options .single-question-with-options-title {
         width: calc(100% - 30px);
         margin: 0px 15px -30px 15px;
    }
     .single-question-with-options .single-question-with-options-body {
         padding: 40px 10px 10px 10px;
    }
     .blue-theme-section .theme-section-body {
         padding: 0px;
    }
     .learning-practice-single {
         padding: 10px;
    }
     .wrapper-theme .header-theme {
         padding-right: 15px;
         padding-left: 15px;
    }
     .courses-list .width-1-5 {
         max-width: 100%;
    }
     .announcements-group {
         flex-direction: column-reverse;
    }
     .announcements-group .announcements-left {
         height: 110px;
         border-radius: 0px 0px 10px 10px;
         max-width: 100%;
    }
     .announcements-group .announcements-left:before {
         transform: rotate(0deg);
         left: -10%;
         height: 100%;
         width: 120%;
    }
     .subject-header .subject-header-left {
         width: 100%;
         float: left;
         position: relative;
    }
     .subject-header .course-logo {
         margin-bottom: 15px;
         width: 50px;
         height: 50px;
         max-width: 50px;
         min-width: 50px;
    }
     .subject-header .subject-header-right {
         padding: 0px;
    }
     .subject-header .subject-header-left .course-header-info {
         padding-left: 12px;
    }
}