/*
*******************************
0. Mobile Media Queries (Max-width)
*******************************
*/

/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .plan-title {
    font-size: 35px !important;
  }
  .amount-large {
    font-size: 55px !important;
  }
  .lesson-detail-main-wrapper .lms-card-second .lms-card-content {
    padding: 0px !important;
  }

  .lesson-detail-main-wrapper .lms-card-second .lms-card-content .ratio-16x9 {
    --bs-aspect-ratio: 100%;
  }

  .assignments-grade-card .card-title-box.d-flex {
    display: block !important;
  }

  .assignments-grade-card .card-title-box.d-flex._assignment-all-box {
    display: flex !important;
  }

  .assignments-grade-card .card-title-box.d-flex .d-flex {
    margin-bottom: 15px;
  }

  .assignments-grade-card .lms-class-select .lms-form-input {
    width: 100%;
  }

  .lms-table-box .table._content-library-table thead tr th {
    font-size: 14px;
    padding: 10px 5px;
  }

  ._content-library-card .lms-card-content {
    padding: 25px 10px;
  }

  .lms-table-box .table._content-library-table tbody tr td {
    padding: 10px 5px;
  }

  .lms-card-second .lms-card-header._admin-classes-mobile .card-title-box.d-flex .me-2 {
    margin-right: 0 !important;
  }

  .lms-card-second
    .lms-card-header._admin-classes-mobile
    .card-title-box.d-flex
    .me-2
    .justify-content-end {
    margin-bottom: 0 !important;
    justify-content: center !important;
  }

  .lms-card-second .lms-card-header._admin-classes-mobile .card-title-box.d-flex .padding-10 {
    padding: 0 !important;
    margin-bottom: 0;
  }

  .lms-table-mobile .lms-table-card .table-card-content ._lms-table-actions-btns {
    width: 120px;
    margin: inherit;
  }

  .lms-tabs-pills .nav-pills .nav-link.active:after {
    bottom: 0px;
  }

  .lms-tabs-pills .nav-pills .nav-link:hover,
  .lms-tabs-pills .nav-pills .show > .nav-link {
    background-color: transparent;
  }

  .lms-tabs-pills .nav-pills .nav-item {
    margin-right: 0px;
    /* border-bottom: 1px solid var(--grey-color); */
  }

  .lms-tabs-pills {
    /* border-bottom: 0; */
  }

  .offline-available-grade-modal .modal-dialog {
    padding-left: 0% !important;
    width: 100%;
  }

  .offline-available-grade-modal .modal-dialog .modal-header .d-flex h2.title-600.f-size-22 {
    font-size: 18px !important;
  }

  .offline-available-grade-modal .modal-dialog .modal-header .d-flex h3.title-600.f-size-16 {
    font-size: 14px !important;
  }

  .step-1 .mb-4.ms-1 h2.title-700.f-size-32,
  .step-2 .mb-4.ms-1 h2.title-700.f-size-32 {
    font-size: 26px !important;
  }

  /* lesson report window */
  .lms-card-header.lms-card-header-lwr {
    display: block !important;
  }

  .lms-card-header.lms-card-header-lwr .lms-card-header-right {
    width: 100% !important;
    margin-bottom: 10px;
  }

  .lms-card-header-lwr
    .lms-card-dropdown-boxes
    .lms-card-dropdown
    .single-select-box
    .btn-group.mb-2 {
    margin-bottom: 0 !important;
  }

  .d-flex.flex-row.align-items-sm-center {
    align-items: center !important;
  }

  .offline-lms-card .d-sm-flex {
    display: flex !important;
  }

  ._offline-available-lessons-header .d-flex.flex-row {
    display: block !important;
  }

  ._offline-available-lessons-header .d-flex.flex-row .lms-theme-btn {
    margin-right: 0 !important;
    margin-bottom: 5px;
  }

  /* ._language-dropdown .dropdown {
    width: 100px;
  } */

  ._language-dropdown .singleselect-clickable {
    height: 38px;
    padding: 10px 15px;
    font-size: 12px;
  }

  .apl-5 {
    left: 30px;
  }

  ._google-icon-on-register {
    left: 40px;
  }

  ._login_right_section .d-flex.flex-column .pb-4.w-75,
  ._login_right_section .d-flex.flex-column ._signup-btns.w-75 {
    width: 100% !important;
  }

  .lms-back-link._signup-lms-back-link.w-75 {
    width: 100% !important;
  }

  .rubric-menu.open {
    left: 0;
    position: absolute;
    width: 100%;
  }

  /* language dropdown */
  /* ._login_base_height .login_panel_window_section_left .mx-lg-4.my-4 {
    margin-top: 3rem !important;
  } */

  .mx-lg-4.my-4.isSenfClass {
    margin-top: 4rem !important;
  }

  .single-select-box._language-dropdown {
    left: 0;
  }
  ._language-dropdown .dropdown {
    /* width: 65%; */
    width: 150px;
    margin: 0 auto;
  }

  /* principal dashboard */
  .lms-card-second .lms-card-header .d-flex._pd-card-dropdown-main {
    display: block !important;
  }

  ._sticky-next-wrapper {
    margin-top: 100px;
  }

  /* dashboard's responsive */
  ._dashboard-sub-per > .d-flex {
    display: block !important;
    margin-bottom: 25px !important;
  }

  .lms-header-wrapper.min-h-93 .lms-back-link {
    padding: 0 !important;
  }

  ._mobile-btn-full {
    width: 100%;
  }
  .lms-header-wrapper.min_h_64_93 .lms-back-link {
    padding: 0 !important;
  }

  /* offline available lesson page styling */
  .page-title-box._offline-available-lessons-header {
    display: block !important;
  }
  .page-title-box._offline-available-lessons-header .offline-btn-mobile {
    display: flex !important;
    justify-content: center;
  }
  /* offline available lesson page styling */

  .lms-card-dropdown-boxes .multiselect-clickable,
  .lms-card-dropdown-boxes .singleselect-clickable {
    height: 40px;
    padding: 8px 5px;
  }

  .view-all-link {
    font-size: 14px;
  }

  /* Premium Lessons Styling */
  .payment_status_details {
    width: 100%;
  }
  .title_txt h2 {
    font-size: 24px;
  }
  .payment_status_header .gap-3 {
    gap: 0rem !important;
  }
  .title_txt p {
    font-size: 14px;
    line-height: 24px;
  }
  ._payment-info-box,
  .payment_help_section {
    flex-direction: column;
    text-align: center;
    margin-bottom: 10px !important;
  }
  ._payment-info-box:last-of-type {
    margin-bottom: 0px !important;
  }
  ._payment-help-left p {
    width: 100%;
    text-align: center;
  }
  .payment_status_info {
    padding: 15px;
  }
  ._payment-help-right .justify-content-end {
    justify-content: center !important;
  }
  .payment_status_id {
    font-size: 1.05rem;
  }
  .payment_status_button_div {
    margin-top: 1rem;
    width: 100%;
  }
  .title_txt {
    gap: 0px;
    margin: 0rem;
  }
  .payment_status_header i.ri-close-circle-fill {
    font-size: 42px !important;
  }

  ._google-icon {
    width: 17px;
    top: 16px;
  }
  .payment_section {
    padding: 0;
    margin: 0;
  }
  .payment_button {
    width: 98%;
  }

  .payment_button_div {
    margin-top: 2rem;
  }

  .dashboard_premium_header_text {
    font-size: 14px;
  }

  .flex-wrap-mobile .payment_help_section {
    text-align: left;
  }

  .lms-card-dropdown-boxes {
    padding-top: 15px;
  }

  .subject-change-dropdown .btn-group.mb-2 .singleselect-clickable {
    height: 45px !important;
  }
  .student-assignment-main {
    gap: 2.2rem !important;
    padding-right: 1.5rem !important;
    padding-left: 1.2rem !important;
  }
  .assignment-accordion-header {
    padding-left: 0.5rem !important;
    padding-right: 1.5rem !important;
    gap: 2rem !important;
  }
  .accordion-title {
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
  }
  .accordion-title p {
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .assignment-report-detail,
  .accordion-title {
    font-size: 14px !important;
  }
  .student-assignment-main .assignment-report-header:first-child {
    width: 80px;
    flex: 1 0 0%;
  }
  .student-assignment-main .assignment-report-header {
    padding-left: 0.2rem !important;
    padding-right: 0.2rem !important;
  }
  .assignment-report {
    padding: 2rem 0rem;
  }
  /* calendar view */
  .fc-daygrid-more-link {
    font-size: 12px;
    color: #999999;
  }
  .hide-assignment-text {
    display: none;
  }
  /* .assignment-button {
    min-width: 50px !important;
    max-width: 50px;
  } */
  .calendar-day-view {
    display: flex;
    flex-wrap: wrap;
  }
  .fc-day-today {
    background-color: white !important;
  }
  .no-assignments {
    font-size: 20px;
  }
  .empty-assignment-img {
    width: 100px;
  }
  .fc-view-harness {
    height: 59vh !important;
  }
  .assignment-section {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .view-changer {
    flex-direction: column;
    gap: 0.5rem;
    width: 100%;
  }
  .fc-daygrid-day-frame {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  /* .dropdown {
    margin-right: auto;
    margin-left: 0 !important;
  } */
  .assignment-section-header {
    flex-direction: column;
    gap: 0.5rem;
  }
  .lms-week-changer {
    margin-right: 0 !important;
  }
  .sToggle {
    margin-right: 0 !important;
  }
  .assignment-student-report {
    align-self: end;
  }

  .learning-path-icon img {
    width: 20px;
    padding-left: 1px;
  }
  .learning-path-icon {
    min-width: 30px !important;
    width: 30px;
    height: 30px;
    left: 11px;
    bottom: 7px;
  }
  .learning-subject-title p.page-text {
    margin-bottom: 5px;
  }

  /* qc (quran space) styling */
  ._qc_login_content_form {
    max-width: 85%;
    margin: 0 auto;
  }
  ._qc-loginform-login {
    max-width: 85% !important;
    margin: 0 auto;
  }
  /* ._login_content_form._qc_login_content_form {
    max-width: 100%;
  } */
  ._login_forget_pw_steps ._qc_login_content_form {
    max-width: 100% !important;
    margin: 0 auto;
  }
  ._signup-btns._qc_login_content_form,
  .qc-class-captcha {
    max-width: 85% !important;
    margin: 0 auto;
  }
  ._login_forget_pw_steps._qc_login_content_form p.text-center.text-lg-start {
    text-align: left !important;
  }

  .migration_modal_content {
    padding-left: 0px;
    padding-right: 0px;
  }
  .migration_modal_button_outline,
  .migration_modal_button {
    width: 80%;
    margin-bottom: 0.5rem;
  }
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) {
  .payment_header {
    height: 4rem;
  }

  .content-type-card {
    margin-left: 15px;
    margin-right: 15px;
  }
  .notification_position {
    left: 0px;
    right: 0px;
    width: 100%;
  }

  .download-search-box {
    flex-direction: column;
    justify-content: flex-start !important;
    align-items: flex-start !important;
  }
  .download-search {
    width: 100% !important;
  }

  .download-select-all {
    padding-left: 0px !important;
    margin-bottom: 13px !important;
  }

  .notification_styling {
    max-width: 100% !important;
    width: 100% !important;
    border-radius: 0px !important;
  }

  .notification_styling_full_width {
    /* height: calc( 100vh - 144px ); */
    max-width: 100% !important;
    width: 100% !important;
  }

  /* .lms-bottom-menu ul li a i {
    font-size: 32px;
  } */

  .lms-back-link {
    padding: 0 0px 0 10px;
  }

  .lms-card-outer.card-outer-assignment {
    /* display: block !important;
    padding: 20px 40px; */
    padding: 15px;
    padding-top: 0;
  }

  .lms-card-outer.card-outer-assignment .lms-theme-btn {
    margin: 0 !important;
    margin-bottom: 5px !important;
  }

  .lms-card-outer.card-outer-assignment .lms-week-changer {
    justify-content: center;
    /* margin-bottom: 10px; */
  }

  .card-outer-assignment .lms-week-changer .m-0.f-size-18.title-500 {
    font-size: 14px !important;
  }

  /* .lms-tab-content-inner .row {
    margin: 0;
  } */

  .lms-tab-content-inner .row.mb-4 .col-md-4.col-lg-4.col-xxl-4 {
    padding: 0;
  }

  .lms-card-dropdown-boxes .lms-card-dropdown,
  .lms-card-dropdown .form-select.lms-date-filter-dd {
    width: 100%;
  }

  .profile-edit-detail {
    padding: 0;
  }

  .lms-settings-wrapper .row .col-md-3,
  .lms-settings-wrapper .row .col-md-9,
  .profile-edit-form .row .col-md-12,
  .profile-edit-form .row .col-md-6 {
    padding: 0;
  }

  .lms-tab-content-inner .row .col-lg-8 {
    padding: 0;
  }

  .campus_card.lms-card-second {
    border-radius: 15px !important;
  }

  .tile-detail._teacher-tile-detail {
    width: 80%;
  }

  .tile-detail._teacher-tile-detail .d-flex.align-content-center {
    justify-content: space-between;
  }

  /* ._adduser-btns {
    margin-top: 10px;
  } */

  ._adduser-btns .w-50 .lms-theme-outline-btn {
    margin-left: 0 !important;
  }

  ._adduser-btns .w-50 .lms-theme-btn {
    margin-right: 0 !important;
  }

  .submissions-stats.ms-auto .d-flex p.m-0.ms-5 span.text-black {
    font-size: 14px !important;
    font-family: var(--title-font-500) !important;
  }

  .lms-homework-comment.d-flex .lms-homework-comment-btns.d-flex {
    display: block !important;
  }

  .lms-homework-comment.d-flex .lms-homework-comment-btns.d-flex .dropdown {
    margin-bottom: 5px;
  }

  .lms-homework-comment.d-flex .lms-homework-comment-btns.d-flex .dropdown a.lms-theme-outline-btn {
    margin: 0 !important;
  }

  .unsub-wrapper {
    width: 95% !important;
  }

  .unsub-wrapper .lms-card {
    box-shadow: var(--lms-card-shadow);
    border-radius: 15px;
  }

  /* offline campus-admin lesson */
  ._offline-available-lessons-header .page-title {
    margin-bottom: 10px;
  }
  ._offline-available-lessons-header .download-lesson-btn {
    margin: 10px 15px;
  }
  .offline-download-toastr {
    width: 100%;
    padding: 8px 20px;
    right: 0;
    bottom: 66px;
    border-radius: 0;
  }

  .offline-download-toastr .ri-download-line.me-3 {
    display: none;
  }
  .offline-download-toastr .d-flex.position-relative div {
    margin: 10px 0;
  }
  .offline-download-toastr .d-flex.position-relative div.ms-auto {
    margin: 0;
    justify-content: center;
  }
  .offline-toastr-close {
    right: 40px;
    top: 18px;
  }
  .offline-available-grade-modal .modal-dialog {
    padding-left: 0;
  }
  .offline-available-grade-modal .modal-content .modal-header,
  .offline-available-grade-modal .modal-content .modal-body {
    padding: 15px 30px;
  }

  .offline-available-download-modal .modal-content .modal-header {
    padding: 20px 0px 20px 20px !important;
  }

  .offline-available-download-modal .modal-content .modal-body {
    padding: 20px 20px !important;
  }

  .offline-available-grade-modal .modal-fullscreen .modal-header .ms-4 {
    margin: 0 !important;
  }
  .offline-available-grade-modal .modal-fullscreen .modal-content {
    border-radius: 0px;
  }
  .step-1 .mb-4.ms-4,
  .step-2 .mb-4.ms-4 {
    margin-left: 0 !important;
  }
  .step-1 .mb-4.ms-4 .f-size-32,
  .step-2 .mb-4.ms-4 .f-size-32 {
    font-size: 24px;
  }
  .step-1 .mb-4.ms-4 .f-size-18,
  .step-2 .mb-4.ms-4 .f-size-18 {
    font-size: 16px;
  }

  .lms-card.offline-lms-card {
    border-radius: 0px !important;
  }

  .lms-card.forced-stay-rounded {
    border-radius: 1rem !important;
  }

  .offline-available-grade-modal .modal-dialog .modal-header .d-flex .lms-table-subj-icon.me-3 {
    margin-left: auto;
  }

  .offline-modal-back {
    position: absolute;
    left: 10px;
    top: 26px;
  }

  ._modal-bottom-btn {
    position: initial;
    padding-bottom: 25px;
  }

  .offline-select-grade {
    margin: 0 auto;
    margin-bottom: 15px;
  }

  .offline-lms-card .d-sm-flex .f-size-86 {
    font-size: 26px;
    margin-left: 5px !important;
  }

  .offline-lms-card .d-sm-flex {
    margin-bottom: 5px;
  }

  ._offline-available-lessons-header .d-flex.flex-row {
    padding: 10px 15px;
  }

  .campus-dashboard-card {
    margin-bottom: 0.9375rem;
  }

  .row .col-md-4:last-of-type .campus-dashboard-card {
    margin-bottom: 0;
  }

  /* sticky header responsive */
  /* .sticky-second-header {
    padding-top: 0;
  } */

  /* enroll subject mobile styling  */
  .__available-subject-card.d-flex {
    display: block !important;
  }

  /* enroll subject mobile styling  */
  .__enroll-available-subject-card {
    width: 100%;
    padding: 0px 10px;
  }
  .__available-subject-card div .lms-theme-btn {
    margin-top: 20px;
  }
  .__enroll-available-subject-card .mt-4.mb-5 {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    padding: 0 5px;
  }

  /* responsive optimization (screen size < 768px)  */
  .card-outer-assignment .lms-circle-icon {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .subject-icon-box {
    width: 35px;
    height: 35px;
    line-height: 35px;
  }
  .subject-icon-box i {
    font-size: 20px;
  }
  .quick-action-cards .lms-icon-span {
    border-radius: 10px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .quick-action-cards .lms-icon-span i {
    font-size: 20px;
  }
  .quick-action-cards p.title-500.f-size-16 {
    font-size: 12px !important;
    padding-bottom: 0 !important;
  }
  ._teacher-lms-card-outer {
    display: flex !important;
    flex-wrap: wrap;
  }
  ._teacher-lms-card-outer .lms-week-changer {
    margin-bottom: 10px;
    width: 100%;
  }
  ._teacher-lms-card-outer .lms-theme-outline-btn,
  ._teacher-lms-card-outer .lms-theme-btn {
    width: 49%;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-right: 5px;
  }
  .lms-card-outer.card-outer-assignment._teacher-lms-card-outer .lms-theme-btn {
    margin-bottom: 0 !important;
  }

  ._activitychart-parent {
    display: flex !important;
    flex-direction: row !important;
  }
  ._activitychart-parent .lms-card-dropdown-boxes {
    padding-top: 0 !important;
  }
  ._activitychart-parent .single-select-box .singleselect-clickable {
    border: 0;
    text-align: right;
    padding-right: 12px;
    padding-top: 0;
    background-position: right -16px;
    height: 30px;
  }
  ._activitychart-parent .single-select-box .btn-group.mb-2 {
    margin-bottom: 0 !important;
  }
  /* responsive optimization (screen size < 768px)  */

  .lms-assignment-list .lms-tile-card {
    flex-wrap: wrap;
  }

  .submissions-stats .d-flex.justify-content-end p.m-0.ms-5 {
    text-align: center !important;
    margin: 0 auto !important;
  }

  .lms-homework-comment-btns.w-75 {
    width: 100% !important;
    justify-content: start !important;
  }

  .lms-homework-comment.d-flex {
    display: block !important;
  }

  ._sa-btns-box h3.w-40 {
    width: 100% !important;
    margin-bottom: 15px !important;
  }

  .payment_main {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .title_txt,
  .payment_section {
    margin: 0;
  }

  .payment_button {
    width: 100% !important;
  }
  .confirmation_modal_content {
    width: 100%;
  }
  .subject-filter-mobile-cls .mx-2 .single-select-box .mb-2 {
    margin-bottom: 0 !important;
  }

  /* Tooltip text */
  .lms-tooltip.lreport-tooltip .lms-tooltiptext {
    left: auto;
    right: 0%;
  }

  /* Tooltip arrow */
  .lms-tooltip.lreport-tooltip .lms-tooltiptext::after {
    left: auto;
    right: 10%;
  }
  .event-title {
    font-size: 12px !important;
  }
  .progress-bar-on-mobile .progress {
    width: 100px !important;
    height: 8px;
  }
  .event-title-section {
    padding: 4px 0px 0 2px !important;
  }

  .modal-dialog.exam-prep-modal-dialog.epm_responsive {
    max-width: 550px !important;
  }
}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
  .subject-filter-mobile-cls .dropdown_transparent .dropdown-toggle {
    background-color: #fff !important;
    height: 55px;
    background-size: 20px 43px !important;
  }

  .mx-mobile-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .lms-bottom-menu ul li a {
    font-size: 12px;
  }
  .content-type-card {
    margin-left: 60px;
    margin-right: 37px;
  }
  /* .notification_styling_full_width {
    height: calc(100vh - 188px);
  } */

  .lms-card-second {
    border-radius: 0px !important;
    box-shadow: none;
    border: 0px !important;
  }

  .lesson-module-header .lesson-detail-back-link {
    min-width: auto;
    border-right: 0;
  }

  .header-menu-icon-size {
    width: 95px;
  }

  .lesson-player-back-link {
    width: 100% !important;
  }

  .h-100-mobile-only {
    height: 100% !important;
  }

  /* .iframe_lesson_player {
    height: calc(100% + 24px) !important;
  } */

  .lms-main-wrapper.lesson-detail-main-wrapper {
    padding-bottom: 0px !important;
  }

  .full_screen_video_content {
    height: calc(100% - 0px) !important;
    /* height: calc( 100% - 104px)!important; */
  }

  .module-box-style {
    border-radius: 0px !important;
  }

  .lms-card-second-lesson {
    border-radius: 0px !important;
  }

  .lms-card-header,
  .lms_card_content_mobile {
    padding: 25px !important;
  }

  .lesson-detail-main-wrapper,
  .lms_card_content_mobile {
    padding: 0px !important;
  }

  .full_screen_video_content::before {
    padding-top: 0px !important;
  }

  .padding-top-90 {
    padding-top: 53px !important;
  }

  .lms-fullscreen-icon {
    transform: scale(0.85);
    margin-top: 0px;
    margin-bottom: 0px;
    /**/
    position: fixed;
    top: 4px;
    z-index: 10;
  }

  .lms-fullscreen-icon.lms-document-wplayer {
    right: 45px;
  }

  .lms-card-second-lesson .card-title {
    font-size: 0.9rem;
  }

  .submissions-stats {
    margin: 0 auto !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    margin-right: 20px !important;
  }

  .mobile-padding {
    padding-left: 20px;
    padding-bottom: 10px;
  }

  .mobile-padding.principal-welcome-title {
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0;
  }

  .mobile-padding.principal-welcome-title p {
    margin: 0;
    padding: 0;
  }

  .lms-header-wrapper {
    padding: 5px 10px 5px 10px;
  }

  .lms-calendar-row .calendar-tile {
    width: 93%;
  }

  .page-title {
    /* padding: 0 20px; */
  }

  .profile-edit-header .card-title {
    margin-bottom: 0px !important;
  }

  .lms-tile-card .tile-due-date p {
    line-height: 25px;
  }

  .lms-logo-box {
    width: 80px;
    text-align: left;
    padding-left: 5px;
  }

  .container-plr-50 {
    /* padding-left: 20px;
    padding-right: 20px; */
    margin: 0;
    padding: 0;
  }

  .lms-header-search-box {
    width: 100%;
    padding-left: 70px;
    padding-right: 5px;
  }

  /* .lms-bottom-mobile {
    display: block;
  } */
  .lms-sidebar-web {
    display: none;
  }

  ._main-body .main-section {
    padding-left: 0;
  }

  .lms-main-wrapper {
    padding-left: 0;
    padding-bottom: 100px;
  }

  .lms-tabs-pills .nav-pills .nav-link {
    padding: 12px 20px;
    font-size: 15px;
  }

  .lms-tile-card {
    padding: 10px;
  }

  .lms-assignment-list .lms-tile-card {
    display: block !important;
  }

  .tile-arrow {
    display: none;
  }

  .tile-due-date.ms-auto {
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .tile-due-date2.ms-auto {
    top: auto !important;
  }

  .lms-tile-card .tile-due-date.ms-auto.me-2.me-xl-0 {
    position: initial;
    margin-top: 0;
  }

  .lesson-detail-sidebar-inner,
  .event-detail-sidebar-inner {
    padding: 0px;
  }

  .lesson-detail-sidebar-wrapper .lesson-detail-sidebar-inner .tile-due-date.ms-auto,
  .lesson-detail-sidebar-wrapper .event-detail-sidebar-inner .tile-due-date.ms-auto {
    position: initial;
  }

  .tile-due-date.ms-auto p {
    margin-right: 0 !important;
  }

  .tile-detail {
    padding: 0px 0px 0 10px;
    /* width: 80%; */
    width: 45%;
  }

  .lms-tile-card .lms-subject-icon {
    left: 5px;
    top: 5px;
  }

  .lms-color-card .tile-detail {
    padding: 0px 0px 0 10px;
  }

  .lms-card-second .lms-card-header .d-flex {
    display: block !important;
  }

  .lms-card-second .lms-card-header .d-flex .lms-card-header-left {
    margin-bottom: 15px;
  }

  .lms-card-header .progress {
    width: 100%;
  }

  .progress-bar-on-mobile .progress {
    width: 150px;
    height: 8px;
  }

  .lesson-listing-tile-card .tile-detail {
    padding: 0px 20px 0 10px;
  }

  .lesson-detail-sidebar-wrapper {
    /* display: none; */
    right: 0px;
    width: 100% !important;
    max-width: 360px !important;
    border-right: 0px;
    /* top: 58px; */
    top: 65px;
    /* border-left: 1px solid var(--grey-color-light);  */
    /* #e6e6e6 */
  }

  .create_assessment_sidebar {
    padding: 0px 12px;
  }

  .lms-card-outer.card-outer-performance.d-flex,
  .lms-calendar-row.d-flex {
    display: block !important;
  }

  .lms-card-dropdown-boxes.d-flex {
    justify-content: space-between !important;
  }

  .lms-tab-content-inner .row.mb-4 .col-md-12:last-of-type .lms-card.performance-card {
    margin-bottom: 0px;
  }

  .lms-card.performance-card {
    margin-bottom: 15px;
  }

  .lms-calendar-row .calendar-tile {
    width: 100%;
    margin-top: 15px;
  }

  .calendar-date.text-center {
    text-align: left !important;
    padding-left: 10px;
    display: flex;
    align-items: center;
  }

  .calendar-date.text-center p {
    padding-right: 5px;
  }

  .lesson-detail-back-link {
    border-right: 0;
    width: 100%;
    min-width: 100%;
  }

  .lesson-detail-main-wrapper .lms-card-second .lms-card-header .d-flex {
    display: flex !important;
    /* margin-bottom: 0px !important; */
    margin-right: 0 !important;
  }

  .lesson-detail-main-wrapper
    .lms-card-second
    .lms-card-header
    .d-flex
    .lms-card-header-left
    .card-title {
    margin-bottom: 0px !important;
  }

  .lesson-detail-main-wrapper .lms-card-second .lms-card-header {
    padding: 0px 15px !important;
  }

  .language-toggle {
    margin-right: 8px;
    margin-left: 8px;
  }

  .language-toggle span {
    padding: 2px 6px;
    font-size: 12px;
  }

  .lms-card {
    border-radius: 0;
    box-shadow: none;
  }

  .lms-card.offline-lms-card {
    border-radius: 15px;
  }

  .lms-card.mb-4,
  .row.mb-4,
  .lms-card-second.mb-4 {
    margin-bottom: 0.5375rem !important;
  }

  .row.mb-4 .col-lg-4:last-of-type .lms-card.performance-card {
    margin-bottom: 0;
  }

  .submissions-count {
    position: absolute;
    right: 15px;
    top: 19px;
    margin-right: 0 !important;
  }

  .lms-homework-comment.d-flex .card-title.w-25 {
    width: 100% !important;
    margin-bottom: 15px !important;
  }

  .lms-card-filter {
    max-width: 0;
  }

  .lms-card-header.lms-card-dlfex {
    padding: 20px !important;
  }

  .lms-card-header.lms-card-dlfex .card-title-box.d-flex,
  .lms-card-header.lms-card-dlfex .card-title-box.d-flex .d-flex.flex-row {
    display: flex !important;
  }

  .lms-assignment-detail-wrapper {
    /* padding-top: 180px; */
    padding-top: 130px;
  }

  .std-marks-input {
    position: absolute;
    right: 25px;
    width: 80px;
    top: 18%;
    /* border-bottom: 1px solid #ccc; */
    border-radius: 5px;
    background: #fff;
    padding: 0 5px;
    margin-top: 0px;
    height: 40px;
  }

  .f-size-15-mobile-imp {
    font-size: 15px !important;
  }

  .upcoming-submissions-mobile-card {
    padding: 0;
  }

  .upcoming-submissions-mobile-card .upcoming-submissions-card {
    border-radius: 0 !important;
  }

  ._content-library-card .lms-card-header .content-upload-btn {
    margin-top: 15px;
  }

  ._content-library-card .lms-card-header .lms-card-header-right.ms-auto.me-3 {
    margin-right: 0 !important;
  }

  .offline-available-grade-modal .modal-dialog {
    padding-left: 10%;
  }

  .offline-available-download-modal .modal-dialog {
    padding-left: 10%;
  }

  .offline-select-grade {
    width: 150px;
  }

  /* lesson window sidebar */
  .lesson-window-sidebar {
    display: none;
    top: 69px;
  }

  .kankor-lesson-window-sidebar {
    display: none;
    top: 54px;
  }

  .lms-card-header.lms-card-header-lwr {
    padding: 10px 15px;
  }

  .lms-card.offline-download-card-detail {
    border-radius: 18px !important;
  }

  .single-select-box._language-dropdown {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 10;
    margin-top: 0 !important;
  }

  .dashboard-content-card {
    margin-bottom: 25px;
  }

  .placeholder-mobile {
    width: 350px !important;
  }

  /*sync alert responsive*/
  .__cadmin-header.d-flex {
    display: block !important;
  }
  .__cadmin-header .lms-light-banner {
    position: absolute;
    top: 64px;
    width: 100%;
    margin: 0;
    left: 0;
    margin: 0 !important;
    border-radius: 0;
    max-width: 100%;
    font-size: 12px !important;
  }
  .__cadmin-header .lms-light-banner.ms-2 .f-size-16.me-5 {
    font-size: 12px !important;
    padding-left: 20px !important;
  }

  .assign-to-class {
    padding-top: 60px;
    padding-left: 5px;
    padding-right: 5px;
  }

  .assign-to-class .lms-theme-btn {
    height: 55px;
  }

  .learning-object-box {
    margin-top: 20px !important;
    /* padding: 0 !important; */
  }

  .lms-mobile-search .dropdown-menu .header-search-icon {
    top: 18px;
  }

  /*toast styling on tablet and mobile */
  /* .notyf {
    justify-content: flex-end !important;
    align-items: flex-end !important;
  } */
  .notyf .notyf__toast--lower {
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.25) !important;
    width: auto !important;
    margin: 0 auto;
    margin-bottom: 60px;
  }
  /*toast styling on tablet and mobile */

  /* sticky header responsive */
  .sticky-second-header {
    right: 0;
  }

  .sticky-second-header .page-title-box {
    padding-left: 0px;
  }

  /* subject specific prinicipal dashboard*/
  .sticky-second-header._ss-card-outer .page-title-box {
    padding-left: 0px;
  }
  .sticky-second-header._ss-card-outer .page-title-box .page-title-welcome {
    padding: 0px;
  }

  ._main-body .main-section .lms-main-wrapper {
    padding-bottom: 98px;
  }

  .lms-back-link.lesson-detail-back-link-subjects {
    margin-right: 0 !important;
    padding-left: 10px !important;
  }

  .lms-back-link + div .page-title-box .page-title {
    padding: 0 0px;
  }

  .prin-dashboard-screen {
    margin-bottom: 15px;
  }

  .__ss-primary-card .col-lg-3:last-of-type.prin-dashboard-screen {
    padding-right: 10px !important;
  }

  .sticky-second-header {
    top: 65px;
  }

  /* ._sticky-next-wrapper {
    margin-top: 100px;
  } */

  .lms-tab-content-inner .row {
    margin: 0;
  }

  .lms-tab-content-inner .row .col-lg-8.px-lg-auto {
    padding: 0;
  }

  /* responsive optimization (screen size < 992px)  */
  .no-title-in-mobile {
    display: none;
  }
  .lms-card {
    padding: 15px;
    border: 1px solid var(--grey-color-light);
    border-left: 0;
    border-right: 0;
  }
  .lms-card.campus-dashboard-card.rounded_mobile {
    border-left: 1px solid var(--grey-color-light);
    border-right: 1px solid var(--grey-color-light);
  }
  .lms-card-second {
    border: 1px solid var(--grey-color-light);
  }
  .learning-path-cards .swiper-slide {
    min-height: 130px;
  }
  .lms-learning-card {
    border-radius: 15px;
  }
  .lms-learning-swiper .lms-subject-icon {
    right: 5px;
    top: 5px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .learning-subject-title p.page-text {
    padding-left: 5px;
  }
  .learning-path-cards {
    padding: 15px 0 0px 0;
  }
  .lms-subject-listing .lms-card {
    border-left: 1px solid var(--grey-color-light);
    border-right: 1px solid var(--grey-color-light);
  }
  .lms-subject-listing .lms-card.lms-learner-card {
    min-height: 75px;
  }
  .lms-b2c-card .__subject-title {
    top: 23px;
    left: 65px;
    padding-left: 0 !important;
  }
  .lms-learner-card .subject-icon-box {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .lms-learner-card .subject-icon-box i {
    font-size: 22px;
  }
  .__subject-delete-icon {
    top: 20px;
    right: 15px;
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .lms-subject-listing .lms-card {
    border-radius: 15px;
  }
  .__enroll-subject-card.min-h-100 {
    min-height: 75px;
    border-radius: 15px !important;
  }
  .__enroll-subject-card .d-flex {
    padding-top: 0;
  }
  .lms-tabs-pills {
    margin: 15px 0;
  }
  .lms-card-header,
  .lms_card_content_mobile,
  .lms-card-content {
    padding: 15px !important;
  }
  /* .lms-card-content.lms-table-parent{
    padding: 0 !important;
  } */
  .lms-card.lesson-summary-card {
    padding: 15px 15px;
  }
  .lms-card-content .row .col-md-6:last-of-type .lms-tile-card {
    margin-bottom: 0px !important;
  }
  ._teacher-lms-card-outer .lms-theme-outline-btn,
  ._teacher-lms-card-outer .lms-theme-btn {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .lms-theme-outline-btn,
  .lms-theme-btn {
    height: 45px;
  }
  .lms-tile-card {
    min-height: 55px;
  }
  .lms-subject-listing .lms-learner-card .lms-table-subj-icon {
    top: 15px;
    right: 15px;
  }
  .lms-subject-listing .lms-card.lms-learner-card p.text-black {
    padding-top: 9px;
    padding-left: 5px;
  }
  .upcoming-submissions-mobile-card {
    margin-bottom: 0.5375rem !important;
  }
  .upcoming-submissions-mobile-card .accordion-header .accordion-button {
    padding: 15px;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    border: 1px solid var(--grey-color-light);
    border-left: 0;
    border-right: 0;
  }
  .upcoming-submissions-mobile-card .accordion-header .accordion-button .card-title {
    font-size: 14px !important;
  }
  .upcoming-submissions-mobile-card .upcoming-submissions-card {
    padding: 15px;
  }
  .upcoming-submissions-mobile-card .upcoming-submissions-card .alert {
    margin: 0;
  }
  .full-content-access-alert {
    font-size: 14px;
    justify-content: start !important;
  }
  /* ._performance-main-title .lms-tabs-pills {
    margin: 0px 0;
  }
  .performance_meter_cell .lms-card {
    border: 1px solid var(--grey-color-light);
    border-radius: 10px !important;
  }
  ._tch-performance-table .lms-card-second,
  #ranked_table .lms-card-second,
  #assignment_table .lms-card-second,
  #lesson_table .lms-card-second{
    border-radius: 10px !important;
  } */
  /* responsive optimization (screen size < 992px)  */

  .lms-crown-icon .ri-vip-crown-2-fill {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .lms-crown-icon {
    left: 23px;
    top: 17px;
  }
  .topic-crown-icon {
    top: 11px;
    width: 28px;
    height: 28px;
    line-height: 28px;
  }

  .subject-change-dropdown .btn-group.mb-2 {
    margin-bottom: 0 !important;
  }
  .assignment-detail-container {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }

  /* qc (quran space) styling */
  ._qc_login_panel {
    border: 0;
    max-width: 100% !important;
  }
  ._qc_login_panel {
    max-width: 100%;
  }
  .qc-register-link-box {
    position: fixed;
    bottom: 0;
    padding: 10px 0px !important;
    border-radius: 0;
  }
  .trial-bar {
    top: 64px;
    border-top: 3px solid #f5d79f;
  }
  .trial-bar span {
    padding: 2px 25px;
    padding-bottom: 6px;
  }
  .certificate-bar {
    top: 59px;
    border-top: 3px solid var(--secondary-theme-color);
    margin-bottom: 10px !important
  }
  .certificate-bar span {
    padding: 2px 25px;
    padding-bottom: 1px;
    font-size:8px !important
  }
  .captcha_box {
    min-width: 95%;
    padding-left: 0;
    padding-right: 0;
  }
}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
  .amount-large {
    font-size: 55px !important;
  }
  .lms-calendar-row .calendar-tile {
    /* width: 93%; */
    width: 100%;
  }
  .lms-assignment-list .lms-tile-card {
    display: flex !important;
    /* flex-wrap: wrap; */
  }
  .tile-arrow {
    display: none;
  }
  .tile-due-date.ms-auto {
    /* position: absolute;
    right: 5px;
    bottom: 15px; */
    margin-top: 3px;
  }
  .lesson-detail-sidebar-wrapper .lesson-detail-sidebar-inner .tile-due-date.ms-auto,
  .lesson-detail-sidebar-wrapper .event-detail-sidebar-inner .tile-due-date.ms-auto {
    position: initial;
    margin-top: 7px;
  }
  .tile-due-date.ms-auto p {
    margin-right: 0 !important;
  }
  .tile-detail {
    padding: 0px 0px 0 10px;
    /* width: 80%; */
    width: 45%;
  }
  .lms-tile-card .lms-subject-icon {
    left: 5px;
    top: 5px;
  }
  .lms-tile-card .tile-card-icon,
  .lms-color-card .tile-card-icon {
    background: transparent;
    margin-left: 0;
    height: 45px;
    /* width: 72px; */
  }
  .lms-card-green.lms-color-card .lms-subject-icon {
    background: var(--green-color);
  }
  .lms-card-red.lms-color-card .lms-subject-icon {
    background: var(--red-color);
  }
  .lms-card-blue.lms-color-card .lms-subject-icon {
    background: var(--blue-color);
  }
  .lms-card-green.lms-color-card .lms-subject-icon i,
  .lms-card-red.lms-color-card .lms-subject-icon i,
  .lms-card-blue.lms-color-card .lms-subject-icon i {
    color: #fff;
  }
  /* .min-h-322 {
    min-height: auto;
  } */

  /* offline available lesson page styling */
  .offline-btn-mobile .offline-delete-btn,
  .offline-btn-mobile .offline-import-btn {
    display: none !important;
  }
  .offline-btn-mobile .offline-download-btn {
    margin-right: 0 !important;
  }
  /* offline available lesson page styling */

  .flex-column.payment_help_section {
    margin: 0 auto;
  }

  .flex-wrap-mobile {
    flex-direction: column;
  }

  .lbp-alignment-style {
    max-width: 100%;
    min-width: 100%;
    width: 100%;
  }

  .element-to-print-responsive {
    max-width: 100% !important;
    min-width: 100% !important;
    width: 100% !important;
  }
}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media (max-width: 1399.98px) {
}

/*
*******************************
1. Mobile Media Queries (Min-width)
*******************************
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
  .lms-card-second .lms-card-header._admin-classes-mobile .card-title-box.d-flex {
    display: flex !important;
  }

  /* principal dashboard */
  .lms-card-second .lms-card-header .d-flex._pd-card-dropdown-main {
    display: flex !important;
  }
}

@media (max-width: 450px) {
  .lms-bottom-menu ul li a {
    font-size: 12px;
  }
  .content-type-card {
    margin-left: 0px;
    margin-right: 0px;
  }
  .opacity-1 {
    opacity: 1 !important;
  }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .lms-card-content.lms-table-parent {
    padding: 0;
  }
  .campus-dashboard-card {
    border-radius: 15px;
    box-shadow: var(--lms-card-shadow);
  }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .lms-assignment-list .lms-tile-card.lms-tile-card-teacher {
    display: flex !important;
    flex-wrap: wrap;
  }

  .lms-bottom-mobile {
    display: none;
  }

  .language-toggle-mobile {
    margin-bottom: 0.5rem;
  }

  .lesson-window-sidebar {
    display: block;
  }

  ._performance-main-title .no-title-in-mobile h2.page-title.ms-4 {
    margin-bottom: 0 !important;
  }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .__cadmin-header.d-flex .lms-light-banner {
    width: 75%;
  }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
}

/*
*******************************
2. Custom Media Queries
*******************************
*/

@media (min-width: 1920px) {
  /* .lms-main-wrapper .container-fluid,
  .lms-header-search-box .container-fluid {
    width: 1690px;
    margin: 0 auto;
  } */
  .lms-main-wrapper.lesson-detail-main-wrapper .container-fluid {
    width: 100%;
  }
  .chart-lg {
    height: 400px;
    margin: 0 auto;
  }
}

/*
*******************************
3. Between breakpoints
*******************************
*/

/* `xs` applies to x-small devices (portrait phones, less than 375px) */
@media (min-width: 320px) and (max-width: 374.98px) {
  .lms-theme-btn {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 0.8rem;
    height: 45px;
  }
  .lms-card-dropdown-boxes._pd-card-dropdown-main {
    width: 100%;
    margin: 0 auto;
  }
  .lms-card-dropdown-boxes._pd-card-dropdown-main .lms-card-dropdown {
    width: 50%;
  }
  .lms-card-dropdown-boxes._pd-card-dropdown-main .lms-card-dropdown .single-select-box {
    min-width: 100%;
  }
  .lms-table-card._dashboard-cls-perf .d-flex {
    display: block !important;
  }
  .lms-table-card._dashboard-cls-perf .d-flex div {
    margin-bottom: 10px !important;
  }
  .lms-table-card._dashboard-cls-perf ._text-start-mobile .title-500.text-end {
    text-align: left !important;
  }
}

/* between (576px to 767.98px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  /* ._sticky-next-wrapper {
    margin-top: 90px !important;
  } */
  ._google-icon-on-register {
    left: 45px;
  }
  .student-assignment-main {
    padding-right: 4rem;
    padding-left: 1rem;
    gap: 1rem;
  }
  .assignment-accordion-header {
    gap: 2.5rem !important;
    padding-right: 3rem !important;
    padding-left: 1rem !important;
  }
  .view-changer {
    width: 100%;
  }
  .migration_modal_button_outline,
  .migration_modal_button {
    width: 50%;
    margin-bottom: 0.5rem;
  }
}

/* between (768px to 991.98px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .forced__lr__borders {
    border-left-width: 1px !important;
    border-right-width: 1px !important;
    border-left-style: solid !important;
    border-right-style: solid !important;
    border-top-width: 1px !important;
    border-bottom-width: 1px !important;
    border-top-style: solid !important;
    border-bottom-style: solid !important;
    border: 1px solid var(--grey-color-light);
  }
  .lms-settings-wrapper .row .col-md-3 .lms-card,
  .lms-settings-wrapper .row .col-md-9 .lms-card {
    border-radius: 15px !important;
  }
  .profile-detail .f-size-20 {
    font-size: 18px !important;
  }
  .profile-detail .f-size-16 {
    font-size: 14px !important;
  }

  /* enroll subject mobile styling  */
  .__enroll-available-subject-card {
    width: 100%;
    padding: 25px 25px;
  }

  /* ._sticky-next-wrapper {
    margin-top: 150px !important;
  } */
  ._google-icon-on-register {
    left: 45px;
  }
  .confirmation_modal_content {
    width: 60%;
  }
  .student-assignment-main {
    padding-right: 4rem;
    padding-left: 1rem;
    gap: 5.8rem;
  }
  .assignment-accordion-header {
    padding-left: 1rem !important;
    padding-right: 3rem !important;
    gap: 7.5rem !important;
  }
}

/* between (992px to 1199.98px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .lms-calendar-row .calendar-tile {
    width: 90%;
  }
  .submissions-stats {
    width: 40%;
  }
  .submissions-stats.ms-auto .d-flex .m-0.ms-5.text-end {
    margin-left: 1.5rem !important;
  }
  .tile-detail {
    width: 40%;
  }
  .card-outer-assignment .lms-week-changer .m-0.f-size-18.title-500 {
    font-size: 16px !important;
    margin: 0 6px !important;
  }

  #summary_table .col-lg-6._std-performance-table,
  #summary_table .col-lg-6._std-performance-table {
    flex: 0 0 auto;
    width: 100%;
  }
  /*sync alert responsive*/
  .__cadmin-header .lms-light-banner.ms-2 {
    margin-left: 0 !important;
  }
  .__cadmin-header .lms-light-banner.ms-2 .f-size-16.me-5 {
    margin-right: 1rem !important;
    font-size: 13px !important;
  }
}

/* between (992px to 1349.98px) */
@media (min-width: 992px) and (max-width: 1349.98px) {
  .offline-select-grade {
    width: 100%;
  }
  .offline-select-grade h3.f-size-18 {
    font-size: 16px !important;
  }
  .offline-available-grade-modal .modal-content .modal-header,
  .offline-available-grade-modal .modal-content .modal-body {
    padding: 25px 55px;
  }
  .offline-available-download-modal .modal-content .modal-header {
    padding: 45px 0spx 45px 45px;
  }

  .offline-available-download-modal .modal-content .modal-body {
    padding: 45px 45px;
  }
  /* .offline-download-radio-button {
    top: 2px !important;
    right: 0px !important;
    left: 77%;
  } */
  .payment-lms-card {
    flex-direction: column;
    gap: 1rem;
  }
  .payment-lms-card-icon {
    margin-right: 0px !important;
  }
  .payment-lms-card-text {
    text-align: center;
  }
  .payment-lms-card-text > h3,
  .payment-lms-card-text > p {
    font-size: 14px !important;
  }
}