@media only screen and (max-width: 1400px){
    *{}
    .-lessonpage-root {
        margin-inline: 30px;
    }

.-elearning-intro > .-container > .-elearning-intro-body {
    flex: 1;
}

.-elearning-intro > .-container > .-elearning-intro-screen-outer {
    max-width: initial;
}

.-elearning-intro > .-container > .-elearning-intro-body > h1 {
    font-size: 50px;
    margin-bottom: 50px;
}

.-elearning-intro > .-container > .-elearning-intro-screen-outer {
    max-width: 26vw;
}

.-footerbody-menu > .-footerbody-menu-widget-container.-about-widget {
    max-width: inherit;
    min-width: 270px;
}

.-footerbody-menu > .-footerbody-menu-widget-container.-menu-widget {
    order: -1;
    min-width: 80vw;
    border-bottom: 1px solid #ffffff0a;
    padding-bottom: 50px;
}
}
@media only screen and (max-width: 1224px){
    *{}

.-chapters-items.-lessons-ui > .-chapter-grid-item .-chapter-grid-item-body > strong {
    font-size: 18px;
}

.-chapters-items > .-chapter-grid-item {
    min-width: 240px;
    padding: 20px 30px !IMPORTANT;
    border-radius: var(--largeradius);
}

.-container {
    padding-inline: 30px;
}

header > .-container > .-userarea {
    padding-block: 12px;
}

header > .-container > .-menu {
    margin-inline: 0;
    flex: 1;
}

header > .-container > .-menu > div > ul > li > a {
    font-size: 16px;
}

header > .-container > .-menu > div > ul > li {
    margin-inline: 16px;
}

header > .-container > .-logo {
    width: 195px;
}

.-elearning-intro > .-container {
    padding-inline: 50px;
}

.-statistics-boxes-items > .-statistics-boxes-item > strong {
    font-size: 26px;
}

.-statistics-boxes-items > .-statistics-boxes-item > p > span {
    font-size: 14px;
}

.-statistics-boxes-items > .-statistics-boxes-item > p > strong {
    font-size: 16px;
}
}
@media only screen and (max-width: 1024px){
    *{}

.-dashboard-root-body > .-dashboard-root-container {
    padding: 0;
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu {
    min-width: 100%;
    border: 0;
    display: flex;
    flex-wrap: wrap;
    padding: 20px;
    border-bottom: 1px solid var(--divider-light-2);
    background: var(--bgcolor);
    z-index: 100;
    border-radius: var(--largeradius) var(--largeradius) 0 0;
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu > a {
    border: 1px solid var(--divider-light-2) !important;
    border-radius: var(--largeradius);
    margin: 5px;
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu > a.-selected {
    background: var(--uicolor-1);
    color: white;
    border-color: var(--uicolor-1) !important;
}

.-statistics-boxes-items > .-statistics-boxes-item {
    padding-inline: 20px;
    padding-block: 20px;
}

.-elearning-intro > .-container > .-elearning-intro-body > h1 {
    font-size: 42px;
}
}
@media only screen and (max-width: 742px){
    * {}

.-footerbody-menu > .-footerbody-menu-widget-container.-social-widget {
    flex: 1;
    min-width: 270px;
}
}
@media only screen and (max-width: 1000px){
    *{}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-video {
    padding-top: 0;
}

form.-buy-lesson-container > .-buy-lesson-container-buttons {
    flex: 1;
    flex-wrap: wrap;
}

form.-buy-lesson-container > .-buy-lesson-container-buttons > .-button-ui {
    flex: 1;
}

form.-buy-lesson-container > .-buy-lesson-container-body {
    min-width: 80%;
    margin-bottom: 0;
}

form.-buy-lesson-container {
    position: relative;
    --padding: 0;
    border-radius: 0;
    background: white;
    border-bottom: 1px solid var(--divider-light-2);
    flex-wrap: wrap;
    opacity: 1 !IMPORTANT;
    visibility: visible !important;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-video > .video-js {position: relative;padding-top: 56%;}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-video > .video-js video {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu > a {
    white-space: nowrap;
}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu {}

.-dashboard-root-body > .-dashboard-root-container > .-dashboard-root-menu {
    display: flex;
    flex-wrap: initial;
    overflow: auto;
}

.-statistics-boxes-items > .-statistics-boxes-item > strong {
    align-self: center;
    margin: 0;
    width: 90px;
    display: flex;
    justify-content: end;
}

.-statistics-boxes-items > .-statistics-boxes-item > p {
    flex-direction: column;
    padding-inline-start: 13px;
    flex: 1;
}

.-statistics-boxes-items > .-statistics-boxes-item > p > span {
    padding-top: 0;
}

.-statistics-boxes-items > .-statistics-boxes-item {
    border: 0;
    border-bottom: 1px solid #ffffff12;
    margin: 0;
}

.-statistics-boxes-items {
    flex-direction: column;
    padding-inline: 0;
}

.-elearning-intro > .-container > .-elearning-intro-screen-outer {max-width: 34vw;}

.-elearning-intro > .-container > .-elearning-intro-body {
    max-width: inherit;
}

.-elearning-intro > .-container {
    margin-top: 30px;
}

header > .-container > .-menu {
    display: none;
}

.-header-menubutton {
    display: flex;
}
}
@media only screen and (max-width: 900px){
    * {}

.-elearning-intro > .-container > .-elearning-intro-body > h1 {
    font-size: 35px;
}

.-elearning-intro {
    margin-bottom: 160px;
    margin-top: 70px;
}

.-statistics-boxes-items {position: absolute;top: 100%;right: 0;left: 0;height: 128px;margin-top: 20px;flex-direction: row;overflow: auto;background: #221a19;padding-inline: 16px;}

.-statistics-boxes-items > .-statistics-boxes-item {
    white-space: nowrap;
    padding-inline: 20px;
}

.-statistics-boxes-items > .-statistics-boxes-item > strong {
    margin-bottom: 6px;
}

.-statistics-boxes-items > .-statistics-boxes-item > p {
    padding-inline: 0;
}

.-elearning-home-sections-item {
    padding-block: 60px;
}

.-lessonpage-root > .-lessonpage-root-page {
    border-inline-end: 0;
    border-bottom: 1px solid var(--divider-light-2);
}

.-lessonpage-root {
    margin-inline: 40px;
}

.-lessonpage-root > .-lessonpage-root-sidebar {max-width: inherit;min-width: 100%;}
}
@media only screen and (max-width: 600px){
* {}

.-elearning-intro > .-container > .-elearning-intro-screen-outer {
    display: none;
}

.-statistics-boxes-items > .-statistics-boxes-item {
    flex-direction: column;
}

.-statistics-boxes-items > .-statistics-boxes-item > strong {
    margin-left: auto;
    padding: 0px 15px;
    width: auto;
}

.-talk-to-us-root > h2 {
    font-size: 23px;
}

.-payment-methods-root-tabs {
    flex-wrap: initial;
    overflow: auto;
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-body {
    max-height: inherit;
    overflow: inherit;
}

form.-buy-lesson-container > .-buy-lesson-container-body > input {
    font-size: 16px;
    height: 48px;
}

form.-buy-lesson-container > .-buy-lesson-container-body > .-buy-lesson-container-heading {
    font-size: 18px;
}

form.-buy-lesson-container > .-buy-lesson-container-buttons {}

form.-buy-lesson-container > .-buy-lesson-container-buttons > .-button-ui {
    font-size: 15px;
    padding: 13px 20px;
    height: auto;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-submit {
    padding-inline: 20px;
    padding-bottom: 20px;
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-heading {
    padding: 18px 20px;
}

.-lessonpage-root-sidebar-chaper-lessons > .-lessonpage-root-sidebar-chaper-lessons-heading > * {
    font-size: 17px;
    padding-inline: 6px;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item > strong {
    font-size: 16px;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-heading > h2 {
    font-size: 22px;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-heading {
    padding-inline: 20px;
    padding-top: 20px;
}

.-lessonpage-root-homework > .-lessonpage-root-homework-body > .-lessonpage-root-homework-body-item {
    padding-inline: 20px;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-body > .-lessonpage-root-body-content {
    font-size: 15px;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-body > h1 {
    font-size: 25px;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-body > .-lessonpage-root-body-breadcrumbs > em.-duration {
    height: 18px;
    padding-inline: 6px;
    font-size: 12px;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-body > .-lessonpage-root-body-breadcrumbs {
    font-size: 13px;
}

.-lessonpage-root > .-lessonpage-root-page > .-lessonpage-root-body {
    padding: 20px 20px;
}

form.-buy-lesson-container {
    padding-inline: 10px;
    padding-block: 14px;
}

.-lessonpage-root-navigator > a > i {
    padding-inline: 8px;
    font-size: 13px;
}

.-lessonpage-root-navigator > a {
    font-size: 14px;
    padding: 10px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.-lessonpage-root {
    margin-inline: 20px;
}

ul.-features-gridboxes > li {
    min-width: 310px;
    margin: 6px;
}

ul.-features-gridboxes {
    margin: -6px;
}

.-userarea-logged-in.-opened-dropdown > .-userarea-logged-in-dropdown {
    transform: translate(-50%, 0);
}
    .-userarea-logged-in > .-userarea-logged-in-dropdown {
    left: 50%;
    transform: translate(-50%, 0);
}

.-userarea-logged-in > .-userarea-logged-in-dropdown:after {
    left: 50%;
    transform: translate(-50%);
}

header > .-container > .-userarea .-userarea-logged-in .-userarea-logged-in-button {
    justify-content: center;
    border-radius: 0;
}

header > .-container > .-userarea .-userarea-logged-in {
    margin: 0;
    width: 100%;
    border-radius: 0;
}

.-elearning-contact-us-body {
    padding: 25px;
}

.-elearning-intro > .-container {
    padding-inline: 30px;
}

.-elearning-intro > .-container > .-elearning-intro-body > h1 {
    font-size: 34px;
    margin-bottom: 30px;
}

header > .-container {
    justify-content: center;
}

header {
    margin-bottom: 80px;
    z-index: 10000;
}

header > .-container > .-userarea {
    position: absolute;
    top: 100%;
    margin: 0;
    right: 0;
    left: 0;
    width: auto;
    padding: 0;
}

header > .-container > .-userarea > a {
    margin: 0;
    border-radius: 0;
    flex: 1;
}
}
@media only screen and (max-width: 500px){
    *{}

.-statistics-boxes-items > .-statistics-boxes-item {
    padding-inline-end: 20px;
}

.-elearning-intro > .-container > .-elearning-intro-screen-outer {
    display: none;
}
}