@media only screen and (max-width:480px) {
    .course-main {
        width: 100%;
        padding-right: unset;
    }

    .coaches-dropdown .pl-0 {
        gap: 10px;
        justify-content: space-around;
    }

    .course-main .package-count {
        font-size: 12px !important;
    }

    .radios {
        gap: unset;
        justify-content: space-around;
    }

    .package-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .package .bottom .ribbon h4 {
        font-size: 8px;
    }

    .package .bottom .ribbon {
        padding: 6px 10px;
        top: 50%;
    }

    .package h4 {
        font-size: 12px;
    }

    .course-main {
        width: 100%;
        padding: 15px;
    }

    .course_details .row {
        flex-direction: column;
    }

    .course_details .row .col-4 {
        margin-top: 40px;
        width: 100% !important;
        max-width: 100%;
    }

    .course_details .row .col-8 {
        margin-top: 40px;
        width: 100%;
        max-width: 100%;
    }

    .course_details .package .bottom .ribbon {
        padding: 12px 22px;
        top: 50%;
    }

    .course_details .package .bottom .ribbon .cross{
        left: -55%;
    }
    .course_details .package .bottom .ribbon h4 {
        font-size: 14px;
    }

    .course_details .nav-pills .nav-link {
        padding: 0.5rem 1rem;
    }

    .course_details .nav-pills {
        margin-bottom: 40px;
    }

    .batch-add-student .dashboard {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        padding: 10px;
    }

    .batch-add-student .dashboard .item {
        padding: 7px;
        margin-top: 0;
        width: 100% !important;
        max-width: unset;
        
    }
    .batch-add-student .dashboard .item:nth-child(2)::after{
        content:none;
    }

    .batch-add-student .dashboard .item .subheading {
        font-size: 11px !important;
    }

    .batch-add-student .dashboard .item .mt-2 {
        font-size: 10px;
    }

    #add-student-to-batch .two-lists {
        flex-direction: column;
    }

    #add-student-to-batch .second-row .student {
        transform: translateY(0px) !important;
    }

    #add-student-to-batch .second-row {
        margin-top: 40px;
    }

    #assign-coach-to-batch .two-lists {
        flex-direction: column;
    }

    #assign-coach-to-batch .student {
        transform: translateY(0px) !important;
    }

    #assign-coach-to-batch .second-row {
        margin-top: 50px;
    }

    #payment-status table td,
    #payment-status table th {
        padding: 5px;
        font-size: 12px;
    }

    #payment-status .dashboard .box .money {
        font-size: 11px;
    }

    #payment-status .dashboard .box .des {
        font-size: 10px;
    }

    .add-course .form-container .form-body {
        padding: 2rem;
        width: 100%;
    }

    .discount-text .count {
        padding: 14px;
    }

    .week .day {
        width: 24px;
        height: 32px;
        padding: 8px;
        font-size: 10px;
    }

    .top-search input {
        font-size: 10px;
        padding-right: 0px;
    }

    .times .time .duration h4,
    .ground-lanes .lane h4 {
        font-size: 13px;
    }

    .lane-table tbody tr td {
        padding-left: 0px !important;
        font-size: 13px;
    }

    .lane-table tbody tr td label {
        font-size: 13px;
    }

    .lane-table th {
        padding: 10px 7px 9px 20px;
        font-size: 13px;
    }

    .billing .main-tab .nav-link {
        padding: 0.5rem 1rem;
    }

    #all-students .col-4 .student-list .profile h4 {
        display: none;
    }

    .student-list input[type="range"] {
        width: 40%;
    }

    .student-list .full h4 {
        padding: 6px;
        font-size: 8px !important;
    }

    .billing-table tbody tr td {
        padding: 5px;
        font-size: 8px;
    }

    .billing-header {
        padding: 10px 0px 15px 0px;
    }

    .billing-table thead th {
        font-size: 9px;
    }

    #course-based .col-4 .student-list .profile h4 {
        display: none;
    }

    .course-based-dashboard {
        padding: 10px;
        flex-direction: column;
        align-items: start;
    }

    .course-based-dashboard .item {
        padding: 4px 0px;
    }

    .course-based-dashboard .item h4.bold {
        font-size: 12px;
    }

    .course_name .nav-item .nav-link {
        font-size: 8px;
        padding: unset;
    }

    .course-based-table {
        margin-top: 20px;
    }

    #coach .top-section {
        padding: 5px;
    }

    #coach .top-section .right select {
        width: 100% !important;
        font-size: 12px;
    }

    #coach .top-section .profile {
        flex-direction: column;
    }

    #coach .top-section .right .mpt {
        font-size: 12px;
    }

    #coach .top-section .right {
        flex-direction: column;
        justify-content: space-evenly;
    }

    #payment-details .dashboard .item-name {
        font-size: 12px;
    }

    #payment-details .dashboard {
        padding: 13px 0px;
    }

    #payment-details .modal-dialog .modal-content .modal-body {
        padding: 15px 5px 80px 5px;
    }

    #payment-details table tbody td {
        font-size: 13px;
    }

    #payment-details .dashboard .des {
        font-size: 11px;
    }

    #payment-details .top-section .batch .batch-time h4,
    #payment-details .top-section .course .course-name h4 {
        font-size: 10px;
    }

    .table-container {
        overflow-x: auto;
    }

    .table-container::-webkit-scrollbar {
        display: none;
    }

    .billing-header .profile h4 {
        font-size: 12px;
    }

    #coach-payment-details .dashboard .item-name {
        font-size: 12px;
    }

    #coach-payment-details .dashboard {
        padding: 13px 0px;
    }

    #coach-payment-details .modal-dialog .modal-content .modal-body {
        padding: 15px 5px 80px 5px;
    }

    #coach-payment-details table tbody td {
        font-size: 13px;
    }

    #coach-payment-details .dashboard .des {
        font-size: 11px;
    }

    #coach-payment-details .top-section .batch .batch-time h4,
    #coach-payment-details .top-section .course .course-name h4 {
        font-size: 10px;
    }

    .invoice-table thead th {
        font-size: 12px;
    }

    #invoice-format .w-20 {
        width: 35%;
    }

    .invoice-container {
        padding: 10px 0px;
    }

    .invoice-full .back-button {
        left: -45px;
    }

    .invoice-container .headings .bottom-top {
        flex-direction: column;
        align-items: start;
        row-gap: 10px;
    }

    .invoice-container .headings .bottom-top .item .profile {
        margin-top: 10px;
    }

    .invoice-full {
        width: 85%;
    }

    .pdf-buttons .left button {
        padding: 7px;
        font-size: 8px;
    }

    .pdf-buttons .right button {
        padding: 6px 17px;
    }

    .pdf-buttons .left {
        column-gap: 5px;
    }

    .pdf {
        padding: 20px;
    }

    .pdf .header h2 {
        font-size: 25px;
    }

    .bottom-table tbody tr td {
        font-size: 12px;
    }

    .student-goals .goal-container {
        flex-direction: column;
    }

    .student-goals .goal-container a {
        width: 100%;
    }

    .student-goals .goal-tab-container {
        flex-direction: column;
    }

    .student-goals .goal-tab-container .goal-tabs {
        width: 100%;
    }

    .student-goals .goal-tab-container .goal-content {
        width: 100%;
        height: 100%;
    }

    .student-goals .goal-tab-container .goal-content .description {
        height: 250px;
        overflow-y: scroll;
    }

    .student-goals .goal-tab-container .search {
        padding: 5px 10px;
    }

    .student-goals .goal-tab-container .goal-content .header h2 {
        font-size: 16px;
    }

    .student-goals .goal-tab-container .goal-content .description {
        padding: 10px 28px 40px 28px;
    }

    .student-goals .goal-tab-container .goal-content .chat-input input {
        width: 60%;
    }

    .student-goals .goal-tab-container .goal-content .chat-input .icons {
        width: 40%;
        gap: 20px;
    }

    .student-goals .title h3 {
        font-size: 18px;
    }

    .student-goals .title .main-heading img {
        width: 20px;
    }

    .session-plan .title .back {
        font-size: 13px;
    }

    .session-plan .data-header .buttons button {
        padding: 5px 10px;
        font-size: 9px;
    }

    .session-plan .data-header {
        margin-top: 30px;
    }

    .session-plan {
        padding: 1.5rem 1rem 1.5rem 1rem;
    }

    .session-plan .tabs-container .tabs ul li a {
        flex-direction: column;
        padding: 10px;
    }

    .session-plan .tabs-container .tabs ul li a .tab-date {
        font-size: 10px;
    }

    .session-plan .tabs-container .tabs ul li a .present {
        display: none;
    }

    .session-plan .tabs-container .content .date-header {
        padding: 15px 10px;
    }

    .session-plan .tabs-container .content .date-header .text .date {
        font-size: 9px;
    }

    .session-plan .tabs-container .content .date-header .present {
        font-size: 9px;
    }

    .session-plan .tabs-container .content .date-header .report-view-text {
        font-size: 9px;
    }

    .session-plan .tabs-container .content table thead tr td {
        padding: 4px 10px;
        font-size: 10px;
    }

    .session-plan .tabs-container .content table tr td {
        padding-left: 10px;
    }

    .session-plan .tabs-container .content table tbody tr td .profile h6 {
        font-size: 10px;
    }

    .session-plan .tabs-container .content table tbody tr td .profile img {
        width: 20px;
        height: 20px;
    }

    .session-plan .tabs-container .content table tbody tr td {
        font-size: 8px;
        padding: 5px;
    }

    .session-plan .tabs-container .content table tbody tr td .complete-button {
        white-space: nowrap;
        padding: 3px 5px;
    }

    .session-plan .tabs-container .content table tbody .absent-head {
        padding: 15px 10px !important;
    }

    .session-plan .tabs-container .content table tbody .absent-head h3 {
        white-space: nowrap;

    }

    .session-plan .data-header .count h3 {
        width: 80px;
    }

    #session-report .modal-body table tbody tr td .profile h6 {
        font-size: 12px;
    }

    #session-report .modal-body table thead tr th {
        font-size: 12px;
    }

    #session-report .modal-body table tbody tr td {
        font-size: 12px;
    }

    #reflection-sheet .modal-body .contents .total-headings {
        width: 100%;
    }

    #reflection-sheet .modal-body .contents .total-headings h3 {
        font-size: 11px;
    }

    #reflection-sheet .modal-body .contents .time-blocks .blocks h3 {
        font-size: 12px;
    }

    #reflection-sheet .modal-body .contents .time-blocks .blocks p {
        font-size: 10px;
    }

    #reflection-sheet .modal-body .contents .time-blocks {
        width: 100%;
    }

    #reflection-sheet .modal-body .contents .time-blocks .blocks {
        padding: 20px 10px;
        height: 70px;
    }

    #reflection-sheet .modal-body .contents .performances {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    #reflection-sheet .modal-body .contents .performances .performance {
        width: unset;
    }

    #reflection-sheet .modal-body .contents .performances .performance[aria-selected="true"] {
        width: unset;
    }

    #do-reflection-sheet .modal-body .contents .total-headings {
        width: 100%;
    }

    #do-reflection-sheet .modal-body .contents .total-headings h3 {
        font-size: 11px;
    }

    #do-reflection-sheet .modal-body .contents .time-blocks .blocks h3 {
        font-size: 12px;
    }

    #do-reflection-sheet .modal-body .contents .time-blocks .blocks p {
        font-size: 10px;
    }

    #do-reflection-sheet .modal-body .contents .time-blocks {
        width: 100%;
    }

    #do-reflection-sheet .modal-body .contents .time-blocks .blocks {
        padding: 20px 10px;
        height: 70px;
    }

    #do-reflection-sheet .modal-body .contents .performances {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    #do-reflection-sheet .modal-body .contents .performances .do-performance {
        width: unset;
    }

    #start-live-session .modal-header .modal-title span {
        font-size: 9px;
    }

    #start-live-session .modal-body .session-select label {
        width: 48%;
    }

    #start-live-session .modal-body .session-select {
        flex-wrap: wrap;
        gap: 4px
    }

    #schedule-advanced .modal-header .modal-title span {
        font-size: 9px;
    }

    #schedule-advanced .modal-body .input-container .input {
        width: 50%
    }

    #schedule-advanced .modal-body .input-container .input label {
        font-size: 9px;
    }

    #schedule-advanced .modal-body .titles {
        font-size: 9;
    }

    #schedule-advanced .modal-body .session-select {
        flex-wrap: wrap;
    }

    #schedule-advanced .modal-body .session-select label {
        width: 48%;
    }

    #schedule-advanced .modal-body .session-select {
        gap: 5px;
    }

    .session-plan .tabs-container .content .mid-content .session-time {
        padding: 15px;
    }

    .session-plan .tabs-container .content .mid-content .session-time h3 {
        font-size: 11px;
    }

    .session-plan .tabs-container .content .mid-content .session-group thead tr td {
        padding: 10px 15px;
    }

    .session-plan .tabs-container .content .mid-content .session-group thead tr td p {
        font-size: 12px;
    }

    .session-plan .tabs-container .content .mid-content .session-group thead tr td h4 {
        font-size: 13px;
    }

    #edit-session .modal-header .modal-title span {
        font-size: 9px;
    }

    #edit-session .modal-body .select-boxes select {
        width: 100%;
    }

    #edit-session .modal-body .select-boxes .select-group select {
        width: 80%;
    }

    .session-plan .tabs-container .content .date-header .edit a {
        font-size: 12px;
    }

    .session-plan .tabs-container .content .date-header .edit a img {
        width: 12px;
    }

    .session-plan .data-header .count h3 {
        font-size: 12px;
    }

    #edit-session .modal-body .dp-name .delete {
        margin-left: 40px;
    }

    .session-plan .main-heading {
        font-size: 18px;
    }

    .coach-workstation .students-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .coach-workstation {
        padding: 1.5rem 1rem 1.5rem 1rem;
    }

    .coach-workstation .full-view {
        flex-direction: column;
    }

    .coach-workstation .full-view .left-profile {
        width: 100%;
    }

    .coach-workstation .full-view .right-content {
        width: 100%;
    }

    .coach-workstation .full-view .right-content .nav-pills {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .coach-workstation .full-view .right-content .tab-content .assignment .top-clicks .create-new {
        font-size: 12px;
        padding: 5px 10px;
    }

    .coach-workstation .full-view .right-content .tab-content .assignment .top-clicks .selects select {
        width: 160px !important;
    }

    .coach-workstation .full-view .right-content .tab-content .assignment .top-clicks {
        flex-direction: column;
        gap: 10px;
        align-items: start;
    }

    .coach-workstation .full-view .right-content .tab-content .assignment table tbody tr td p {
        width: 80px;
    }

    .coach-workstation .full-view .right-content .tab-content .assignment table tbody tr td {
        font-size: 11px;
        padding: 5px;
    }

    .coach-workstation #new-assigment .modal-body {
        flex-direction: column;
    }

    .coach-workstation #new-assigment .modal-body .left {
        width: 100%;
    }

    .coach-workstation #new-assigment .modal-body .right {
        width: 100%;
        margin-top: 60px;
    }

    .coach-workstation #new-assigment .site-btn-outline-info {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .coach-workstation #new-assigment .site-btn-success {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .coach-workstation #assignment-1 .modal-body {
        flex-direction: column;
    }

    .coach-workstation #assignment-1 .modal-body .left {
        width: 100%;
    }

    .coach-workstation #assignment-1 .modal-body .right {
        width: 100%;
    }

    .coach-workstation #assignment-1 .modal-body .left .video-scroller {
        padding: 10px;
    }

    .coach-workstation #assignment-1 .modal-body .left .video-scroller .videos .profile-description .text .title span {
        font-size: 12px;
    }

    .coach-workstation #assignment-1 .modal-body .left .video-scroller .videos .profile-description .text .title {
        font-size: 13px;
    }

    .coach-workstation .title {
        gap: 5px;
    }

    .coach-workstation #assignment-1 .site-btn-outline-info {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .coach-workstation #assignment-1 .site-btn-success {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .coach-workstation .main-heading {
        font-size: 17px;
    }

    .coach-workstation .title a {
        font-size: 15px;
    }

    .coach-workstation .full-view .left-profile .buttons button {
        font-size: 16px;
    }

    .coach-workstation .full-view .right-content .nav-pills .nav-link {
        font-size: 12px;
    }

    .coach-workstation .full-view .right-content .tab-content .annotated-videos .topper {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .coach-workstation .full-view .right-content .tab-content .annotated-videos .topper .selects {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .coach-workstation .full-view .right-content .tab-content .annotated-videos .topper .selects select {
        width: 165px !important;
    }

    .coach-workstation .full-view .right-content .tab-content .annotated-videos .tab-content .video-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .coach-workstation .full-view .right-content .tab-content .annotated-videos .tab-content .video-container .videos .bottom .video-details {
        right: -30%;
    }

    .coach-workstation .full-view .right-content .tab-content .courses .header {
        padding: 10px;
        justify-content: space-evenly;
    }

    .coach-workstation .full-view .right-content .tab-content .courses .header .details p {
        width: 90px;
        font-size: 11px;
    }

    .coach-workstation .full-view .right-content .tab-content .courses .header .details h5 {
        width: 90px;
    }

    .coach-workstation .full-view .right-content .tab-content .courses .header .details {
        justify-content: end;
    }

    .coach-workstation .full-view .right-content .tab-content .courses .nav-pills {
        display: flex;
        flex-direction: row;
    }

    .coach-workstation .full-view .right-content .tab-content .courses table thead tr th {
        font-size: 11px;
    }

    .coach-workstation .full-view .right-content .tab-content .courses table tbody tr td {
        font-size: 10px;
    }

    .coach-workstation #generate-report .modal-body .column-container {
        flex-direction: column;
    }

    .coach-workstation #generate-report .modal-body .left {
        width: 100%;
    }

    .coach-workstation #generate-report .modal-body .right {
        width: 100%;
    }

    .coach-workstation #generate-report .modal-body .right .header-content {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
        padding: 15px 10px 10px 10px;
    }

    .coach-workstation #generate-report .modal-body .right .header-content .items {
        width: unset;
    }

    .coach-workstation #generate-report .modal-body .right .header-content .items h3 {
        font-size: 12px;
    }

    .coach-workstation #generate-report .modal-body .right .header-content .items p {
        font-size: 11px;
    }

    .coach-workstation #generate-report .modal-body .right table {
        margin: 0;
        width: 100%;
    }

    .coach-workstation #generate-report .modal-body .right table tr th {
        font-size: 11px;
    }

    .coach-workstation #generate-report .modal-body .right table tbody tr td {
        font-size: 11px;
    }

    .coach-workstation #generate-report .modal-body .right table tbody tr td p {
        font-size: 11px;
    }

    .coach-workstation #generate-report .modal-body .right table tbody tr td p.partial-paid {
        border-radius: 10px;
    }

    .coach-workstation .full-view .right-content .tab-content .goal-tab-container {
        flex-direction: column;
    }

    .coach-workstation .full-view .right-content .tab-content .goal-tab-container .goal-tabs {
        width: 100%;
    }

    .coach-workstation .full-view .right-content .tab-content .goal-tab-container .goal-content {
        width: 100%;
    }

    .coach-workstation .full-view .right-content .tab-content .goal-tab-container .goal-content .description {
        overflow: auto;
    }

    .coach-workstation .full-view .right-content .tab-content .reports .top-clicks {
        flex-direction: column;
        align-items: start;
    }

    .coach-workstation .full-view .right-content .tab-content .reports .top-clicks .selects .generate-attendance {
        top: -110%;
    }

    .coach-workstation .full-view .right-content .tab-content .reports table thead tr th {
        font-size: 11px;
    }

    .coach-workstation .full-view .right-content .tab-content .reports table tbody tr td {
        font-size: 11px;
    }

    .coach-workstation #generate-attendance .modal-body .selector {
        flex-direction: column;
    }

    .coach-workstation #generate-attendance .modal-body .selector select {
        width: 100%;
    }

    .coach-workstation #generate-attendance .modal-body .selector .custom-dropdown {
        width: 100%;
    }

    .coach-workstation #attendance-single .modal-body .header-container .item p {
        font-size: 11px;
    }

    .coach-workstation #attendance-single .modal-body .share-select .selects {
        width: 75%;
    }

    .coach-workstation #session-single .modal-content .modal-body .nav-pills .nav-link {
        padding: 5px 10px;
    }

    .coach-workstation #session-single .modal-content .modal-body .tab-content .tab-pane .share-select select {
        width: 40%;
    }

    .coach-workstation #session-single .modal-content .modal-body .tab-content .tab-pane .header-rating {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .coach-workstation #session-single .modal-content .modal-body .tab-content .tab-pane .header-rating .item:first-child {
        width: unset;
    }

    .coach-workstation #session-single .modal-content .modal-body .tab-content .tab-pane .header-rating .item {
        width: unset;
        justify-content: start;
    }

    .coach-workstation #session-single .modal-content .modal-body .tab-content .tab-pane .chart-select {
        width: 100%;
    }

    .coach-workstation #session-single .modal-content .modal-body .tab-content .tab-pane table thead tr th {
        font-size: 11px;
    }

    .coach-workstation #session-single .modal-content .modal-body .tab-content .tab-pane table tbody tr td {
        font-size: 11px;
    }

    .coach-workstation #reflection-sheet-single .modal-body .tab-container .left .nav-pills .nav-item .nav-link {
        padding: 10px;
        font-size: 11px;
    }

    .coach-workstation #reflection-sheet-single .modal-body .tab-container .right {
        padding: 20px;
    }

    .coach-workstation .full-view .right-content .tab-content .reports table tbody tr td input[type="range"] {
        width: 80px;
    }

    .coach-workstation #payment-single .dashboard .item-name {
        font-size: 12px;
    }

    .coach-workstation #payment-single .dashboard {
        padding: 13px 0px;
    }

    .coach-workstation #payment-single .modal-dialog .modal-content .modal-body {
        padding: 15px 5px 80px 5px;
    }

    .coach-workstation #payment-single table tbody td {
        font-size: 13px;
    }

    .coach-workstation #payment-single .dashboard .des {
        font-size: 11px;
    }

    .coach-workstation #payment-single .top-section .batch .batch-time h4,
    .coach-workstation #payment-single .top-section .course .course-name h4 {
        font-size: 10px;
    }

    .chat-page .chat-container {
        width: 100%;
        overflow-y: auto;
    }

    .chat-page .chat-container .all-chats {
        width: 100%;
    }

    .chat-page .chat-container .chat-details {
        width: 100%;
        position: unset;
    }

    .chat-page .chat-container .all-chats .create-new {
        font-size: 11px;
    }

    .chat-page .chat-container .all-chats .nav-item .nav-link .chatter .text h3 {
        white-space: nowrap;
    }

    .chat-page .chat-container .all-chats .nav-item .nav-link {
        gap: 40px;
    }

    .chat-page {
        padding: 1.5rem 1rem 1.5rem 1rem;
    }

    .chat-page .chat-container .all-chats .nav-item .nav-link .chatter .text p {
        height: 18px;
        font-size: 9px;
    }

    .chat-page .chat-container .all-chats .nav-item .nav-link .date {
        font-size: 9px;
        white-space: nowrap;
    }

    .chat-page .chat-container .chat-details .tab-pane .group-header .details .members {
        display: none;
    }

    .chat-page .chat-container .chat-details .tab-pane .group-header .profile .text h4 {
        white-space: nowrap;
        width: 100px;
    }

    .chat-page .chat-container .chat-details .tab-pane .group-header {
        gap: 20px;
        padding: 15px;
    }

    .chat-page .chat-container .chat-details .tab-pane .chat-area {
        width: 330px;
    }

    .assignment-page {
        padding: 1.5rem 1rem 1.5rem 1rem;
    }

    .assignment-page .title h2 {
        font-size: 19px;
    }

    .assignment-page .modal-body {
        flex-direction: column;
    }

    .assignment-page .modal-body .left {
        width: 100%;
    }

    .assignment-page .modal-body .right {
        width: 100%;
    }

    .assignment-page .modal-body .left .video-scroller {
        padding: 10px;
    }

    .assignment-page .modal-body .left .video-scroller .videos .profile-description .text .title span {
        font-size: 12px;
    }

    .assignment-page .modal-body .left .video-scroller .videos .profile-description .text .title {
        font-size: 13px;
    }

    .coach-workstation .title {
        gap: 5px;
    }

    .assignment-page .site-btn-outline-info {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .assignment-page .site-btn-success {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .assignment-page .tab-section .nav-pills {
        grid-template-columns: repeat(2, 1fr);
    }

    .assignment-page .tab-section .nav-pills .nav-item p {
        font-size: 12px;
    }

    .assignment-page .tab-section .nav-pills .nav-item .nav-link {
        padding: 15px;
    }

    .assignment-page .contents .tab-pane .select-buttons .selects {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }

    .assignment-page .contents .tab-pane .select-buttons {
        flex-direction: column;
    }

    .assignment-page .contents .tab-pane .select-buttons a {
        width: fit-content;
        margin-top: 10px;
    }

    .assignment-page .contents .tab-pane table thead tr th {
        font-size: 11px;
    }

    .assignment-page .contents .tab-pane table tbody tr td {
        font-size: 11px;
    }

    .assignment-page .contents .tab-pane table tbody tr td .read {
        font-size: 11px;
        width: 80px;
    }

    .assignment-page .contents .tab-pane table tbody tr td .pending {
        font-size: 11px;
        width: 80px;
    }

    .assignment-page .contents .tab-pane table tbody tr td .profile p {
        font-size: 11px;
    }

    .video-analyzer .tab-section .nav-pills {
        grid-template-columns: repeat(2, 1fr);
    }

    .video-analyzer {
        padding: 1.5rem 1rem 1.5rem 1rem;
    }

    .video-analyzer .tab-section .nav-pills .nav-item .nav-link {
        height: 120px;
    }

    .video-analyzer .contents .tab-pane .select-buttons .selects select {
        padding: 6px 20px 6px 10px;
        width: 50%;
    }

    .video-analyzer .contents .tab-pane .select-buttons .selects {
        width: 100%;
        justify-content: space-between;
    }

    .video-analyzer .contents .tab-pane table tbody tr td .text {
        width: 220px;
    }
    .video-analyzer .contents .tab-pane table tbody tr td .text p{
        font-size: 12px;
    }
    .video-analyzer .contents .tab-pane table tbody tr td .status{
        width: 90px;
        font-size: 11px;
    }
    .video-analyzer #user-access .modal-body .selects{
        flex-direction: column;
    }
    .video-analyzer #user-access .modal-body .selects .search{
        width: 100%;
    }
    .video-analyzer #user-access .modal-body .selects select{
        width: 100%;
    }
    .notification-page .full-container .tab-section .head :not(.item:first-child){
        display: none;
    }
    .notification-page .full-container .tab-section .nav-pills .nav-item .nav-link .item:nth-child(2){
        display: none;
    }
    .notification-page .full-container .tab-section .nav-pills .nav-item .nav-link .item:nth-child(3){
        display: none;
    }
    .notification-page .full-container .tab-section .head{
        padding: 10px;
    }
    .notification-page .full-container .tab-section .nav-pills .nav-item .nav-link{
        padding: 10px;
    }
    .notification-page .full-container .tab-section{
        width:32%;
    }
    .notification-page .full-container .contents{
        width: 68%;
    }
    .notification-page{
        padding: 1.5rem 1rem 1.5rem 1rem;
    }
    .notification-page .full-container .contents .body-content{
        flex-direction: column;
    }
    .notification-page .full-container .contents .body-content .message{
        width: 100%;
    }
    .notification-page .full-container .contents .head{
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }
    .notification-page .full-container .contents .head .profile .text p{
        font-size: 11px;
    }
    .notification-page .full-container .contents .head .profile img{
        width: 25px;
        height: 25px;
    }
    .notification-page .full-container .contents .head .counts{
        width: 100%;
        justify-content: space-between;
    }
    .notification-page .full-container .contents .head .counts p{
        margin-bottom: 0;
    }
    .notification-page .full-container .contents .body-content .message{
        padding: 10px;
    }
    .notification-page .full-container .tab-section .nav-pills .nav-item {
        width: 100%;
    }
    .notification-page .full-container .contents .body-content .tables{
        width: 100%;
    }
    .notification-page .search-button .search{
        width: 100%;
    }
    .notification-page .search-button{
        flex-direction: column;
        gap: 10px;
    }
    .notification-page .search-button a{
        width: 60%;
    }
    .send-notification-page{
        padding: 1.5rem 1rem 1.5rem 1rem;
    }
    .send-notification-page .profile-container{
        grid-template-columns: repeat(3,1fr);
    }
    .send-notification-page .title a{
        margin-top:20px;
    }
    .send-notification-page .inputs{
        flex-direction: column;
        gap: 10px;
    }
    .send-notification-page .inputs label{
        width: 100% !important;
    }
    .send-notification-page .select-links{
        flex-direction: column;
        gap: 15px;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    .send-notification-page .select-links .first{
        justify-content: space-between;
    }
    .send-notification-page .select-links .first select{
        width: 60%;
    }
    .send-notification-page .bottom-buttons{
        margin-top: 50px;
    }
    .dream-text{
        display: none;
    }
    .course-main .table-container{
        padding-left: 0px;
    }
    .course-main .table-container table thead tr th{
        font-size: 11px;
    }
    .course-main .table-container table tbody tr td .profile p{
        font-size: 11px;
    }
    .course-main .table-container table tbody tr td{
        font-size: 11px;
        padding: 6px;
    }
    .course-main .table-container table tbody tr td p.paid{
        font-size: 11px;
    }
    .course-main .table-container table tbody tr td p.partially-paid{
        font-size: 11px;
        padding: 3px 5px;
    }
    .login-page{
        flex-direction: column;
    }
    .login-page .left{
        width:100%;
        height: 80vh;
        padding-left: 25px;
    }
    .login-page .left h3{
        font-size: 30px;
    }
    .login-page .left h2{
        font-size: 60px;
    }
    .login-page .left p{
        font-size: 18px;
        line-height: 25px;
    }
    .login-page .right{
        width:100%;
    }
    .login-page .right{
        padding: 20px 25px;
    }
    .login-page .right img{
        margin-bottom: 20px;
    }
    .register-page{
        flex-direction: column;
    }
    .register-page .left{
        width: 100%;
    }
    .register-page .right{
        width: 100%;
        height: 100%;
    }
    .register-page .right h2{
        font-size: 25px;
    }
    .register-page .right h2 a img{
        width:24px;
    }
    .register-page {
        overflow-y: auto;
    }
    .register-page .right .content .inputs{
        grid-template-columns: repeat(1,1fr);
    }
    .register-page .right .content .password .pass label{
        font-size: 13px;
    }
    .register-page .right .content .password .pass-container{
        flex-direction: column;
        gap: 20px;
    }
    .register-page .right .content .password .pass{
        width: 100%;
    }
    .register-page .right .content .password .pass-container .details{
        width: 100%;
        align-items: start;
    }
    .register-page .right .content .conditions{
        margin-top: 30px !important;
    }
    .course-main .nav-pills .nav-link {
        padding: 10px;
    }
    .register-page #terms-condition .modal-dialog .modal-content .modal-header .date h4{
        font-size: 11px;
    }
    .register-page .right .content .conditions{
        font-size: 12px;
    }
    .register-page .right .mail-content{
        padding-top: 70px;
        padding-left: 40px;
    }
    .ongoing-course .summary .summary-container{
        width:100%;
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .ongoing-course .summary .summary-container .item{
        width:100%
    }
    .ongoing-course .summary .summary-container .item:first-child{
        width: 100%;
    }
    .ongoing-course .tab-container{
        flex-direction: column;
    }
    .ongoing-course .tab-container .completed{
        width:100%;
    }
    .ongoing-course .tab-container .daily-session-report{
        width:100%;
    }
    .ongoing-course .tab-container .daily-session-report .tab-content .tab-pane .contents{
        width:100%;
    }
    .ongoing-course .tab-container .daily-session-report .tab-content .tab-pane .contents .time-blocks{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .ongoing-course .tab-container .daily-session-report .tab-content .tab-pane .contents .time-blocks .blocks{
        width: 100%;
    }
    .ongoing-course .tab-container .daily-session-report .tab-content .tab-pane .contents .total-headings{
        width:100%;
    }
    .ongoing-course .tab-container .daily-session-report .tab-content .tab-pane .contents .total-headings h3{
        font-size: 12px;
    }
    .ongoing-course .tab-container .daily-session-report .tab-content .tab-pane .contents .performances{
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
    .ongoing-course .tab-container .daily-session-report .tab-content .tab-pane .contents .performances .performance{
        width: 100%;
    }
    .ongoing-course .tab-container .daily-session-report .tab-content .tab-pane .contents .description{
        width: 90%;
    }
    .ongoing-course .heading .text-title .text p{
        font-size: 10px;
    }
    .ongoing-course .tab-container .completed .nav-pills{
        height: 140px;
        overflow-y: auto;
    }
    .ongoing-course .tab-container .completed h6{
        font-size: 15px;
    }
    .ongoing-course .tab-container .daily-session-report h6{
        font-size: 15px;
    }
    .course-main.course_details h4{
        font-size: 19px;
    }
    .package .course-details h4{
        font-weight: 600;
        font-size: 15px;
    }
    .course_details .package .discount-text .count{
        width:25px;
    }
    .package-details .course .head .text{
        width: 60%;
    }
    .package-details .course .head .text p{
        font-size: 11px;
    }
    .package-details .course .head .title{
        font-size: 13px;
    }
    .package-details .course .selects .radios label{
        font-size: 12px;
    }
    .profile-page .profile-container{
        flex-direction: column;
        gap: 20px;
    }
    .profile-page .profile-container .details .head{
        flex-direction: column;
        width: 100%;
        gap: 10px;
    }
    .profile-page .profile-container .details .head .action{
        width: 100%;
        justify-content: space-between;
    }
    .profile-page .profile-container .details{
        width: 100%;
    }
    .profile-page .profile-container .image{
        width: 100%;
        justify-content: center;
        align-items: center;
        padding-left: 0 ;
    }
    .profile-page .profile-container .details .head .action button{
        padding: 7px 15px;
    }
    .profile-page .profile-container .details .information{
        grid-template-columns: repeat(1,1fr);
        row-gap: 0;
    }
    .cart-page .cart-container{
        flex-direction: column;
    }
    .cart-page .cart-container .items-container{
        width: 100%;
    }
    .cart-page .cart-container .order-summary{
        width: 100%;
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid #ddd;
        padding-top: 20px;
    }
    .cart-page .cart-container .items-container .items .item .text h4{
        font-size: 14px;
    }
    .cart-page .cart-container .items-container .items .item .text p{
        font-size: 12px;
    }
    .cart-page #checkout .modal-body .payment-summary{
        flex-direction: column;
        align-items: start;
    }
    .cart-page #checkout .modal-body .payment-summary .select-payment{
        width: 100%;
    }
    .cart-page #checkout .modal-body .payment-summary .summary{
        width: 100%;
    }
    .cart-page #checkout .modal-body .payment-summary .summary{
        padding: 0px 30px;
    }
    .cart-page #checkout .modal-body .information{
        flex-direction: column;
    }
    .cart-page #checkout .modal-body .information .info{
        width: 100%;
    }
    .cart-page #checkout .modal-body .d-flex{
        gap: 10px;
    }
    .task-page {
        padding: 1.5rem 1rem 1.5rem 1rem;
    }

    .task-page .title h2 {
        font-size: 15px;
    }

    .task-page .modal-body {
        flex-direction: column;
    }

    .task-page .modal-body .left {
        width: 100%;
    }

    .task-page .modal-body .right {
        width: 100%;
    }

    .task-page .modal-body .left .video-scroller {
        padding: 10px;
    }

    .task-page .modal-body .left .video-scroller .videos .profile-description .text .title span {
        font-size: 12px;
    }

    .task-page .modal-body .left .video-scroller .videos .profile-description .text .title {
        font-size: 13px;
    }

    .coach-workstation .title {
        gap: 5px;
    }

    .task-page .site-btn-outline-info {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .task-page .site-btn-success {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .task-page .tab-section .nav-pills {
        grid-template-columns: repeat(2, 1fr);
    }

    .task-page .tab-section .nav-pills .nav-item p {
        font-size: 12px;
    }

    .task-page .tab-section .nav-pills .nav-item .nav-link {
        padding: 15px;
    }

    .task-page .contents .tab-pane .select-buttons .selects {
        display: grid !important;
        grid-template-columns: repeat(2, 1fr);
    }

    .task-page .contents .tab-pane .select-buttons {
        flex-direction: column;
    }

    .task-page .contents .tab-pane .select-buttons a {
        width: fit-content;
        margin-top: 10px;
    }

    .task-page .contents .tab-pane table thead tr th {
        font-size: 11px;
    }

    .task-page .contents .tab-pane table tbody tr td {
        font-size: 11px;
    }

    .task-page .contents .tab-pane table tbody tr td .read {
        font-size: 11px;
        width: 80px;
    }

    .task-page .contents .tab-pane table tbody tr td .pending {
        font-size: 11px;
        width: 80px;
    }

    .task-page .contents .tab-pane table tbody tr td .profile p {
        font-size: 11px;
    }
    .upload-page .select-buttons .selects{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .upload-page .select-buttons{
        flex-direction: column;
        gap:20px;
    }
    .upload-page .table-container table thead tr th:first-child{
        padding-left: 10px;
    }
    .upload-page .table-container table tbody tr td:first-child{
        padding-left: 10px;
    }
    .upload-page .table-container table tbody tr td .media a{
        font-size: 11px;
    }
    .upload-page .table-container table tbody tr td .profile .text h6{
        font-size: 12px;
    }
    .upload-page{
        padding: 1.5rem 1rem 1.5rem 1rem;
    }
    .upload-page .table-container table tbody tr td .pending{
        width: 90px;
    }
    .upload-page .table-container table tbody tr td .read{
        width: 90px;
    }
    .upload-page #upload-info .modal-body .video-top{
        flex-direction: column;
        gap:10px;
    }
    .upload-page #upload-info .modal-body .video-top .video-container{
        width: 100%;
    }
    .upload-page #upload-info .modal-body .video-top .video-info{
        width: 100%;
        column-gap: 10px;
        row-gap: 30px;
    }
    .upload-page #file-upload .modal-body{
        padding: 15px 25px 30px 25px;
    }
    .upload-page #file-upload .d-flex button{
        width: 50%;
    }
    .coach-page .top-search{
        width: 100%;
    }
    .coach-page .tabs-container .tabs .all-tabs .nav-item .nav-link .profile p{
        display: none;
    }
    .coach-page .tabs-container .tabs .all-tabs .nav-item .nav-link .profile{
        justify-content: center;
    }
    .coach-page .tabs-container .coach-info .top-profile{
        flex-direction: column;
    }
    .coach-page .tabs-container .coach-info .top-profile .left{
        width: 100%;
    }
    .coach-page .tabs-container .coach-info .top-profile .left .image-container .bottom .name{
        font-size: 15px;
    }
    .coach-page .tabs-container .coach-info .top-profile .left .image-container .bottom .designation{
        font-size: 13px;
    }
    .coach-page .tabs-container .coach-info .top-profile .left .buttons a img{
        width: 11px;
    }
    .coach-page .tabs-container .coach-info .top-profile .left .buttons a{
        padding: 7px 9px;
        font-size: 11px;
    }
    .coach-page .tabs-container .coach-info .top-profile .right{
        width: 100%;
    }
    .coach-page .tabs-container .coach-info .top-profile .right .details{
        row-gap: 20px;
        grid-template-columns: repeat(1,1fr);
        margin-top: 10px;
    }
    .coach-page .tabs-container .coach-info{
        padding: 15px;
        width:85%
    }
    .coach-page .tabs-container .tabs{
        width:15%;
    }
    .coach-page{
        padding: 1.5rem 1rem 1.5rem 1rem;
    }
    .report-page{
        padding: 1.5rem 1rem 1.5rem 1rem;
    }
    .report-page .tab-section{
        width:100%;
    }
    .report-page .tab-section .nav-pills{
        grid-template-columns: repeat(2,1fr);
    }
    .report-page .tab-section .nav-pills .nav-item p{
        font-size: 16px;
    }
    .report-page .tab-section .nav-pills .nav-item h3{
        font-size: 13px;
    }
    .report-page .tab-section .nav-pills .nav-item .nav-link{
        height: 100px;
    }
    .report-page .contents table tbody tr td .student-list input[type="range"]{
        width: 100%;
    }
    .report-page .contents table tbody tr td p.paid{
        width:90px;
    }
    .report-attendance .head{
        width: 100%;
    }
    .report-attendance{
        padding: 1.5rem 1rem 1.5rem 1rem;
    }
    .report-attendance table{
        width: 100%;
    }
    .report-attendance .title .main-heading{
        font-size: 14px;
    }
    .report-attendance .title h3 a{
        font-size: 15px;
    }
    .report-reflection .tab-container{
        flex-direction: column;
    }
    .report-reflection .tab-container .completed{
        width:100%;
    }
    .report-reflection .tab-container .daily-session-report{
        width:100%;
    }
    .report-reflection .tab-container .daily-session-report .tab-content .tab-pane .contents{
        width:100%;
    }
    .report-reflection .tab-container .daily-session-report .tab-content .tab-pane .contents .time-blocks{
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }
    .report-reflection .tab-container .daily-session-report .tab-content .tab-pane .contents .time-blocks .blocks{
        width: 100%;
    }
    .report-reflection .tab-container .daily-session-report .tab-content .tab-pane .contents .total-headings{
        width:100%;
    }
    .report-reflection .tab-container .daily-session-report .tab-content .tab-pane .contents .total-headings h3{
        font-size: 12px;
    }
    .report-reflection .tab-container .daily-session-report .tab-content .tab-pane .contents .performances{
        display: grid;
        grid-template-columns: repeat(3,1fr);
    }
    .report-reflection .tab-container .daily-session-report .tab-content .tab-pane .contents .performances .performance{
        width: 100%;
    }
    .report-reflection .tab-container .daily-session-report .tab-content .tab-pane .contents .description{
        width: 90%;
    }
    .report-reflection .heading .text-title .text p{
        font-size: 10px;
    }
    .report-reflection .tab-container .completed .nav-pills{
        height: 140px;
        overflow-y: auto;
    }
    .report-reflection .tab-container .completed h6{
        font-size: 15px;
    }
    .report-reflection .tab-container .daily-session-report h6{
        font-size: 15px;
    }
    .report-reflection .title h3 a{
        font-size: 15px;
    }
    .report-reflection .title .main-heading{
        font-size: 15px;
    }
    .report-page #session-report-modal .modal-body .selects-button{
        gap:10px;
    }
    .report-page #session-report-modal .session-count{
        margin-top: 30px;
    }
    .report-page #session-report-modal .table-container table thead tr th{
        font-size: 11px;
        padding: 5px;
    }
    .report-page #session-report-modal .table-container table tbody tr td{
        font-size: 11px;
        padding: 4px;
    }
    .report-page #session-report-modal .table-container table tbody tr td:first-child{
        font-size: 11px;
    }
    .report-page #payment-report .dashboard .item-name {
        font-size: 12px;
    }

    .report-page #payment-report .dashboard {
        padding: 13px 0px;
    }

    .report-page #payment-report .modal-dialog .modal-content .modal-body {
        padding: 15px 5px 80px 5px;
    }

    .report-page #payment-report table tbody td {
        font-size: 11px;
        padding: 7px;
    }
    
    .report-page #payment-report .dashboard .des {
        font-size: 11px;
    }

    .report-page #payment-report .top-section .batch .batch-time h4,
    .report-page #payment-report .top-section .course .course-name h4 {
        font-size: 10px;
    }
    .report-page #payment-report .modal-content .modal-body .course-details{
        width: 100%;
    }
    .report-page #payment-report table tbody td .student-list input[type="range"]{
        width:100%
    }
    .report-page #payment-report .modal-content .modal-body .course-details .course-name h3{
        font-size: 12px;
    }
    .report-page #payment-report .modal-content .modal-body .course-details .batch h3{
        font-size: 12px;
    }
    .report-page #payment-report .modal-content .modal-body .course-details .course-name h4{
        font-size: 11px;
    }
    .report-page #payment-report .modal-content .modal-body .course-details .batch h4{
        font-size: 11px;
    }
    .report-page #payment-report .modal-content .modal-body .course-details .profile p{
        padding-right: 10px;
        margin-right: 10px;
        font-size: 11px;
    }
    .report-page #payment-report .modal-content .modal-body .course-details .profile img{
        width: 25px;
        height: 25px;
    }
    .report-page #payment-report table thead th{
        font-size: 11px;
    }
    .setup-goal{
        padding: 1.5rem 1rem 1.5rem 1rem;
    }
    .setup-goal .goal-container {
        flex-direction: column;
    }

    .setup-goal .goal-container a {
        width: 100%;
    }

    .setup-goal .goal-tab-container {
        flex-direction: column;
    }

    .setup-goal .goal-tab-container .goal-tabs {
        width: 100%;
    }

    .setup-goal .goal-tab-container .goal-content {
        width: 100%;
        height: 100%;
    }

    .setup-goal .goal-tab-container .goal-content .description {
        height: 250px;
        overflow-y: scroll;
    }

    .setup-goal .goal-tab-container .search {
        padding: 5px 10px;
    }

    .setup-goal .goal-tab-container .goal-content .header h2 {
        font-size: 14px;
    }

    .setup-goal .goal-tab-container .goal-content .description {
        padding: 10px 28px 40px 28px;
    }

    .setup-goal .goal-tab-container .goal-content .chat-input input {
        width: 60%;
    }

    .setup-goal .goal-tab-container .goal-content .chat-input .icons {
        width: 40%;
        gap: 20px;
    }

    .setup-goal .title h3 {
        font-size: 18px;
    }

    .setup-goal .title .main-heading img {
        width: 20px;
    }
    .setup-goal .goal-tab-container .goal-content .header .right a{
        padding: 7px;
    }
    .setup-goal .goal-tab-container .goal-content .header .right a{
        font-size: 11px;
    }
    .setup-goal .goal-tab-container .goal-content .header .right a img{
        width: 13px;
    }
    .setup-goal .goal-tab-container .goal-content .header .left{
        gap: 5px;
    }
    .setup-goal #goal-completed .modal-body h3{
        font-size: 13px;
    }
    .payment-page{
        padding: 1.5rem 1rem 1.5rem 1rem;
    }
    .payment-page .tab-pane .table-container table tbody tr td .student-list input[type="range"]{
        width:100%;
    }
    .payment-page .tab-pane .table-container table tr td:first-child{
        padding-left: 10px;
    }
    .payment-page .tab-pane .table-container table tr th:first-child{
        padding-left: 10px;
    }
    .payment-page .tab-pane .table-container table tbody tr td p.paid{
        width: 80px;
    }
    .payment-page #payment-report .dashboard .item-name {
        font-size: 12px;
    }

    .payment-page #payment-report .dashboard {
        padding: 13px 0px;
    }

    .payment-page #payment-report .modal-dialog .modal-content .modal-body {
        padding: 15px 5px 80px 5px;
    }

    .payment-page #payment-report table tbody td {
        font-size: 11px;
        padding: 7px;
    }
    
    .payment-page #payment-report .dashboard .des {
        font-size: 11px;
    }

    .payment-page #payment-report .top-section .batch .batch-time h4,
    .payment-page #payment-report .top-section .course .course-name h4 {
        font-size: 10px;
    }
    .payment-page #payment-report .modal-content .modal-body .course-details{
        width: 100%;
    }
    .payment-page #payment-report table tbody td .student-list input[type="range"]{
        width:100%
    }
    .payment-page #payment-report .modal-content .modal-body .course-details .course-name h3{
        font-size: 12px;
    }
    .payment-page #payment-report .modal-content .modal-body .course-details .batch h3{
        font-size: 12px;
    }
    .payment-page #payment-report .modal-content .modal-body .course-details .course-name h4{
        font-size: 11px;
    }
    .payment-page #payment-report .modal-content .modal-body .course-details .batch h4{
        font-size: 11px;
    }
    .payment-page #payment-report .modal-content .modal-body .course-details .profile p{
        padding-right: 10px;
        margin-right: 10px;
        font-size: 11px;
    }
    .payment-page #payment-report .modal-content .modal-body .course-details .profile img{
        width: 25px;
        height: 25px;
    }
    .payment-page #payment-report table thead th{
        font-size: 11px;
    }
    .annotated-videos-page {
        padding: 1.5rem 1rem 1.5rem 1rem;
    }
    .annotated-videos-page .topper {
        flex-direction: column;
        align-items: start;
        gap: 10px;
    }

    .annotated-videos-page .topper .selects {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .annotated-videos-page .topper .selects select {
        width: 165px !important;
    }
    .annotated-videos-page .video-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .annotated-videos-page .video-container .videos .bottom .video-details {
        right: -30%;
    }
    .addon-page{
        padding: 1.5rem 1rem 1.5rem 1rem;
    }
    .addon-page .addon-container{
        grid-template-columns: repeat(2,1fr);
    }

}