@media (max-width: 1440px) {
  .theme-container {
    max-width: 100%;
  }
}
@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 {
    padding: 0px;
  }
  .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%;
  }
  .courses-list .single-course .course-description {
    height: auto;
  }
  .course-dashboard-status {
    flex-direction: column;
  }
  .course-dashboard-status .single-course + .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;
  }
}