@media only screen and (max-width: 1700px) {
    .plan-list__complete-module p {font-size: 13px; line-height: 16px;}
    #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode a, #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode span {font-size: 14px;}
}

@media only screen and (max-width: 1600px) {
    .previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=submit]{max-width:100%;min-width:50px;}

    header .megaMenuHolder .megaMenu{padding:24px 10px;}
    header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxTitle h2{font-size:14px;}
    header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li a{font-size:13px;}
    header .megaMenuHolder .megaMenu .megaMenuBoxes{grid-template-columns: 155px 200px 190px 165px 170px 120px;}
    header .megaMenuHolder .megaMenu .megaMenuBoxes:has(.adminColumn) { grid-template-columns: 130px 195px 190px 165px 160px 110px 210px; }

    .plan-list__complete-module p {font-size: 13px;}
    #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .linkMessage span.charLeft {font-size: 12px;}
    #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-socials table { width: 100%; max-width: 350px; }
    #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns {display: block;margin: 5px auto 0;}
    #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-edit-btns ul {justify-content: flex-end;}

    /*.lms-modal__policy {max-height: 90%;}
    .lms-modal__policy .modal-header, .lms-modal__policy .modal-content {padding: 8px;}
    .lms-modal__policy .modal-content .modal-accordion .accordion-header {padding: 5px 8px; font-size: 0.8rem;}
    .lms-modal__policy .modal-content .modal-accordion .accordion-content, .lms-modal__policy .modal-content .modal-accordion .accordion-content h2 {font-size: 12px; line-height: 14px;}
    .lms-modal__policy .modal-content .modal-accordion .accordion-content {height: calc(100% - 40px);}
    .lms-modal__policy .modal-content .modal-accordion {min-height: 30px;}
    .lms-modal__policy .modal-btns button {height: 26px; line-height: 24px;font-size: 0.7rem;}
    .lms-modal__policy .modal-content .modal-accordion .accordion-header q, .lms-modal__policy .modal-content .modal-accordion .accordion-header q svg {width: 14px; height: 14px;}
    .lms-modal__policy .modal-content .modal-accordion .accordion-content {margin: 8px auto; width: calc(100% - 16px); padding: 8px;}*/

    .lms-modal__policy .modal-header .modal-logo-con, .lms-modal__policy .modal-header .modal-logo-con img {height: 30px;}
    .lms-modal__policy .modal-content {padding: 8px 14px;}
    .lms-modal__policy {width: 45%;}
    .lms-modal__policy .modal-content .modal-accordion .accordion-content p {font-size: 10px; line-height: 14px}
    .lms-modal__policy .modal-content .modal-accordion .accordion-header {font-size: 11px;padding: 1px 13px}
    .lms-modal__policy .modal-content .modal-accordion.active .accordion-content {padding: 10px;}
    .lms-modal__policy .modal-content .modal-accordion {min-height: 18px;}

    #prospectingDSA .prospecting-dsa-con {padding-top: 30px;}
    #prospectingDSA .prospecting-dsa-con .steps-con {margin-top: 30px;}

    /*.calendar-booking-page .calendar-booking-box {max-height: 520px;}*/
}

@media only screen and (max-width: 1500px) {
    .formGroup.col2.dflex-btwn.gap--16.dflex-acenter.course-details__categories {display: block;}
    .formGroup.col2.dflex-btwn.gap--16.dflex-acenter.course-details__categories .formSection {width: 100% !important;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox textarea.course-details  {height: calc(100% - 40px) !important;}

    #lockedMessage .popUpBtns button {font-size: 0.9rem;}    
    #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-holder {margin-left: 5px;}

    .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .notePin .notePinContent .notePinDetails ul {flex-wrap: wrap;}
    .paymentEarning-dashboard-table thead tr th {font-size: 0.8rem;}

    .prospecting-dsa-header {padding: 8px 10px;}
    .prospecting-dsa-header-con .logo #header-logo {width: 180px;}

    /*.prospecting-dsa-header .prospecting-dsa-header-con, #prospectingDSA .prospecting-dsa-con, .container.lms-container .prospecting-funnel-con footer button.ftr_btn {max-width: 80%;}*/

    .prospecting-dsa-header .dsa-profile {gap: 10px;}
    .prospecting-dsa-header .dsa-profile .initial-name {width: 38px; height: 38px;font-size: 14px;}
    .prospecting-dsa-header .dsa-profile h1 {font-size: 12px;}
    .prospecting-dsa-header .dsa-profile h1 span {font-size: 10px;}

    #prospectingDSA .prospecting-dsa-con {padding: 30px 0 0;}
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1 {font-size: 32px;}
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span {font-size: 16px;}

    #prospectingDSA .prospecting-dsa-con .steps-con {margin: 35px auto 12px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li {gap: 10px;padding: 8px 10px 8px 20px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li i {width: 26px; height: 26px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li.completed i svg {width: 12px; height: 8px;}
    #prospectingDSA .prospecting-dsa-con .steps-con {min-height: 45px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li small.step-title {font-size: 14px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li span {font-size: 12px !important;}
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1.spa-ver {font-size: 32px;}
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1.spa-ver small {display: block;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li small.step-title {white-space: nowrap;font-size: 14px;}

    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con h2 {width: 40px; height: 40px;font-size: 14px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .current-step-details {gap: 12px; padding: 20px 0 30px}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .title {font-size: 20px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .status {font-size: 12px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content > span {font-size: 9px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress {width: 120px; height: 120px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .percentage-progress {font-size: 26px;}
    
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn {font-size: 20px;padding: 14px 0;}
    .container.lms-container .prospecting-funnel-con footer > p {font-size: 12px;margin: 18px auto;}
    .container.lms-container .prospecting-funnel-con footer ul.ftr_links li a, .container.lms-container .prospecting-funnel-con footer .copyright_section p {font-size: 14px;}

    .container.lms-container .prospecting-funnel-con footer {margin: -100px auto 0; padding-bottom: 25px;}

    /*.calendar-booking-page .calendar-booking-box {max-height: 495px;}*/
}

@media only screen and (max-width: 1400px) {
    header {height: 45px !important; padding: 4px 18px !important;}
    header .megaMenuHolderNew {height: calc(100vh - 45px);}
    header .logo #header-logo {width: 150px;}
    header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading button svg:last-child {width: 16px; height: 16px;}
    header .logo {width: 160px;min-width:unset !important;}

    header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading button svg {width: 20px; height: 20px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile a .photoImg {height: 30px; width: 30px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li:not(:last-child) {margin-right: 10px !important;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li:first-child {padding-right: 10px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li img, header .header_con .headerBox.headerBox3 nav.headerNav ul li svg {width: 14px; height: 14px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li:first-child:after {height: 18px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag {padding: 12px;width: 250px;right: -10px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag ul li:before {width: 14px; height: 14px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li .notif .notifFlag:after {right: 10px;top: -2px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li {font-size: 14px;}
    header .header_con .headerBox.headerBox2 nav.headerNav ul li a:before {bottom: -4px;}
    header .header_con .headerBox.headerBox2 nav.headerNav ul li a:after {bottom: -4px;}

    header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions {padding: 12px;width: 180px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li span {font-size: 14px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li a {font-size: 12px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li svg {width: 14px; height: 14px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li:not(:first-child) {margin-top: 10px;}

    header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions:after {top: -3px; right: 53px;}
    header, main, footer {padding: 0 18px}

    header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxTitle h2{}
    header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox .megaMenuBoxLinks ul li a{}
    header .megaMenuHolder .megaMenu .megaMenuBoxes{}
    header .megaMenuHolder .megaMenu .megaMenuBoxes:has(.adminColumn) { grid-template-columns: 135px 225px 170px 145px 140px 100px 210px; }

    .plan-list__complete-module p {font-size: 0.75rem; line-height: 16px;}
    .lms-modal__policy .modal-content .modal-accordion .accordion-content {height: calc(100% - 30px); width: calc(100% - 24px);}
    .lms-modal__policy .modal-header .modal-logo-con, .lms-modal__policy .modal-header .modal-logo-con img {height: 30px;}
    .lms-modal__policy .modal-content .modal-accordion .accordion-header {font-size: 0.7rem;}
    .lms-modal__policy .modal-content .modal-accordion .accordion-content, .lms-modal__policy .modal-content .modal-accordion .accordion-content h2 {font-size: 10px; line-height: 14px;}
    .lms-modal__policy .modal-content .modal-accordion .accordion-header {font-size: 0.7rem; line-height: 100%;}
    .lms-modal__policy .modal-content .modal-accordion {min-height: 21px;}
    .lms-modal__policy .modal-btns {margin: 8px 0 8px;}

    .settingsTimezoneContent:has(.sys-dropdown) a.dropdown-btn span {font-size: 14px;}

    .LMSBanner .LMSBanner-images{height:auto;}
}

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

    .calendar-booking-page ul li button {font-size: clamp(0.625rem, 0.95vw, 0.875rem) !important;}

    header .megaMenuHolder .megaMenu .megaMenuBoxes:has(.adminColumn) { grid-template-columns: 125px 225px 200px 175px 150px; }
    .plan-list__complete-module p {font-size: 0.7rem;}
    #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link {width: 49%;}
    #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode a, #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder .fullLinkCode span { font-size: 13px; }
    #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .fullLinkCodeMessageHolder {margin-bottom: 5px;}

    header .header_con .headerBox.headerBox1 .logoNav .logo .header-logo {width: 180px;}

    .settingsBillingHolder .settingsBillingBoxes .settingsBillingBox .settingsBillingBoxDetails {flex-direction: column; gap: 6px;}

    .setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploader .logoUploaderHeading, .setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploader .logoUploaderHeading {flex-direction: column;}

    .setupThemeBox1 .formBox {flex-direction: column;gap: 12px;}
    .setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploaderBtns {width: 100%;}
    .setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploaderBtns ul {display: flex; gap: 8px; justify-content: center;}
    .setupLoginBox .logoUploaderHolder .formBox {flex-direction: column;gap: 12px;}
    .setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploaderBtns {width: 100%;}
    .setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploaderBtns ul {display: flex; gap: 8px; justify-content: center;}

    .lms-modal__policy .modal-content {padding: 8px;}

    .prospecting-dsa-header .prospecting-dsa-header-con, #prospectingDSA .prospecting-dsa-con {max-width: 78%;}

    .prospecting-dsa-header-con .logo #header-logo {width: 150px;}
    .prospecting-dsa-header .dsa-profile {gap: 8px;}
    .prospecting-dsa-header .dsa-profile .initial-name {width: 36px; height: 36px;font-size: 14px;}
    .prospecting-dsa-header .dsa-profile h1 {font-size: 12px;}
    .prospecting-dsa-header .dsa-profile h1 span {font-size: 10px;}

    #prospectingDSA .prospecting-dsa-con {padding: 20px 0 0;}
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1 {font-size: 30px;}
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span {font-size: 16px;}

    #prospectingDSA .prospecting-dsa-con .steps-con {margin: 20px auto 12px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li {gap: 8px;padding: 8px 10px 8px 20px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li i {width: 26px; height: 26px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li.completed i svg {width: 12px; height: 8px;}
    #prospectingDSA .prospecting-dsa-con .steps-con {min-height: 45px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li small.step-title {font-size: 14px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li span {font-size: 12px !important;}
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1.spa-ver {font-size: 32px;}
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1.spa-ver small {display: block;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li small.step-title {white-space: nowrap;font-size: 14px;}

    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con h2 {width: 40px; height: 40px;font-size: 14px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .current-step-details {gap: 12px; padding: 10px 0 20px}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .title {font-size: 20px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .status {font-size: 12px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content > span {font-size: 9px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress {width: 120px; height: 120px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress .progress-content .percentage-progress {font-size: 26px;white-space: nowrap;}
    
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn {width: 78%;font-size: 20px;padding: 14px 0;}
    .container.lms-container .prospecting-funnel-con footer > p {font-size: 12px;margin: 18px auto;}
    .container.lms-container .prospecting-funnel-con footer ul.ftr_links li a, .container.lms-container .prospecting-funnel-con footer .copyright_section p {font-size: 14px;}

    .container.lms-container .prospecting-funnel-con footer {margin: -100px auto 0; padding-bottom: 25px;}
    .buy-page-button { height: 28px !important; width: 130px !important; font-size: 12px !important; line-height: 28px !important; padding: 0px 2px !important; }

    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-title h1 {font-size: 16px;}

    #prospectingDSA .prospecting-dsa-con .content-con .video-con .dont-forget-btn a { font-size: 1.1em; max-width: 380px; padding: 13px 20px; top: 62%; }
    #prospectingDSA .prospecting-dsa-con .content-con .video-con .dont-forget-btn a span {font-size: 27px;}
    #prospectingDSA .prospecting-dsa-con .content-con .proceed-to-next a {height: 50px;font-size: 26px; bottom: -10px;}
    #prospectingDSA .prospecting-dsa-con .content-con .arrow-down-con img  {width: 100px; height: 180px; }

    .lms-course-sidebar .lms-course-progress-chart-con { padding: 16px; }
    .lms-course-sidebar .lms-course-progress-chart-con h3 {margin-bottom: 16px;}
    .lms-course-sidebar .lms-course-progress-chart-con ul li {margin-bottom: 8px;}
    .lms-course-sidebar .lms-course-progress-chart-con ul li span {font-size: 10px; line-height: 10px;}
    .lms-course-sidebar .lms-course-progress-chart-con ul li .legend-circle {width: 10px; height: 10px;}

    .lms-course-sidebar .lms-course-progress-chart-circle-con, .lms-course-sidebar .lms-course-progress-chart-circle-con .lms-course-progress-chart-circle {width: 80px; height: 80px;}
    .plan-list { height: calc(100% - 117px); }
    .plan-list .plan-list-header {padding: 14px 14px 10px}
    .plan-list ul > li > .locked:first-child::before, .plan-list ul > li > div:first-child::before, ul.quiz-results div::before {width: 28px; height: 28px;background-size: 12px 12px;left: 14px;}
    .plan-list ul li .plan-list__course-box {padding: 8px 20px 8px 50px !important;}
    .plan-list ul li .plan-list__desc-box {padding: 0 22px 10px;}
    .plan-list ul li .plan-list__desc-box span.plan-list-length {font-size: 10px;}
    .plan-list ul li .lms-course-title {font-size: 12px;}
    .plan-list ul li section span {margin-top: 3px;}
    .plan-list h3:first-child {padding-top: 10px;}
    .plan-list ul > li.show:before { width: calc(100% - 12px);}
    .plan-list ul > li:first-child.show:before {height: calc(100% + 28px);}
    .plan-list ul li:after {width: calc(100% - 28px)}

    .train-tabs-tablinks li a {padding: 12px 0;}

    .plan-list__complete-module { width: calc(100% - 12px); padding: 8px;border-radius: 8px;}
    .plan-list__complete-module span:before {width: 28px; height: 28px;background-size: 12px 12px;}
    .plan-list__complete-module span {padding-left: 33px;margin-bottom: 12px;}
    .plan-list__complete-module p small {margin-top: 6px;}
    .plan-list__complete-module .book-btn-con {margin-top: 6px;}
    .plan-list__complete-module .book-btn-con button {font-size: 10px; line-height: 20px;padding: 0 8px;min-width: unset;}

    .plan-list .plan-list__certificate-box {padding: 8px;border-radius: 8px;}
    .plan-list .plan-list__certificate-box-header i {width: 28px; height: 28px;}
    .plan-list .plan-list__certificate-box-header i svg {width: 16px; height: 16px;}
    .plan-list .plan-list__certificate-box-header {margin-bottom: 3px;}
    .plan-list .plan-list__certificate-form label {font-size: 12px;}
    .plan-list .plan-list__certificate-form .form-group input[type=text] {font-size: 12px;padding: 8px 1px;height: unset;}
    .plan-list .plan-list__certificate-form .form-group {margin-bottom: 6px;gap: 8px;}
    .plan-list .plan-list__certificate-form .form-group input[type=submit] {font-size: 10px; line-height: 20px;padding: 0 8px;min-width: unset;}
    .plan-list .plan-list__certificate-form .form-group span {font-size: 10px;}
    .plan-list .plan-list__certificate-form .form-group span q {display: block; line-height: 0; font-size: 0;}

    /*.calendar-booking-page .calendar-booking-box {max-height: 450px;}*/

}

/*13 inch mac*/
@media only screen and (max-width: 1218px) {
#settingsAccountProfile .settingsPageBoxMainBoxListItem:first-child {width: 33%;}
#settingsAccountProfile .settingsPageBoxMainBoxListItem #settingsAccountTimezone {display: flex;gap: 10px;}
#settingsAccountProfile .settingsPageBoxMainBoxListItem #settingsAccountTimezone .settingsTimezoneContent {width: 160px;height: 22px;}
#settingsAccountProfile .settingsPageBoxMainBoxListItem #settingsAccountTimezone .settingsTimezoneContent #timezoneDropdownButton {height: 24px;line-height: 1;}
#settingsAccountProfile .settingsPageBoxMainBoxListItem #settingsAccountTimezone .settingsTimezoneContent #timezoneDropdownButton #selectedTimezoneText {line-height: 1;font-size: 0.7rem;}
#settingsAccountProfile #settingsAccountLanguage {display: flex;gap: 10px;}
#settingsAccountProfile #settingsAccountLanguage .settingsLanguageContent {height: 22px;}
#settingsAccountProfile #settingsAccountLanguage .settingsLanguageContent #languageDropdownButton {height: 24px;}
#settingsAccountProfile #settingsAccountLanguage .settingsLanguageContent #languageDropdownButton #selectedLanguageText {line-height: 1;font-size: 0.7rem;}
#settingsAccountProfile #settingsAccountLanguage .settingsLanguageContent li.languagedropdownOption a,
#settingsAccountProfile .settingsPageBoxMainBoxListItem #settingsAccountTimezone .settingsTimezoneContent li.dropdownOption a {font-size: 0.7rem;padding: 3px 10px;}
#settingsIntegrationsGoogleCalendar .integrationSectionBoxes .formSection {}
/*13 inch mac*/

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

    #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link {width: 100%;}
    
    .train-tabs__text-right {padding: 0 25px 0 15px;}

    .prospecting-funnel-con {overflow-x: hidden;}
    #prospectingDSA .prospecting-dsa-con .content-con {width: 100%;}
    
    #prospectingDSA footer {padding: 135px 15px 14px;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-title {margin: 8px 0;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-title h1 {font-size: 14px; line-height: 18px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .current-step-details {padding-bottom: 10px !important;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .body-info-con {width:max-content;}

    .calendar-booking-page ul li button.time-btn {font-size: 11px;}
    .calendar-booking-page .calendar-booking-left {width: 40%;}
    .calendar-booking-page .calendar-booking-second-step .calendar-booking-right {width: unset; flex: 1;}
    .calendar-booking-page .calendar-booking-form {max-width: 100%;}

    .calendar-booking-page .calendar-picker .day span {width: 100%;}

    .calendar-booking-page .calendar-picker .day {height: unset; aspect-ratio: 1/1;}
    .calendar-booking-page .calendar-picker .day span {height: unset; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; line-height: unset;}
    .calendar-booking-page .modal-box {display: flex; flex-direction: column;}

    .calendar-booking-page .calendar-booking-right h3, .calendar-booking-page .calendar-booking-right h2 { padding: 0 9%; }
    .calendar-booking-box.calendar-booking-widget > div {width: 75%;}
    /*.calendar-booking-page .calendar-booking-flx {overflow: auto;}*/

    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .current-step-details { gap: 8px; padding: 0px; }
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .left-con.questionaire { aspect-ratio: unset;}

    .prospecting-dsa-header .prospecting-dsa-header-con, #prospectingDSA .prospecting-dsa-con, .container.lms-container .prospecting-funnel-con footer button.ftr_btn { max-width: 85%; width: 95%;}

}

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

    header .megaMenuHolder .megaMenu .megaMenuBoxes{grid-template-columns: 125px 200px 190px 165px 170px;}
    
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .status {margin-top: 5px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con {padding: 14px 4px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .current-step-details {padding: 10px 0 30px; gap: 8px}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li small.step-title { white-space: nowrap; font-size: 13px; }
    .prospecting-dsa-header .prospecting-dsa-header-con, #prospectingDSA .prospecting-dsa-con, .container.lms-container .prospecting-funnel-con footer button.ftr_btn {width: 90%;max-width: 90%;}
}

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

    .text-base{font-size: 0.75rem;}
    .pageLogin .pageLogin-content .pageLoginBoxes {width: 100%; max-width: 540px;}
    .pageLogin .pageLogin-content .pageLoginBoxes .pageLoginBox {padding: 20px 25px;}

    /*AGREEMENT PAGE*/
    .agreement-content-con .agreement-form {gap: 8px;}
    .agreement-content-con .agreement-form .formSection {width: 100%;}
    /*END AGREEMENT PAGE*/
    .lms-modal__policy {max-width: 90%; width: 100%;}

}

@media only screen and (max-height: 768px) {

    /*ONBOARDING*/
    .onboardingBoxContentContainer{padding:25px 47px 0; height: calc(100% - 79px);}

    .onboardingPageCounter{margin-bottom: 10px;}
    .onboardingBtns{height:66px;padding: 0 47px 25px;}

    .onboardingForm { margin-top: 12px; }
    .onboardingForm .form-section { margin-bottom: 10px; }
    .onboardingForm .form-section label{margin-bottom:3px;}
    /*.onboardingForm .form-section input[type], .onboardingForm .form-section textarea{height:32px;}*/
    .onboardingForm .form-section .passwordFormCon a{top: 50%;transform: translateY(-50%);bottom:0;}
    /*ONBOARDING*/


}

@media only screen and (max-width: 1400px) {
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .creatorCourseBoxHeader p, .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox3 .creatorCourseBoxHeader p, .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox4 .creatorCourseBoxHeader p {width: 80%;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox3 .formGroup .formSection .formContainer .fieldInput {width: 75%;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection.courseBannerCon { width: 70%; }
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection .courseBannerSlot.courseBannerSlotAdd {gap: 4px;}

    .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput {width: 100% !important;}

    .settingsTimezoneContent:has(.sys-dropdown) a.dropdown-btn span {font-size: 14px;line-height: 28px;}
    .settingsLanguageContent:has(.sys-dropdown) a.dropdown-btn, .settingsTimezoneContent:has(.sys-dropdown) a.dropdown-btn { font-size: 14px; line-height: 28px;}
}

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

    /*HEADER*/
    header .header_con .headerBox.headerBox1 .logoNav .logo  {min-width: 200px; }
    header .header_con .headerBox.headerBox1 .logoNav .navArea{padding: 0 0 0 8px;}
    /*END HEADER*/

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup.col2 .formBox.col2 {width: 50%; justify-content: unset;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox8 .formGroup {flex-direction: column;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox8 .formGroup.col2 .formSection {width: 100%;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox8 .formGroup.col2 .formSection:last-child .formGroup {flex-direction: unset;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox8 .formGroup {margin-bottom: 0;}

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .lessonSidebarHeading {flex-wrap: wrap;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .lessonSidebarHeading h2 {width: 100%;}

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .formGroup.videoHolder .formSection.uploadVideoLinkHolder {width: 50%;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-counter {font-size: 12px;}
    /*#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-title h1 {font-size: 12px; line-height: 16px;}*/
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions section label {padding: 6px;min-height: 36px; height: unset;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions h1 {width: 24px; height: 24px;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions h1:before {font-size: 13px;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .left-con.questionaire {min-height: 300px;}

    /*NEW LMS DASHBOARD*/
    .CalendarPromotion .LMSPromotion .LMSPromotionHeading a{right: 5px;}
    /*END NEW LMS DASHBOARD*/
}

@media only screen and (max-width: 1200px) {
    .gap--11 { gap: 8px }

    .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput {width: 100% !important;}

    /*HEADER*/
    header, main, footer { padding: 0 10px; }
    /*header .header_con .headerBox.headerBox1 .logoNav .logo  {min-width: 150px; }*/  

    /*END HEADER*/

    /*LMS Admin*/
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar { width: 160px; }
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup {height: 100%; align-items: center; flex-direction: column; }
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection, .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection.courseBannerCon { width: 100%; }

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox7 .formGroup.col2 .formSection { width: unset; flex: 1; }

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox7 .formGroup.col2 {flex-direction: column;}

    /*LMS Members*/
    .dashboardRegionBox .dashboardGreetings ul li {width: 50%;}
    .dashboardRegionBox .dashboardGreetings ul li button {padding: 0 5px;font-size: 12px;}

    .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul { overflow-x: auto; }
    .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li { width: 15%; }
    .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder .calendarWelcome ul li a { padding: 7px; }

    .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardIcon {width: 36px; height: 36px;}
    .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn .dashboardCardBtnHeading .dashboardCardDesc h2 {font-size: 0.9rem; line-height: 1rem;}
    .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBtn a.dashboardCardArrow {width: 28px; height: 28px;}

    .lesson-documents {gap: 8px;}
    /*LMS Members*/


    /*SETTINGS*/
    #settingsPaymentsTransferFunds .transferFundsBoxes{grid-template-columns: repeat(2,1fr);}
    /*END SETTINGS*/

    /*NEW LMS DASHBOARD*/
    .LMSGreetings h2{font-size: 32px;}
    .CalendarPromotion .LMSCalendar .LMSCalendarHeader .LMSCalendarHeaderDate h2,
    .LMSCalendarHeaderDate .LMSCalendarHeaderMonths #LMSCalendarHeaderMonthsTypeFilter span,
    .LMSDashboardReports .LMSHomeDashboard ul li h2,
    .NotesResources .LMSNotes .LMSNotesHeader h2,
    .NotesResources .LMSResources .LMSResourcesHeader h2,
    .CalendarPromotion .LMSPromotion .LMSPromotionHeading h2{font-size:16px;}

    .CalendarPromotion .LMSCalendarDays ul li a span,
    .CalendarPromotion .LMSPromotion .LMSPromotionImgHolder .LMSPromotionImgDetails .LMSPromotionImgDetailsName h2,
    .CalendarPromotion .LMSPromotion .LMSPromotionBox .LMSPromotionBoxDetails span{font-size:14px;}


    .CalendarPromotion .LMSCalendarDays ul li.marked a:before{width:14px;height:14px;}
    .CalendarPromotion .LMSPromotion .LMSPromotionHeading a{right: 5px;top: 20px;}

    .CalendarPromotion .LMSPromotion .LMSPromotionBox .LMSPromotionBoxDetails h2,
    .NotesResources .LMSResources .LMSResourcesDetails ul li .LMSResourcesDetailsTitle,
    .home-dashboard-floating-content span{font-size:12px;}


    /*END NEW LMS DASHBOARD*/
}

@media only screen and (min-width: 1010px) {
    .sendgrid-dashboard-page .common-scroll .sideBar {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1010px) {
    .container.lms-container {display: block;}
    main.main-content.LMSMembers, main.main-content {overflow: unset;height: unset;padding: 14px;}
    .dashboardRegion {max-height: unset;}
    .lms-course-content {height: unset;padding: 0;}
    .lms-course-sidebar {position: relative; right: unset; top: unset;height: unset;}
    .video-welcome {padding-bottom: 0;}
    .plan-list .training-modules {padding: 0;}
    .plan-list {max-height: 400px;padding-bottom: 20px;}

    /*HEADER*/
    header .header_con .headerBox.headerBox1 .logoNav{}
    header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading span.nav-course-title{display:none;}


    header .header_con .headerBox.headerBox1 .profileaholder{display:none;}
    header .header_con .headerBox.headerBox1 .profileaholder .profileSwap{}
    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters{display: flex; align-items: stretch; height: 100%;}
    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul{display: flex;margin: 0;}
    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul{position: relative; display: flex; align-items: center; vertical-align: middle; margin: 0; line-height: 100%; height: 100%;}
    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul li:not(:last-child) { margin: 0 5px 0 0; }

    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul li .profile a { display: flex; justify-content: space-between; align-items: center; width:100%;height:100%;}

    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul li .profile a span{position: relative; font-weight: 600; color: var(--sys-dark);margin-right: 5px;display:none;}
    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul li .profile a .photoImg{width: 39px; height: 39px; overflow: hidden;border-radius: 25%; display: inline-block; vertical-align: middle;}
    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul li .profile a .photoImg img { width: 100%; height: 100%; object-fit: cover; vertical-align: middle; }


    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul li .profile .profileOptions { width: 200px; min-height: 362px; min-height: 0; background: #fff; padding: 20px; position: absolute; top: 80px; right: -10px; border-radius: 0 0 16px 16px; margin-top: 1px; box-shadow: 0 6px 12px rgba(21, 21, 22, 0.08); }
    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul li .profile .profileOptions ul { display: block; line-height: 100%; height: 100%; }

    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul li .profile .profileOptions ul li { display: block; vertical-align: middle; padding: 0; margin: 0; }
    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul li .profile .profileOptions ul li:not(:first-child) { margin-top: 15px; }
    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul li .profile .profileOptions ul li a { display: block; font-size: 14px; color: var(--sys-dark); font-weight: 500; padding: 10px 0; line-height: 100%; }
    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul li .profile .profileOptions ul li span { font-size: 16px; color: var(--sys-dark); font-weight: bold; }

    header .header_con .headerBox.headerBox2 nav.headerNav ul { gap: 5px; }
    header .header_con .headerBox.headerBox2 nav.headerNav ul li a { padding: 0 5px; }
    header .header_con .headerBox.headerBox3 nav.headerNav ul li:first-child { padding: 0 8px 0 0; }
    header .header_con .headerBox.headerBox3 nav.headerNav ul li:not(:last-child) { margin: 0 5px 0 0; }
    header .header_con .headerBox.headerBox3 nav.headerNav ul li:last-child { margin-left: 5px; }
    /*END HEADER*/

    /*MENU*/
    

    header .megaMenuHolder h3{display:block;}
    header .megaMenuHolder .megaMenu{padding:0;box-shadow:none;}
    header .megaMenuHolder .megaMenu .megaMenuBoxes{display:block;}
    header .megaMenuHolder .megaMenu .megaMenuBoxes:has(.adminColumn){display:block;}
    header .megaMenuHolder .megaMenu .megaMenuBoxes .megaMenuBox:not(:last-child){margin-bottom:15px;}

   header .megaMenuHolder .toggle_left_nav_holder{}
   header .megaMenuHolder .toggle_left_cont{background: rgba(0, 0, 0, .5);}
   header .megaMenuHolder .toggle_left_nav.toggle_left_style {left: 0;opacity: 1;z-index: 45;}

    /*MENU*/

    /*START FUNNEL TABS MENU*/
    header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading button{margin-right:5px;}
    header .header_con .headerBox.headerBox2 nav.headerNav ul[id*="-funnel-tabs"] li a{padding:5px 2px;}
    /*END FUNNEL TABS MENU*/

    /*ONBOARDING*/
    .onboardingBoxes{width: 100%;max-width:100%;min-height: 0;height: calc(100vh - 130px);aspect-ratio: unset;align-items:stretch}
    .onboardingBoxContentContainer{padding: 25px 25px 0;margin-bottom: 15px;}
    .onboardingForm{margin-bottom:20px;}
    .onboardingBtns{height:auto;padding: 0 25px 25px;margin-top: auto;}
    /*END ONBOARDING*/

    #settingsAccount{padding:14px 10px;}
    .mobileViewContainer {position:relative;z-index:250;}
    header{flex-shrink:0;}
    main.main-content.courseHome {padding: 14px 10px 0; min-height: calc(100vh - 96px); margin-bottom: 14px; height: unset;}

    /*LMS Admin*/
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar { /*display: none;*/ width:auto;padding:0;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseSidebar .creatorCourseSidebarHeading{flex-direction:row-reverse;}

    /*.clickHere {display:block;}
    .clickHereAgain {display:block;order:-1;}*/

    .toggle_left_nav{width: 300px; position: fixed; top: 0; left: -300px; height: 100%; background: #eee; transition: all 0.7s ease; overflow-y: scroll; padding: 30px 20px; opacity: 0; float: none; clear: both; z-index: 250;}

    header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaMenu {z-index: 9999;}
    .toggle_left_nav_holder {position: fixed;top: 0;left: 0;right: 0;width:100%;height: 100%;z-index: 1000;visibility: hidden; transition: all 0.7s ease;}
    .toggle_nav_close {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
    .toggle_left_cont {visibility: visible;background: rgba(0,0,0,0.9);}
    .toggle_left_nav.toggle_left_style {left: 0;opacity: 1;z-index: 45;}

    .toggle_left_nav.open {left: 0;opacity: 1;}
    .toggle_right_sidebar_nav.open {right: 0;opacity: 1;}
    .toggle_left_nav_holder:has(.toggle_left_nav.open),.toggle_right_nav_holder:has(.toggle_right_sidebar_nav.open) {visibility: visible;background: rgba(0,0,0,0.5);}
    .toggle_left_nav.open .clickHereAgain, .toggle_right_sidebar_nav.open .clickHereAgain {display:flex;}

    .clickHere {display: flex;width: 25px;height: 25px;position: fixed;z-index: 312312312;justify-content: center;align-items: center;border-radius: 50%;padding: 0;background: var(--accent2-5);border: 1px solid var(--accent2-5) !important;box-shadow: 0px 2.5px 5px rgba(21, 21, 22, 0.025);opacity: 0.4;top: 50%;transform: translateY(-50%);left: 5px;}
    .clickHere::before {content: '\232A';color: var(--accent1);position: absolute;top: 1px;}
    #contact-info-sidebar .clickHere::before {transform: rotate(180deg);top:3px;}
    .clickHere:hover {opacity: 1;}
    div:has(.toggle_left_nav.open) .clickHere,div:has(.toggle_right_sidebar_nav.open) .clickHere, body:has(.megaMenuHolder.show) .clickHere {opacity: 0;}

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup {height: 100%; display: block; }
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection {width: 100%;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection.courseBannerCon {width: 100%; margin-top: 15px;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .creatorCourseBoxHeader p, .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox3 .creatorCourseBoxHeader p, .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox4 .creatorCourseBoxHeader p {width: 100%;}
    
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseContent {width: 100%;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox1 { padding-bottom: 25px }
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2,
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox3,
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox4,
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox6,
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox7,
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox8,
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox9 { padding: 25px 15px; }

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox3 .formGroup .formSection .formContainer .fieldInput {width: 100%;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .formBox.uploadBox {margin: 0 auto;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup.col2 .formBox.col2 {width: 75%}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox7 .formGroup.col2 .formBox {width: 75%;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2{width:auto;padding:0;flex-grow:0;height: fit-content;}

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox.creatorCourseBox2 .lessonSidebar .lessonSidebarList{height: calc(100% - 115px);}

    .toggle_right_sidebar_nav{width: 300px; position: fixed; top: 0; right: -300px; height: 100%; background: #eee; transition: all 0.7s ease; overflow-y: scroll; padding: 0; opacity: 0; float: none; clear: both; z-index: 250;}

    .toggle_right_nav_holder {position: fixed;top: 0;left: 0;right: 0;width:100%;height: 100%;z-index: 1000;visibility: hidden; transition: all 0.7s ease;}
    .toggle_right_sidebar_cont {visibility: visible;background: rgba(0,0,0,0.9);}
    .toggle_right_sidebar_nav.toggle_right_sidebar_style {right: 0;opacity: 1;z-index: 45;}

    .onboardingStepContent .collab-icon {margin: 25px auto; display: block; max-width: 150px; width: 20%;}

    /*AGREEMENT PAGE*/
    .agreement-page{padding: 14px;}
    .agreement-content-con .agreement-content .agreement-content-right{width: auto; padding: 0; flex-grow: 0; height: fit-content;}
    .agreement-content-right-Heading{margin-bottom: 15px;}
    .agreement-content-con .agreement-content .agreement-content-right .agreement-content-right-holder{height: calc(100vh - 89px);}

    .agreement-content-right .toggle_right_sidebar_nav{padding: 15px 15px;background:#fff;}

    .agreement-content-con .agreement-form{flex-wrap:wrap;padding:0;}

    /*END AGREEMENT PAGE*/

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox.quizBox1 { width: 35%;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox.quizBox2 { width: 63%;height: unset; overflow: unset;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent {height:calc(100% - 56px);}
    .lessons-tabs2-holder { flex-grow: unset; overflow-y: unset; }

    /*LMS Admin*/
    .dashboardRegionBox .dashboardGreetings { width: 32%;}

    .main-content.LMSMembers .main_con_holder .dashboardRegion .dashboardRegionHolder .dashboardRegionBox {height: unset;}
    .dashboardRegionBox .dashboardBoxes .dashboardBox {flex-wrap:wrap; justify-content: center;gap: 10px;height: unset;}

    .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard {width: 49%;height: unset;flex: unset;}    
    .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo {height: 300px;}
    .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo .dashboardCardBoxInfoHolder {overflow-y: auto;}

    .lms-course-content  {display: block !important; }
    .lms-content-con { width: 100%; padding: 0;}
    .lms-course-sidebar  {width: 100%;max-width: unset;}
    .lesson-documents, .train-tabs__wrap input:checked ~ .train-tabs__container {padding-bottom: 20px;}

    .page-report {display: block;}
    .reports-left {width: 100%;}
    .lms-reports__box-holder {display: flex; justify-content: space-around; gap: 8px;}
    .lms-reports__box {flex: 1;margin: 0 !important;}

    .reports-right-holder {width: 100%;margin-top: 20px;}
    .lms-reports__txt .ttl {font-size: 0.75rem;line-height: 1rem;}

    /*FOOTER START*/

    /*FOOTER END*/

    /*RESOUCES*/
    .resourcesPage .resourcesPageBoxes .resourcesPageBox.resourcesPageBox1{width:auto;}
    .resourcesPage .resourcesPageBoxes .resourcesPageBox.resourcesPageBox1 .toggle_left_nav{padding:20px;width: 300px;height: 100%;}
    .resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageHeading{flex-direction:row-reverse;}

    .resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebarHolder{padding:0;}
    .resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes{padding-bottom:2px;margin-top:15px;height: calc(100% - 53px);}
    .resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox{padding:0;}
    .resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul li:last-child {margin-bottom: 0;}
    .resourcesPage .resourcesPageBoxes .resourcesPageBox .resourcesPageBoxSidebar .resourcesPageSidebarBoxes .resourcesPageSidebarBox .resourcesPageSidebarBoxList ul li:last-child a{margin-bottom: 0;}


    .resourcesPageInformationBoxes{grid-template-columns: repeat(2,1fr);}
    #resourcesPage .formGroup .formSection{min-height:0;}


    .newResourcesPageBoxes .newResourcesPageBox.newResourcesPageBox1 {display: none;}
    /*END RESOURCES*/

    /*SETTINGS*/
    .settingsPage .settingsPageBoxes {gap:0;}
    .settingsPage .settingsPageBoxes .settingsPageBox.settingsPageBox1{width:auto;}
    .settingsPage .settingsPageBoxes .settingsPageBox.settingsPageBox1 .toggle_left_nav{padding:20px;width: 300px;height: 100%;}
    /*.settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageHeading{flex-direction:row-reverse;}*/

    .settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebarHolder{padding:0;}
    .settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes{margin-top:15px;scrollbar-gutter: auto;height: calc(100% - 53px);padding-bottom: 0;}
    .settingsPage .settingsPageBoxes .settingsPageBox .settingsPageBoxSidebar .settingsPageSidebarBoxes .settingsPageSidebarBox:first-child{padding-top:0;}

    #settingsResourcesSection .documentsBoxes{grid-template-columns: repeat(2,1fr);}

    .settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList:first-child { padding: 30px 15px; }
    .settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList:not(:first-child) { padding: 30px 15px; }

    #settingsAccountProfile .profileBoxes{grid-template-columns: repeat(2,1fr);}
    #settingsAccountEmail .passwordBoxes{grid-template-columns: repeat(2,1fr);}
    #settingsAccountPassword .passwordBoxes{grid-template-columns: repeat(2,1fr);}
    #settingsAccountPersonalInformation .personalInformationBoxes.personalInformationBoxesLocation{grid-template-columns: repeat(1,1fr);}
    #settingsAccountPersonalInformation .personalInformationBoxes{grid-template-columns: repeat(2,1fr);}
    #settingsAccountSocial .socialLinksBoxes{grid-template-columns: repeat(2,1fr);}
    #settingsAccountProduct .settingsProductsHolder .settingsProductsBoxes{grid-template-columns: repeat(2,1fr);}

    #settingsAccountLeadBlazers .settingsLeadBlazersWrapper{width:100%;max-width:100%;}

    #settingsPaymentsEarnings .earningsBoxes{grid-template-columns: repeat(2,1fr);}
    .tableFiltersHeading .tableFiltersTabs ul{gap:10px;}
    .paymentEarning-dashboard-table tr th,.paymentEarning-dashboard-table tr td {width: 25%;min-width: 100px;}
    .paymentEarning-dashboard-table thead, .paymentEarning-dashboard-table tbody {width: 100%;display: table;}

    #settingsPaymentsWallet .walletBoxes{grid-template-columns: repeat(2,1fr);}
    #settingsPaymentsTransactionHistory .settingsPageBoxMainBoxListHeading{float:none;}

    #settingsPaymentsPaymentProcessing .paymentProcessingBoxes{grid-template-columns: repeat(2,1fr);}
    #settingsPaymentsPaymentProcessing .settingsPaymentProcessingHolder .settingsPaymentProcessingBoxes{grid-template-columns: repeat(1,1fr);}

    #settingsPaymentsMerchantApplication .settingsPaymentsMerchantApplicationBoxes{grid-template-columns: repeat(1,1fr);}
    #settingsPaymentsMerchantApplication .settingsPaymentsMerchantApplicationBoxes .settingsPaymentsMerchantApplicationBox .settingsPaymentsMerchantApplicationBoxInfo { height: 100%; }#settingsPaymentsMerchantApplication .settingsPaymentsMerchantApplicationBoxes .settingsPaymentsMerchantApplicationBox .settingsPaymentsMerchantApplicationBoxInfo .settingsPaymentsMerchantApplicationBoxInfoIcon{height:100%;}

    #settingsResourcesSection .settingsPageBoxMainBoxList:last-child { padding-bottom: 25px; }
   .documentsBoxes .documentsBox .resourcesFileBtns ul li{width:auto;}
    #settingsResourcesDocuments .documentsBoxes .documentsBox .resourcesFileBtns button.btn-medium{width:118px;}

    /*SETUP*/

    .settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxHeading {padding: 12px 17px;}

    .setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploaderHolder .formSection .formBox{flex-direction:column;}
    .setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploaderBtns{}
    .setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploaderBtns ul{display:flex;gap:8px;}
    .setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploaderBtns ul li:not(:last-child){margin-bottom:0;}

    #settingsSetupDomains .settingsDomainHolder .domainBoxes{grid-template-columns: repeat(1,1fr);}
    #settingsSetupSiteAvailability{}

    #settingsSetupAffiliates .affiliateBoxes{grid-template-columns: repeat(2,1fr);}

    #settingsSetupLogin .setupLoginBoxes{flex-direction: column;}

    #settingsIntegrationsSendgrid .integrationSectionBoxes{grid-template-columns: repeat(2,1fr);}
    #settingsIntegrationsTwilio .integrationSectionBoxes{grid-template-columns: repeat(2,1fr);}

    .setupThemeBoxes {flex-direction: column;}
    .setupThemeBoxes .setupThemeBox.setupThemeBox2 .setupThemeBoxPreview {height: unset;}
    .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard .dashboardCardBox .dashboardCardBoxInfo {height: auto;}
    .setupThemeBoxes .setupThemeBox.setupThemeBox1 .logoUploader .logoUploaderHeading {flex-direction: column;}

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder {gap: 0;}

    #onboarding-region {padding: 0 20px 40px 20px;}
    .onboardingStep4 {padding-bottom: 20px;}

    
    /*END SETUP*/
    /*END SETTINGS*/
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder {
        gap: 0;
    }
    main.main-content.courseHome {padding: 14px 14px 0;}

    #settingsAccountProfile .settingsPageBoxMainBoxListItem:last-child {width: 20%; flex-shrink: 0;}

    .previewTheme header .header_con .headerBox.headerBox1 .logoNav .logo .header-logo {height: 16px;width: unset; min-width: unset;}
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1 small {display: block;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .current-step-details {padding-top: 0;}
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn small.spa-ver {font-size: 22px;}
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn {gap: 8px;}

    .calendar-booking-page { padding: 30px 0; background: #FFFFFF; min-height: 100%}
    .calendar-booking-page .calendar-booking-logo img {width: 40%;}
    .calendar-booking-page .calendar-booking-logo {margin: 0 auto 30px;}
    .calendar-booking-page .calendar-booking-box.calendar-booking-widget .calendar-booking-left h2.comp-name {display: none !important;}

    .lms-modal__policy {width: 60%;}
    .lms-modal__policy {max-width: 75%;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .current-step-details{padding: 10px 0 !important;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .title {font-size: 20px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con {padding: 10px 0;justify-content: center}

    .prospecting-dsa-header .prospecting-dsa-header-con, #prospectingDSA .prospecting-dsa-con, .container.lms-container .prospecting-funnel-con footer button.ftr_btn {width: 100%;max-width: 100%;}



    /*NEW LMS DASHBOARD*/
    main.main-content.LMSDashboard{overflow: unset;height: unset;padding: 32px 14px;}

    .LMSDashboard-Boxes .LMSBox.LMSBox1{}
    .LMSGreetings{width:30%;}
    .LMSBanner{width:70%;}

    .LMSDashboard-Boxes .LMSBox.LMSBox2{min-height:0;}
    .LMSBox2-Details{flex-wrap:wrap;}
    .NotesResources{order:-1;width: 100%;gap:20px;}
    .CalendarPromotion{width:100%;gap:20px;}
    .LMSDashboardReports{width:100%;height:100%;}
    /*END NEW LMS DASHBOARD*/

    .onboardingBtns.spa-ver button {padding: 10px;height: unset;font-size: 12px;}

    .calendar-booking-page .calendar-booking-logo {padding: 0;}
    .calendar-booking-page .calendar-booking-logo img {position: relative;}
}

@media only screen and (max-width: 900px) {
    .onboardingBox.onboardingBox2 {width: 60%;}
    .onboardingBox.onboardingBox1 {width: 40%;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps {flex-direction: column;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con {width: 100%;}

    .container.lms-container .prospecting-funnel-con footer{padding: 120px 24px 50px;}
    .container.lms-container .prospecting-funnel-con footer .ftr_logo{display:none;}
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn{position:static;}
    .container.lms-container .prospecting-funnel-con footer > p {margin:20px auto;}

    .prospecting-dsa-header {height: unset; padding: 5px 10px !important;}
    .prospecting-dsa-header .dsa-profile h1 {gap: 2px;}
    .prospecting-dsa-header .dsa-profile h1 span {font-size: 10px;}
    #prospectingDSA .prospecting-dsa-con .steps-con {min-height: 39px;}

    #prospectingDSA .prospecting-dsa-con .steps-con ul li {max-height: 39px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li i span,
    #prospectingDSA .prospecting-dsa-con .steps-con ul li.active i span {font-size: 12px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li::after {aspect-ratio: 14/40;left: calc(100% - 7px)}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li::before {width: 7px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li a::before {aspect-ratio: 14/40;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li small.step-title {font-size: 14px;white-space: nowrap;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li i {width: 25px;height: 25px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li.completed i svg { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; }
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .body-info-con {width:unset;}

    .calendar-booking-page .calendar-booking-logo {margin: 0 auto 10px;}
    .calendar-booking-page .calendar-booking-logo img {width: 30%;}

    #prospectingDSA .prospecting-dsa-con .content-con .video-con .dont-forget-btn a {top: 50%;}
    #prospectingDSA .prospecting-dsa-con .content-con .video-con .dont-forget-btn a span { margin: 5px 0 0 10px; display: block; transform: rotate(90deg); }

}

@media only screen and (max-width: 800px) {
    #prelogin-region.inner {padding: 0;}
    div[class*=page-]:not(.page-home) h2 {font-size: 18px;}

    .lms-modal__policy {width: 75%;}

    /*HEADER*/
    header{padding:10px 10px;height:auto;}
    header .logo #header-logo { width: 136px; }
    header .logo{width:140px;}

    header .header_con .headerBoxes{gap:5px;flex-wrap: wrap;}

    header .header_con .headerBox.headerBox1{display:flex;justify-content:space-between;align-items:center;}
    
    header .header_con .headerBox.headerBox1 .profileaholder{display:block;}
    header .header_con .headerBox.headerBox1 .profileaholder nav.headerNav.filters ul li:not(:last-child){display:none;}

    header .header_con .headerBox.headerBox1 .logoNav .logo { min-width: 200px; }
    header .header_con .headerBox.headerBox1 .logoNav .navArea{padding:0 0 0 5px;}
    header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading span.nav-course-title{display:none;}

    header .header_con .headerBox.headerBox2 {width: 100%;display:none;}
    header .header_con .headerBox.headerBox2 nav.headerNav{justify-content:center;}
    header .header_con .headerBox.headerBox2 nav.headerNav ul li a { padding: 10px 5px; }

    header .header_con .headerBox.headerBox3 nav.headerNav{}
    header .header_con .headerBox.headerBox3 nav.headerNav ul{width:100%;justify-content:end;gap:20px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li:first-child:after{right:-5px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li:not(:last-child){margin:0;}

    header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul{position:relative;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile .profileOptions ul li:last-child{position:static;}

    header .header_con .headerBox.headerBox3 nav.headerNav.filters ul li .profile .profileOptions { width: 200px; min-height: 362px; min-height: 0; background: #fff; position: absolute; top: 99px;top:50px; right: 0px; border-radius: 8px; margin-top: 1px; box-shadow: 0 2px 12px rgba(21, 21, 22, 0.08); box-shadow:0 0px 2px 2px rgba(21, 21, 22, 0.08);}
    header .header_con .headerBox.headerBox3 nav.headerNav.filters ul li .profile .profileOptions:after{right: 12px;top:-2px;}

    header .header_con .headerBox.headerBox3 .profileaholder nav.headerNav.filters ul li .profile .profileOptions ul { display: block; line-height: 100%; height: 100%; }

    header .header_con .headerBox.headerBox3 nav.headerNav.filters ul li .profile .profileOptions ul li { display: block; vertical-align: middle; padding: 0; margin: 0; }
    header .header_con .headerBox.headerBox3 nav.headerNav.filters ul li .profile .profileOptions ul li:not(:first-child) { margin-top: 10px; }
    header .header_con .headerBox.headerBox3 nav.headerNav.filters ul li .profile .profileOptions ul li span {}

    header .header_con .headerBox.headerBox3 nav.headerNav ul li .profile a span{display:none;}

    header .header_con .headerBox.headerBox1 .logoNav .logo .header-logo {width: 150px;}
    header .header_con .headerBox.headerBox1 .logoNav .navArea .navAreaHeading {width: 24px;}
    header .header_con .headerBox.headerBox3 nav.headerNav ul {gap: 5px;}
    /*MENU*/
    
    /*MENU*/
    header .header_con .headerBox.headerBox1{order: 1;}
    header .header_con .headerBox.headerBox2{order: 3;}
    header .header_con .headerBox.headerBox3{order: 2;} 
    /*END HEADER*/

    .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput {width: 100% !important;}
    .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput:last-child { margin-bottom: 0; }

    /*HEADER*/
    .mobileViewContainer {width: 280px;position: fixed;top: 56px;left:-280px;right:0;height: 100%;background: #eee;transition: all 0.7s ease;overflow-y: scroll;padding: 0 0 30px;opacity: 0;float: none; clear: both;z-index:250;padding:20px;}
    /*END HEADER*/

    
    /* Toggle Style */
    .toggle_right_nav {position: fixed;top: 56px;left: 0;right: 0;width:100%;height: 100%;z-index: 1000;visibility: hidden; transition: all 0.7s ease;}
    .toggle_nav_close {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
    .toggle_right_cont {visibility: visible;background: rgba(0,0,0,0.9);}
    .mobileViewContainer.toggle_right_style {left: 0;opacity: 1;z-index: 45;}
    .logo_slide_right {display:block;float:left;width: calc(100% - 90px);}

    .menu_slide_right {display: block;text-align: left;padding: 20px 10px;background: #fff;position: relative;}

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox.creatorCourseBox9 [type="file"] {max-width: 354px; width: 100%;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader {flex-wrap: wrap;gap: 8px;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseHeaderTitle {width: 100%;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li a::before,.main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseHeader .courseLessonTabs ul li a::after {bottom: 0;}

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBoxes {flex-direction: column;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox.quizBox1 { width: 97%; }
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox.quizBox2 {width: 100%; padding: 15px 15px 0;}

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .quizBox .quizListInfo .quizListContent .quizList ul li {justify-content: left;}
    /*LMS Admin*/
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup { display: block; }
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup .formSection {width: 100% !important;}
    
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox7 .courseBoxBtn {justify-content: center;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup.col2 .formBox.col2 {margin-top: 16px;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox8 .formItem {flex: 1;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox8 .formGroup .formSection:last-child .f-right {float: none; margin-top: 16px;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox8 .courseBoxBtn {justify-content: center;}

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox6 .formGroup.instructorProfile .profileImgCon {width: 45px; height: 45px; flex-shrink: 0;}
    /*LMS Admin*/
    .main-content.LMSMembers .main_con_holder .dashboardRegion .dashboardRegionHolder .dashboardRegionBox.dashboardRegionBox1 { flex-direction: column-reverse; }
    .dashboardRegionBox .dashboardGreetings {width: 100%;text-align: center;}
    .dashboardRegionBox .dashboardGreetings h2 {margin: 7px auto; }
    .dashboardRegionBox .dashboardBanner {width: 100%;}
    .dashboardBanner .slick-dots {left: 0; right: 0; margin: 0 auto;text-align: center;}
    .dashboardBanner .slick-dots li {margin: 0 2px;}

    .train-tabs__text-content {flex-direction: column-reverse;}
    .train-tabs__text-left {border: 0;}
    .train-tabs__text-right {padding: 0; margin: 0 0 30px;width: 100%;}

    .nap-content {display: block;}
    .nap-left {width: 100%; height: unset; overflow: unset;}
    .nap-sidebar {display: flex; gap: 8px;flex-wrap: wrap;justify-content: center}
    .notesPinsSidebar .notePin {width: 48%;margin: 0 !important;}
    .notesPinsSidebar .notePin .notePinHeading, .notesPinsSidebar .notePin .notePinContent {padding: 8px;}

    .nap-right .msg-content .content-area, .nap-right .msg-content textarea {min-height: 200px;}
    .nap-right {width: 100%; margin-top: 15px;}

    .lesson-documents {justify-content: center;max-height: 300px; overflow: auto;}
    .lesson-documents-item {text-align: center;}
    .lesson-documents-header {display: block; text-align: center;}
    .lesson-documents-header button {display: block; margin: 8px auto 0;}

    .train-tabs__wrap label:not(.notlabel) {padding: 0 5px;}
    .lms-reports__box-holder {display: flex; justify-content: center; gap: 8px;flex-wrap: wrap;}
    .lms-reports__box {margin: 0 !important;width: 48%;flex: unset;}
    .lms-reports__txt .ttl {font-size: 0.75rem;line-height: 1rem;}

    .lms-reports .table-leads.lms {overflow: scroll;}
    .lms-reports .table-leads.lms td, .lms-reports .table-leads.lms th {min-width: 250px;}
    .lms-reports .table-leads.lms td:nth-child(2), .lms-reports .table-leads.lms th:nth-child(2) {min-width: 150px;}
    
    .dashboardRegionBox .dashboardGreetings ul {margin: 21px auto 0; justify-content: center; align-items: center; flex-direction: column; }
    .dashboardRegionBox .dashboardGreetings ul li {min-width: 135px;}
    
    #alertMessage .popUpBtns button {font-size: 16px;}
    .onboardingForm .form-section label {font-size: 0.7rem;}
    .previewTheme .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard {width: 100%;}

    .profileBoxes, .personalInformationBoxes {row-gap: 10px; column-gap: 10px;}

    #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box1 .funnel-list-link-box-img {min-width: 100px;}
    .settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList .settingsPageBoxMainBoxListHeading {margin-bottom: 10px;}
    .settingsPageBoxMainBoxes .settingsPageBoxMainBox .settingsPageBoxMainBoxList {padding: 15px !important}

    .settingsLanguageContent:has(.sys-dropdown) a.dropdown-btn, .settingsTimezoneContent:has(.sys-dropdown) a.dropdown-btn {font-size: 12px;}

    .settingsPageBoxMainBoxes .settingsPageBoxMainBox:not(:last-child) {margin-bottom: 25px;}

    .main-content input[type=text], input[type=password], .main-content select, .main-content textarea {height: 32px;padding: 8px 14px;font-size: 12px; line-height: 14px;}

    .personalInformationBoxes {grid-template-columns: repeat(2, 1fr);}

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton li label {line-height: 30px;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox3 button {height: 22px;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox7 .formGroup.col2 .formBox button {height: 32px;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox9 .formGroup .formSection button.uploadBtn i {line-height: 0; margin: 0 auto;}

    #settingsAccountProfile {flex-direction: column;}
    #settingsAccountProfile .settingsPageBoxMainBoxListItem {width: 100% !important;}

    .settingsTimezoneContent:has(.sys-dropdown) a.dropdown-btn span {font-size: 12px;line-height: 24px;}
    .settingsLanguageContent:has(.sys-dropdown) a.dropdown-btn, .settingsTimezoneContent:has(.sys-dropdown) a.dropdown-btn { font-size: 12px; line-height: 24px;}

    #affiliateModal .affComm:before {height: 22px;font-size: 12px;right: 4px;border-radius: 4px;}
    #promoCodeModal .affLink:before {height: 22px;font-size: 12px;right: 4px;border-radius: 4px;}
    #promoCodeModal .promoSale {height: 22px;font-size: 12px;right: 4px;border-radius: 4px;}
    #promoCodeModal .affBtns {bottom: 8px; right: 8px;}

    #settingsAccountBilling .settingsBillingHolder .settingsBillingBoxes{grid-template-columns: repeat(1,1fr);}

    .train-tabs-tablinks {flex-wrap: wrap;}

    #prospectingDSA .prospecting-dsa-con {padding: 42px 0 0;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li small.step-title {display: none;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li.active small.step-title {display: block;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li.active small.step-title {font-size: 11px;line-height: 1;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li {width: max-content;padding: 5px 12px 5px 22px;gap: 5px;min-width: 58px;}
    /*#prospectingDSA .prospecting-dsa-con .steps-con ul li::after {right: -8px;top: 50%;transform: translateY(-50%);}*/
    #prospectingDSA .prospecting-dsa-con .steps-con ul li i {background: #939599;width: 24px;height: 24px;border-width: 3px;z-index: 12;border-color: #babcbf;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li i span {color: #fff;font-size: 10px;font-weight: 400;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li:first-child {padding: 5px 25px 5px 10px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li.active i span {font-size: 10px;}
    /*#prospectingDSA .prospecting-dsa-con .steps-con ul li::before {top: 50%;transform: translateY(-50%);border-left-color: #e1e3e5;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li a::after {top: 50%;transform: translateY(-50%);right: -18px;}
    #prospectingDSA .prospecting-dsa-con .steps-con ul li:last-child {background: linear-gradient(to right, #e1e3e5 0%, #e1e3e5 92%, #f7f9fa 92%, #f7f9fa 100%);padding: 10px 12px 10px 23px;background: #e1e3e5;}*/

    /*#prospectingDSA .prospecting-dsa-con .steps-con ul li::before {right: -10px;}*/
/*    #prospectingDSA .prospecting-dsa-con .steps-con ul li.active::before {border-left: 22px solid #fa3458; z-index: 3; right: -7px; }*/
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1.spa-ver { font-size: 30px; }
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn {font-size: 16px;padding: 10px 20px;}
    .container.lms-container .prospecting-funnel-con footer ul.ftr_links li a {font-size: 14px;}
    #prospectingDSA .prospecting-dsa-con .content-con .proceed-to-next a {font-size: 16px;min-height: 0; height: auto;padding: 10px;}
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn {width: 100%;}
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn > span svg { width: 20px; height: 14px; }

    .container.lms-container .prospecting-funnel-con footer ul.ftr_links li {text-align: center;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .title {word-spacing: 2px;}
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn small.spa-ver {font-size: 16px;}
    #prospectingDSA {padding: 0 12px;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-counter {font-size: 12px;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con {min-height: 300px;}
    /*#prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-title h1 {font-size: 12px; line-height: 16px;}*/
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions section label {padding: 6px;min-height: 36px; height: unset;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions h1 {width: 24px; height: 24px;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions h1:before {font-size: 13px;}
    .container.lms-container .prospecting-funnel-con footer{padding-left: 12px; padding-right: 12px;}
    #prospectingDSA .prospecting-dsa-con .content-con .arrow-down-con img  {width: 80px; height: 150px; }

    .onboardingForm .form-section .passwordFormCon a {bottom: 5px;right: 6px;}
    .onboardingSocialBtns li { width: 100%; flex: 1 1 0; }
}

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

    /*ONBOARDING*/
    .onboardingBoxes{width: 540px;flex-direction: column-reverse;max-height: 100%;height: 100%;max-width: 100%;position: static;}
    .onboardingBox.onboardingBox1{width: 100%;}
    .onboardingBox.onboardingBox2{width:100%;}
    .onboardingBox.onboardingBox2 .onboardingDetailsContainer{height:auto;}
	.onboardingBox.onboardingBox2 .onboardingDetailsContainer .onboardingDetailsContent img{transform: none;position: static;}

    .onboardingMediaContainer{justify-content:center;}

    .onboardingStep4 .onboardingSocialBtns{justify-content:center;}
    .onboardingStep4 .onboardingSocialBtns li a{font-size:12px;padding: 12px 5px;}
    .onboardingMediaContainer #video-container{position: relative;}

    .onboarding-close-btn{color:#fff;background:#000;}
    /*END ONBOARDING*/

    /*RESOURCES*/
    .resourcesPageInformationBoxes {grid-template-columns: repeat(2,1fr);}
    /*END RESOURCES*/

    /*SETTINGS*/
    #settingsResourcesSection .documentsBoxes{grid-template-columns: repeat(1,1fr);}
    .previewTheme .dashboardRegionBox .dashboardGreetings ul li {min-width: unset;}
    .previewTheme .dashboardRegionBox .dashboardGreetings ul li button {height: unset; line-height: 100%;}
    /*END SETTINGS*/
    main.main-content.courseHome {min-height: calc(100vh - 190px);}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseBoxBtn {padding: 0 0 15px;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox #lessons-tabs-2 .courseBoxBtn {padding: 0 15px 15px;}


    /*NEW LMS DASHBOARD*/
    .LMSDashboard-Boxes .LMSBox.LMSBox1{flex-wrap:wrap;gap:32px;}
    .LMSGreetings{width:auto;}
    .LMSBanner{width:100%;}
    /*END NEW LMS DASHBOARD*/

    .LMSBanner-info{bottom:10px;left: 10px;}
    /*END NEW LMS DASHBOARD*/
}

@media only screen and (max-width: 700px) {
    
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox4 .formGroup .formSection.courseBannerCon ul li {width: 100%; margin: 5px auto;}
    .sticky-bar-btns {display: block;}
    .sticky-bar-btns div:first-child {margin-bottom: 8px;}
    .sticky-bar-btn {display: flex; gap: 8px;flex: 1;}
    
    .main-content.courseHome .main_con_holder.creatorCourse .sticky-bar .sticky-bar-btn .btn-delete span {display: none;}
    .sticky-bar-btns div:last-child {justify-content: space-between; gap: 8px;}
    .sticky-bar-btns div:last-child p,.sticky-bar-btns div:last-child .sticky-bar-btn {flex: 1;}

    .main-content.courseHome .main_con_holder.creatorCourse .sticky-bar .sticky-bar-btn button  {flex: 1; }

    /**FOOTER START**/
    footer {height: unset;padding: 8px;}
    footer .footer_con .footerBoxes {flex-direction: column;}
    footer .footer_con .footerBox2,footer .footer_con .footerBox3 {margin-top: 8px;}

    /**FOOTER END**/

    #alertMessage .popUpContent p span {margin-top: 5px;}
    #alertMessage .popUpContent p {margin-bottom: 15px;}
    #alertMessage .popUpHeading {gap: 5px;}
    #alertMessage .popUpHeading svg {width: 20px !important; height: 20px !important;}
    .train-tabs__wrap label:not(.notlabel) {line-height: 40px;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .body-info-con {width:max-content;}
    
}

@media only screen and (max-width: 600px) {
    .lms-modal__policy {width: 85%;height: 100%; max-height: 85%; aspect-ratio: unset;max-width: unset;}

    header .header_con .headerBox.headerBox3 nav.headerNav ul li:first-child { padding: 0 2px 0 0; }
     /*LMS Admin*/
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton li {width: 33%}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton li label {min-width: unset;line-height: 30px;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox7 .formGroup.col2 .formBox {width: 100%;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup.col2 .formBox.col2 {width: 100%;}

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox.creatorCourseBox9 .formGroup .formSection button.uploadBtn i {margin: 0 auto;line-height: 100%;}

    .video-welcome .video-infos div.note { position: relative; top: unset; left: unset; width: 100%; height: 100%; transform: none; border-radius: 0; }

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial {}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-2 .creatorCourseHolder .creatorCourseBox .courseLessionTab #lessons-tabs-3 .documentsMaterial li {margin: 0 !important;width: 100%;}
    /*LMS Admin*/
    .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard { width: 100%; }

    .dashboardRegionBox .dashboardBoxes .dashboardBox .dashboardCard {width: 100%;}

    .video-welcome {display: flex; flex-direction: column-reverse;}
    .video-welcome .video-infos {position: relative;}
    .video-welcome .video-infos > ul.wide {position: relative; top: unset; left: unset; transform: none; height: auto; width: 100%; border-radius: 0; border: 0;}
    .show-qa .video-menu {margin-top: 15px;}
    .video-menu.questions.q2 {margin-bottom: 15px;}
    .video-menu.questions.q2 li {min-height: unset;padding: 11px 12px 11px 40px}
    .video-menu.questions.q2 li:last-child {margin-bottom: 0;}
    .video-welcome .video-infos ul li.question-choices small {left: 3px;}

    .video-welcome .video-infos ul li.question-choices small {line-height: 27px;}

    .video-welcome .video-infos .question-btm {justify-content: center;}
    .video-welcome .video-infos .question-btns {align-self: unset; margin: 0 auto;}

    .show-qa .video-menu { }
    .video-menu .complete-box { width: 90%;}

    .train-tabs__text#c1 .train-tabs__text-content { display: block; }
    .train-tabs__text#c1 .train-tabs__text-content .train-tabs__text-left {width: 100%;}
    .train-tabs__text#c1 .train-tabs__text-content .train-tabs__text-right {width: 100%; margin-top: 25px;}

    .btn-addnote {bottom: unset; transform: none; top: calc(100% + 22px);}
/*    .train-tabs__wrap {padding-top: 45px;}*/
    #alertMessage .popUpBtns button {font-size: 12px;}


    /*RESOUCES*/
    .resourcesPageInformationBoxes {grid-template-columns: repeat(1,1fr);}
    #resourcesPage .formGroup .formSection .newResourcesPageInformationBoxes {grid-template-columns: 1fr; column-gap: 0;}
    /*END RESOURCES*/
    .personalInformationBoxes, .profileBoxes {grid-template-columns: repeat(1, 1fr);}
    /*SETTINGS*/

    #settingsAccountProfile{}
    /*#settingsAccountProfile .formSection.themeProfile .themeProfileUpload{display:block;margin:5px 0 0;}*/

    #settingsAccountEmail .passwordBoxes{grid-template-columns: repeat(1,1fr);}
    #settingsAccountPassword .passwordBoxes{grid-template-columns: repeat(1,1fr);}
    #settingsAccountPersonalInformation .personalInformationBoxes{grid-template-columns: repeat(1,1fr);}
    #settingsAccountSocial .socialLinksBoxes{grid-template-columns: repeat(1,1fr);}
    #settingsAccountSocial .socialLinksBoxes{grid-template-columns: repeat(1,1fr);}
    #settingsAccountProduct .settingsProductsHolder .settingsProductsBoxes{grid-template-columns: repeat(1,1fr);}

    .leadblaze_btns .leadblaze_btn.btn-large{height:42px;}

    .settingsBillingTable{overflow:auto;}
    .settingsBillingTable table{width:600px;}

    #settingsPaymentsEarnings .earningsBoxes{grid-template-columns: repeat(1,1fr);}
    #settingsPaymentsEarnings .tableFiltersHeading{}

    #settingsPaymentsWallet .walletBoxes{grid-template-columns: repeat(1,1fr);}
    #settingsPaymentsWallet .settingsPageBoxMainBoxListHeading{flex-wrap: wrap; flex-direction: column; gap: 15px; align-items: flex-start;}
    #settingsPaymentsWallet .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingBtns{align-self: flex-end;}
    
    #settingsPaymentsTransferFunds .transferFundsBoxes{grid-template-columns: repeat(1,1fr);}

    #settingsPaymentsTransferFunds .transferFundsBoxes .col-lg-2{grid-column: 1/-1;}
    #settingsPaymentsTransferFunds .transferPinCode input { padding: 14px 75px 14px 14px; }
    #settingsPaymentsTransferFunds .transferPinCodeBtn button {min-width: 65px;}

    #settingsPaymentsPaymentProcessing .paymentProcessingBoxes{grid-template-columns: repeat(1,1fr);}

    .settingsPaymentProcessingHolder .settingsPaymentProcessingBoxes .settingsPaymentProcessingBox .settingsPaymentProcessingBoxDetails{flex-wrap:wrap;}
    .settingsPaymentProcessingHolder .settingsPaymentProcessingBoxes .settingsPaymentProcessingBox .settingsPaymentProcessingBoxDetails .settingsPaymentProcessingBoxInfoHolder{width: 100%; flex-wrap: wrap; flex-direction: column; gap: 15px;}
    .settingsPaymentProcessingHolder .settingsPaymentProcessingBoxes .settingsPaymentProcessingBox .settingsPaymentProcessingBoxDetails .settingsPaymentProcessingBoxBtn{width:100%;}

    #settingsResourcesSection .settingsPageBoxMainBoxListHeading .settingsPageBoxMainBoxListHeadingInfo{width:100%;justify-content: space-between;padding:0;}
    
    #settingsResourcesSection .settingsPageBoxMainBoxListHeading .settingsResourcesHeadingBtn{float: none; margin: 15px auto 0; padding: 0; display: block;}
    #settingsResourcesSection .settingsPageBoxMainBoxListHeading .settingsResourcesHeadingBtn button{margin:0 auto; width:unset;}


    #settingsResourcesSection .settingsPageBoxMainBoxListHeading:after{top: 41%;}

    .documentsBoxes .documentsBox .resourcesFileBtns ul { flex-direction: column; align-items: center; }
    /*SETUP*/
    #settingsSetupDomains .settingsDomainHolder .domainBoxes .settingsDomainExt ul{flex-wrap:wrap;}
    #settingsSetupDomains .settingsDomainHolder .domainBoxes .settingsDomainExt ul li{display:inline-block;vertical-align:top;width:40%;text-align:center;}

    .settingsDomainBox .settingsDomainBoxDetails{}
    .settingsDomainBox .settingsDomainBoxDetails .settingsDomainBoxInfoHolder{flex-direction: column;gap: 15px;}
    .settingsDomainBoxInfoHolder .settingsDomainBoxInfo.settingsDomainBoxInfo1{text-align:center;}
    .settingsDomainHolder .domainBoxes .settingsDomainBox .settingsDomainBoxInfo .settingsDomainBoxHeadingTitle span{width:100%;}

    .settingsDomainHolder .settingsDomainBoxInfo2{text-align:center;}

     #settingsSetupSiteAvailability .formGroup .siteAvailabilityChoices > span label{width: calc(100% - 50px);}

     #settingsSetupAffiliates .affiliateBoxes{grid-template-columns: repeat(1,1fr);}

     #settingsIntegrationsSendgrid .integrationSectionBoxes{grid-template-columns: repeat(1,1fr);}
     #settingsIntegrationsTwilio .integrationSectionBoxes{grid-template-columns: repeat(1,1fr);}

     .settingsBillingBoxDetails {flex-direction: column;}
     #settingsPaymentsEarnings .paymentSetupBoxes .paymentSetupBox .paymentSetupBoxInfo a, #settingsPaymentsEarnings .paymentSetupBoxes .paymentSetupBox .paymentSetupBoxInfo {display: block;}
    /*END SETUP*/

    /*END SETTINGS*/

    /*AGREEMENT PAGE*/
    .agreement-content-con .agreement-btns{flex-wrap: wrap;padding:0;}
    .agreement-content-con .agreement-btns button{width:100%;min-width:0;}
    /*END AGREEMENT PAGE*/

    #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes {flex-direction: column;}
    #settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box1,#settingsAccountAffiliateLinks .funnel-tabs-boxes-holder .funnel-tabs-boxes .funnel-list-table .funnel-list-link .funnel-list-link-boxes .funnel-list-link-box.funnel-list-link-box1 .funnel-list-link-box-img {width: 100%; min-width: unset; max-width: 100%;}
    header .header_con .headerBox.headerBox2 nav.headerNav ul li a { padding: 10px 2px; }
    .notesPinsSidebar .notePin {width: 100% !important;}
    .onboardingStep3 .form-con .onboardingUploadFileCon .onboardingUploadFile {font-size: 12px;}

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton.smaller {gap: 10px;}

    #settingsResourcesSection.settingsPageBoxMainBox .settingsPageBoxMainBoxList.settingsResourcesHeading {flex-direction: column;gap: 10px;justify-content: flex-start; align-items: flex-start;}

    .train-tabs-tablinks li a {padding: 8px 0;}

    /* Prospecting funnels */
    #prospectingDSA footer button.ftr_btn {font-size: 12px;letter-spacing: -1px;gap: 10px;width: 95%;}
    #prospectingDSA footer > p {font-size: 12px;}
    #prospectingDSA footer ul.ftr_links li {text-align: center;}
    #prospectingDSA footer ul.ftr_links li a {font-size: 12px;}


    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1 {font-size: 30px;font-size:24px;}
    #prospectingDSA .prospecting-dsa-con {padding: 15px 0 0;}


    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span {display: flex;position: relative;padding: 0;justify-content: center; align-items: center; gap: 10px;font-size: 15px;}
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span img {margin: 0 !important;}
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span img:last-child {}
    .prospecting-dsa-header .prospecting-dsa-header-con img#header-logo {width: 135px;}
    
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con {width: 100%;flex-direction: row;padding: 15px 25px 15px 15px;align-items: center;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .midleft {display: none;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .topright {display: none;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con h2 {margin: 0;width: 25px; height: 25px;font-size: 10px;border-radius: 50%;padding: 0; display: flex; justify-content: center; align-items: center;border-width: 3px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .title {text-align: left;font-size: 14px;line-height: 1;letter-spacing:0;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .status {text-align: left;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content {padding: 0 0 0;justify-content: center;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress {margin: 15px 0 0;margin-left: auto;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .status {margin-top: 8px;}

    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .time-status span{margin-top:5px;}

    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con .content .time-status{margin: 10px 0 0;}
    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con .content .time-status h1{display:inline;}
    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con .content .time-status span{margin:5px 0 0;font-weight: 600;font-size: 14px;}

    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con .progress .progress-content{margin-top:0;}
    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con .progress:has(.progress-btn){margin:0 auto 0;}

    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con .progress .progress-content .progress-btn{gap:5px;}


    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con .progress .progress-content p{margin-top:10px;}

    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con {flex-direction: column;padding: 10px;}
    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con .progress {max-width: 220px; flex-shrink: 0;padding: 0; transform: unset !important;}
    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con .current-step-details {flex: 1;width: 100%;}

    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con h2{margin:0 auto;}
    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con .content .title{text-align:center;font-size:16px;}
    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con .current-step-details {}

    .prospecting-dsa-header { padding: 9px 15px; }
    .prospecting-dsa-header .dsa-profile .initial-name {width: 30px; height: 30px; font-size: 15px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .title span {margin: 0;display:inline;}

    #prospectingDSA .prospecting-dsa-con .content-con #step4 .current-step-con .content .title span{}

    #prospectingDSA .prospecting-dsa-con .content-con .content-steps {min-height: unset;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .current-step-details {padding: 0;background: none;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress {width: 126px; height: 126px; transform: scale(0.98);}

    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1.spa-ver { font-size: 22px !important; }
    .container.lms-container .prospecting-funnel-con footer ul.ftr_links li {text-align: center;font-size: 12px;}
    .container.lms-container .prospecting-funnel-con footer ul.ftr_links li a{font-size:10px;line-height: 14px;}

    .container.lms-container .prospecting-funnel-con footer > p{font-size:10px; line-height: 14px;}
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn{padding: 5px 10px;font-size: 12px;justify-content: space-between;width:100%;}

    .container.lms-container .prospecting-funnel-con footer .copyright_section p{font-size:10px;}


    #prospectingDSA .prospecting-dsa-con .steps-con{margin: 10px auto 15px;}

    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .body-info-con h1.congrats-text {font-size: 22px;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .body-info-con .bang-left {left: 0;top: -10px;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .body-info-con .bang-right {right: 0;top: -10px;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .questionaire-bg {display:none;}
    #prospectingDSA .prospecting-dsa-con .content-con .arrow-down-con img  {width: 70px; height: 130px; }

    /*STEPS*/
    
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress{width: auto;height: auto;transform: scale(0.50);margin:10px 0 0;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .current-step-details{gap:5px;}
    #prospectingDSA .prospecting-dsa-con .content-con #step1 .current-step-con .content .title{font-size:14px;letter-spacing:0;word-spacing: 2px;}
    #prospectingDSA .prospecting-dsa-con .content-con #step1 .current-step-con .content .title span{display:inline;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con{padding:5px 10px;align-items: center;justify-content:space-between;width:95%;margin:0 auto 5px;}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .status{line-height:100%;margin-top:5px;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps{padding:0;gap:10px;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions p {font-size: 12px;}
    .container.lms-container .prospecting-funnel-con footer .ftr_btn small.spa-ver {font-size: 11px;}
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn small.spa-ver { font-size: 14px; }
    #prospectingDSA .prospecting-dsa-con .content-con .video-con .dont-forget-btn a {font-size: 1.1em; max-width: 350px; padding: 10px 15px;}
    /*END STEPS*/
    

    .LMSDashboardReports .LMSHomeDashboard ul{flex-wrap:wrap;}
    .LMSDashboardReports .LMSHomeDashboard ul li{width: 50%; padding: 10px;}
    .LMSDashboardReports .LMSHomeDashboard ul li:nth-child(-n+2):after{content: ""; display: block; width: 100%; height: 1px; position: absolute; bottom: 0; left:0; background: #1515160D;}

    .LMSDashboard-Boxes .LMSBox.LMSBox3{padding:25px;min-height:0;}
    .LMSBox3-info h2{font-size:18px;}

    .calendar-booking-page {padding: 15px 0;}
    .calendar-booking-page .calendar-booking-box.calendar-booking-widget, .calendar-booking-page .calendar-booking-box.calendar-booking-widget .calendar-booking-left {padding-top: 0px;}
    .training_details {margin-top: unset;}

    
}

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

    .lesson-documents-item { width: 100%; }
    ul.video-menu-note {display: block;}
    ul.video-menu-note button {margin-top: 8px;}
    .train-tabs__text h3 {display: block;}
    .train-tabs__text h3 span {display: block;}
    .train-tabs__text h3 span:first-child {margin-bottom: 8px;}

    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton{flex-direction: column;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton li{width:100%;}
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs #train-tab-1 .creatorCourseHolder .creatorCourseBox .formGroup .formSection .selectbutton.smaller{flex-direction: column;}

    .leadblaze_btns { flex-wrap: wrap; height: 100%; gap: 0; }
    .leadblaze_btns .leadblaze_btn-test{width: 100%;display: block; position: static;margin:0 auto 0;border-radius:0 0 8px 8px;}
    .leadblaze_btns .leadblaze_btn .on-off-switch .knobs{right:5px;}

    /*SETUP*/
    .setupLoginBoxes .setupLoginBox.setupLoginBox1 .logoUploader .logoUploaderHeading{flex-direction:column;}
    .previewLogin .pageLogin .pageLogin-content{padding:10px;}
    .setupLoginBoxes .setupLoginBox.setupLoginBox2 .setupLoginBoxPreview{min-height:0;}
    .previewLogin .pageLogin .pageLogin-content .pageLoginBox1 .pageLoginForm form .formInput input[type=submit]{font-size:8px;}
    .settingsBillingBoxInfoHolder .settingsBillingBoxInfo .settingsBillingBoxInfoIconDetails {flex-direction: column;justify-content: flex-start; align-items: flex-start;gap: 6px;}
    .settingsBillingBoxInfoHolder .settingsBillingBoxInfo .settingsBillingBoxInfoIconDetails span {margin: 0;}
    /*.settingsBillingHolder .settingsBillingBoxes .settingsBillingBox .settingsBillingBoxDetails .settingsBillingBoxInfoHolder {flex-direction: column;justify-content: flex-start; align-items: flex-start;}*/
    /*END SETUP*/

    footer {padding-bottom: 8px;}
    footer .footer_con .footerBox.footerBox2 {width: 100%;}
    footer .footer_con .footerBox.footerBox2 ul {flex-wrap: wrap;justify-content: center;gap: 4px;width: 100%;}
    footer .footer_con .footerBox.footerBox2 ul li {border: 0;text-align: center;width: 100%;padding: 0;}
    footer .footer_con .footerBox.footerBox2 ul li a {margin-top: 4px; width: 100%; padding: 6px;display: block; border-radius: 8px; background: #eaeef5;}
    footer .footer_con .footerBox.footerBox2 ul li:first-child a {margin-top: 0;}
    footer .footer_con .footerBox.footerBox2 ul li:hover {text-decoration: none;}
    footer .footer_con .footerBox.footerBox2 ul li a:hover {text-decoration: none; opacity: 0.5;}

    .lms-reports__box {width: 100%;}

    main.main-content.courseHome { min-height: calc(100vh - 273px); }
    #myaccount-region .popUpContainer .modalInformationBoxes {display: flex; flex-direction: column;}
    #settingsAccountPersonalInformation .profileBoxes {display: flex; flex-direction: column;gap: 10px}

    #settingsPaymentsEarnings .paymentSetupBoxes .paymentSetupBox {flex-direction: column;align-items: flex-start;gap: 10px;}
    #settingsPaymentsEarnings .paymentSetupBoxes .paymentSetupBox .paymentSetupBoxInfo {display: flex; flex-direction:column; gap: 6px;justify-content: flex-start; align-items: flex-start;}

    #prospectingDSA footer button.ftr_btn  {font-size: 10px; }
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span { padding: 0; font-size: 11.5px; gap: 5px;}
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con.questionaire-success .body-info-con{top:40%;}
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn small.spa-ver {font-size: 14px;}
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn small.spa-ver q {display: block; font-size: 0; line-height: 0;}
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn small.spa-ver {font-size: 11px;line-height: 14px;}
    .container.lms-container .prospecting-funnel-con footer button.ftr_btn { gap: 6px; }
    #prospectingDSA .prospecting-dsa-con .content-con .content-steps .questionaire-con .questionaire-body .body-questions.last-question section {width: 100%;}
    #prospectingDSA .prospecting-dsa-con .content-con .video-con .dont-forget-btn a { font-size: 0.9em; max-width: 240px; padding: 10px 15px; }
    #prospectingDSA .prospecting-dsa-con .content-con .video-con .dont-forget-btn a span {font-size: 22px; margin: 3px 0 0 10px;}
    #prospectingDSA .prospecting-dsa-con .content-con .arrow-down-con img  {width: 70px; height: 90px; }

    .onboardingSocialBtns li { width: 100%; flex: unset; }
    .onboardingSocialBtns li span br {display: none;}
}

@media only screen and (max-width: 400px) {
        
    /*SETTINGS*/
    #settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns {display: flex; gap: 6px;}
    #settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn{display:block;width:unset;}
    #settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn button{min-width:95px;width: unset;}

    #settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn.removeProfileBtn{}
    #settingsAccount .formSection.themeProfile .themeProfileUpload .themeProfileUploadBtns .uploadProfileBtn.removeProfileBtn button{min-width: 95px;width: unset;}
   

    /*END SETTINGS*/

    /*RESOUCES*/
    .resourcesPage {height: calc(100vh - 149px);}
    /*END RESOURCES*/
    .main-content.courseHome .main_con_holder.creatorCourse #train-tabs .creatorCourseHolder .creatorCourseBox .formGroup.col2 .formBox.col2 {flex-direction: column;}

    /*#prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span {padding: 0 12px;}*/
    
    
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1.spa-ver { font-size: 24px; }
    .container.lms-container .prospecting-funnel-con footer ul.ftr_links li a.spa-ver { font-size: 10px;}

    .container.lms-container .prospecting-funnel-con footer {padding: 120px 12px 50px}

    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span {font-size: 10.5px}
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title span small.spa-ver { font-size: 12px; }
    
    /*.container.lms-container .prospecting-funnel-con footer button.ftr_btn small span{width:100%;}*/
    #prospectingDSA .prospecting-dsa-con .content-con .arrow-down-con img  {width: 60px;height: unset}
    #prospectingDSA .prospecting-dsa-con .content-con .proceed-to-next a {width: calc(100% - 45px);}

    
}

@media only screen and (max-width: 360px) {
    /*#prospectingDSA .prospecting-dsa-con .content-con .current-step-con .progress {transform: scale(0.8);}
    #prospectingDSA .prospecting-dsa-con .content-con .current-step-con .content .title {font-size: 20px;}*/
    #prospectingDSA .prospecting-dsa-con .prospecting-dsa-header-title h1.spa-ver { font-size: 22px; }
}