@media (max-width: 1370px) {
  .courses #course-list .list-item {
    min-width: 200px;
  }
}

@media (max-width: 1230px) {
  .top-adblock {
    float: left;
    margin-left: 30px;
    margin-top: 6px;
    background-color: #f2dede;
    padding: 5px 20px;
    width: 400px;
  }
}

@media (max-width: 1200px) {


}

@media (max-width: 1170px) {
  .courses #course-head-list .list-item h4 {
    font-size: 35px;
  }
}

@media (max-width: 1000px) {
  .top-adblock {
    float: left;
    margin-left: 30px;
    margin-top: 8px;
    background-color: #f2dede;
    padding: 5px 20px;
    width: 400px;
  }

  .top-adblock .bg-danger {
    color: #293541;
    font-size: 12px;
  }

  #sidebar {
    display: none;
  }

  .sidebar-toggle-box {
    display: block;
  }

  #sidebar {
    position: fixed;
    z-index: 10;
    background: #efefef;
    left: 0;
    width: 250px;
    height: 100%;
    padding-top: 65px;
    top: 0;
  }

  #main-content {
    width: 100% !important;
  }
}

@media (max-width: 991px) {
  .top-adblock {
    float: left;
    margin-left: 30px;
    margin-top: 8px;
    background-color: #f2dede;
    padding: 5px 20px;
    width: 300px;
  }

  .top-adblock .bg-danger {
    color: #293541;
    font-size: 12px;
  }

  .custom-bar-chart {
    margin-bottom: 40px;
  }

  .wrapper.courses.test.linking .test-element {
    width: 100%;
    display: inline-block;
  }

  .wrapper.courses.test.linking .linking-words .col-md-4.left {
    padding-right: 15px;
  }

  .wrapper.courses.test.linking .linking-words .col-md-4.right {
    padding-left: 15px;
  }

  .wrapper.courses.test.linking .col-md-4.droppable {
    margin: 0px 15px 6px 15px !important;
  }

  .wrapper.courses.test.linking .col-md-4.border.droppable:before, .wrapper.courses.test.linking .col-md-4.droppable .word-two i, .wrapper.courses.test.linking .word-two i {
    top: 30%;
  }

  .wrapper.courses.test.linking .linking-words .row {
    border-bottom: 1px dashed #0348af;
    margin-bottom: 10px;
  }
}

@media (min-width: 980px) {
  .custom-bar-chart {
    margin-bottom: 40px;
  }
}

@media (max-width: 890px) {
  .top-adblock {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .mail-box .sm-side {
    width: 30%;
  }

  .mail-box .lg-side {
    width: 70%;
  }

  .custom-bar-chart {
    margin-bottom: 40px;
  }

  .chat-room aside {
    display: block;
  }

  .chat-room .left-side, .chat-room .mid-side, .chat-room .right-side, .chat-room .left-side footer {
    width: 100%;
  }

  .chat-room .left-side footer {
    position: relative;
  }

  ul.chat-user {
    margin-bottom: 20px;
  }

  .chat-room .left-side, .chat-room .mid-side {
    margin-bottom: 10px;
  }

  .chat-room .left-side .user-head, .chat-room-head, .chat-room .right-side .user-head {
    border-radius: 4px 4px 0 0;
    -webit-border-radius: 4px 4px 0 0;
  }

  .chat-room .left-side footer {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
  }

  .chat-room .right-side .user-head {
    float: left;
    width: 100%;
  }

  .chat-room .mid-side footer {
    position: relative;
    float: left;
    width: 100%;
    border-right: 0;
  }

  .chat-txt {
    width: 65%;
  }

  .chat-room .right-side footer {
    width: 100%;
    position: relative;
  }

  .chat-room .mid-side {
    margin-bottom: 0 !important;
  }
}

@media (max-width: 767px) {
  a#show-breadcrumbs span {
    display: none;
  }

  #packages-head-list .package-item {
    margin-bottom: 60px;
  }

  #sidebar {
    height: 100%;
    top: 65px;
    padding-top: 5px;
    overflow: hidden;
    position: absolute;
    width: auto;
    z-index: 1001;
  }

  #sidebar ul.sidebar-menu {
    display: block !important;
  }

  .username {
    display: none;
  }

  section#main-content {
    margin: 115px 0 0 0 !important;
  }

  #sidebar > ul > li > a > span {
    line-height: 25px;
  }

  #sidebar > ul > li {
    margin: 0 10px 5px 10px;
  }

  #sidebar > ul > li > a {
    height: 35px;
    line-height: 35px;
    padding: 0 10px;
    text-align: left;
  }

  #sidebar > ul > li > a i {
  }

  .mail-info, .mail-info:hover {
    display: none !important;
  }

  #sidebar ul > li > a .arrow, #sidebar > ul > li > a .arrow.open {
    margin-right: 10px;
    margin-top: 15px;
  }

  #sidebar ul > li.active > a .arrow, #sidebar ul > li > a:hover .arrow, #sidebar ul > li > a:focus .arrow, #sidebar > ul > li.active > a .arrow.open, #sidebar > ul > li > a:hover .arrow.open, #sidebar > ul > li > a:focus .arrow.open {
    margin-top: 15px;
  }

  #sidebar > ul > li > a, #sidebar > ul > li > ul.sub > li {
    width: 100%;
  }

  #sidebar > ul > li > ul.sub > li > a {
    background: transparent !important;
  }

  #sidebar > ul > li > ul.sub > li > a:hover {
  }

  #sidebar {
    margin: 0px !important;
  }

  #sidebar .btn-navbar.collapsed .arrow {
    display: none;
  }

  #sidebar .btn-navbar .arrow {
    position: absolute;
    right: 35px;
    width: 0;
    height: 0;
    top: 48px;
    border-bottom: 15px solid #282e36;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
  }

  .modal-footer .btn {
    margin-bottom: 0px !important;
  }

  .btn {
    margin-bottom: 5px;
  }

  .mail-box aside {
    display: block;
  }

  .mail-box .sm-side, .mail-box .lg-side {
    width: 100%;
  }

  .fc-header-right {
    left: 25px;
    position: absolute;
  }

  .fc-header-left .fc-button {
    margin: 0px !important;
    top: -10px !important;
  }

  .fc-header-right .fc-button {
    margin: 0px !important;
    top: -50px !important;
  }

  .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner {
    background: none !important;
    color: #FFFFFF !important;
  }

  .fc-state-default, .fc-state-default .fc-button-inner {
    background: none !important;
  }

  .fc-button {
    border: none !important;
    margin-right: 2px;
  }

  .fc-view {
    top: 0px !important;
  }

  .fc-button .fc-button-inner {
    margin: 0px !important;
    padding: 2px !important;
    border: none !important;
    margin-right: 2px !important;
    background-color: #fafafa !important;
    background-image: -moz-linear-gradient(top, #fafafa, #efefef) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#efefef)) !important;
    background-image: -webkit-linear-gradient(top, #fafafa, #efefef) !important;
    background-image: -o-linear-gradient(top, #fafafa, #efefef) !important;
    background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fafafa', endColorstr='#efefef', GradientType=0) !important;
    -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
    -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
    box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    color: #646464 !important;
    border: 1px solid #ddd !important;
    text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
    text-align: center;
  }

  .fc-button.fc-state-disabled .fc-button-inner {
    color: #bcbbbb !important;
  }

  .fc-button.fc-state-active .fc-button-inner {
    background-color: #e5e4e4 !important;
    background-image: -moz-linear-gradient(top, #e5e4e4, #dddcdc) !important;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e5e4e4), to(#dddcdc)) !important;
    background-image: -webkit-linear-gradient(top, #e5e4e4, #dddcdc) !important;
    background-image: -o-linear-gradient(top, #e5e4e4, #dddcdc) !important;
    background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#e5e4e4', endColorstr='#dddcdc', GradientType=0) !important;
  }

  .fc-content {
    margin-top: 50px;
  }

  .fc-header-title h2 {
    line-height: 40px !important;
    font-size: 12px !important;
  }

  .fc-header {
    margin-bottom: 0px !important;
  }

  .timeline-desk .album a {
    margin-bottom: 5px;
    margin-right: 4px;
  }

  .stepy-titles li {
    margin: 10px 3px;
  }

  .mail-option .btn {
    margin-bottom: 0;
  }

  .boxed-page .container #sidebar {
    position: absolute;
  }

  .full-width .navbar-toggle {
    border: 1px solid #eaeaea;
  }

  .full-width .navbar-toggle .icon-bar {
    background: #c7c7c7;
  }

  .full-width .navbar-toggle {
    float: left;
    margin-top: 12px;
  }

  .horizontal-menu {
    float: left;
    margin-left: 0px;
    width: 70%;
    margin-top: 10px;
  }

  .top-nav {
    position: absolute;
    right: 10px;
    top: 0px;
  }

  .horizontal-menu .navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .custom-bar-chart {
    margin-bottom: 40px;
  }

  .dcjq-icon {
    top: 10px;
  }

  ul.sidebar-menu li ul.sub li a {
    padding: 0;
  }

  .img-responsive {
    width: 100%;
  }

  .profile-actual-lesson .btn-group {
    float: left;
    margin-top: 10px;
  }

  .profile-last-lesson .btn {
    float: left;
    margin-top: 10px;
  }

  .profile-actual-lesson .dropdown-menu {
    left: -16px;
    top: 31px;
  }

  .wrapper.courses.test.select-correct-answer-text dl.help-text dd,
  .wrapper.courses.test.select-correct-answer-text button {
    width: 100%;
    float: none;
    text-align: left;
  }
}

@media (max-width: 480px) {
  .courses.test.rewrite-words-in-box .answer-box {
    width: 100%;
    background: #fff;
  }

  .courses.test.rewrite-words-in-box .answer-box .incorect-answer {
    width: 100%;
    display: inline-block;
  }

  .courses.test.rewrite-words-in-box .answer-box {
    height: auto;
    line-height: inherit;
  }

  .wrapper.courses.test.rewrite-words-in-box .input-change-span,
  .wrapper.courses.test.rewrite-words-in-box .input-change-span input {
    width: 100%;
    height: 35px;
  }

  .top-nav-header {
    float: none;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin-top: 0;
  }

  a.logo {
    float: none;
    width: 100%;
    padding: 0 30px;
    display: inline-block;
    text-align: center;
  }

  .sidebar-toggle-box {
    position: absolute;
    float: none;
  }

  .top-nav-header > ul {
    display: inline-block;
  }

  #sidebar {
    height: 100%;
    top: 95px;
  }

  .notify-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
    display: none;
  }

  .mail-box aside {
    display: block;
  }

  .mail-box .sm-side, .mail-box .lg-side {
    width: 100%;
  }

  #top_menu .nav > li, ul.top-menu > li {
    float: right;
  }

  .hidden-phone {
    display: none !important;
  }

  .dataTables_filter {
    float: left;
  }

  .dataTables_info {
    margin-bottom: 10px;
  }

  .mail-option .btn {
    margin-bottom: 0;
  }

  .mail-option .inbox-pagination {
    margin-top: 10px;
    float: left;
  }

  .chart-position {
    margin-top: 0px;
  }

  .full-width .navbar-toggle {
    border: 1px solid #eaeaea;
  }

  .full-width .navbar-toggle .icon-bar {
    background: #c7c7c7;
  }

  .full-width .navbar-toggle {
    float: left;
    margin-top: 12px;
  }

  .horizontal-menu {
    float: left;
    margin-left: 0px;
    width: 100%;
  }

  .top-nav {
    position: absolute;
    right: 10px;
    top: 0px;
  }

  .horizontal-menu .navbar-nav > li > a {
    padding-bottom: 10px;
    padding-top: 10px;
  }

  .ms-container {
    width: 100%;
  }

  .cmt-form {
    display: inline-block;
    width: 84%;
  }

  .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #ccc;
    border-color: #ccc;
  }

  .chat-room aside {
    display: block;
  }

  .chat-room .left-side, .chat-room .mid-side, .chat-room .right-side, .chat-room .left-side footer {
    width: 100%;
  }

  .chat-room .left-side footer {
    position: relative;
  }

  ul.chat-user {
    margin-bottom: 20px;
  }

  .chat-room .left-side, .chat-room .mid-side {
    margin-bottom: 10px;
  }

  .chat-room .left-side .user-head, .chat-room-head, .chat-room .right-side .user-head {
    border-radius: 4px 4px 0 0;
    -webit-border-radius: 4px 4px 0 0;
  }

  .chat-room .left-side footer {
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
  }

  .chat-room .right-side .user-head {
    width: 100%;
    float: left;
  }

  .chat-room .mid-side footer {
    position: relative;
    float: left;
    width: 100%;
    border-right: 0;
  }

  .chat-txt {
    width: 65%;
  }

  .chat-room .right-side footer {
    width: 100%;
    position: relative;
  }

  .chat-room .mid-side {
    margin-bottom: 0 !important;
  }

  #sticky.stick {
    top: 96px;
    z-index: 1000;
  }

  .sidebar-content {
    padding-top: 90px;
  }
}

@media (max-width: 320px) {
  .login-social-link a {
    padding: 15px 17px !important;
  }

  .notify-row, .search, .dont-show, .inbox-head .sr-input, .inbox-head .sr-btn {
    display: none;
  }

  .mail-box aside {
    display: block;
  }

  .mail-box .sm-side, .mail-box .lg-side {
    width: 100%;
  }

  #top_menu .nav > li, ul.top-menu > li {
    float: right;
  }

  .hidden-phone {
    display: none !important;
  }

  .dataTables_filter {
    float: left;
  }

  .dataTables_info {
    margin-bottom: 10px;
  }

  .mail-option .btn {
    margin-bottom: 0;
  }

  .mail-option .inbox-pagination {
    margin-top: 10px;
    float: left;
  }

  .chart-position {
    margin-top: 0px;
  }

  .lock-wrapper {
    margin: 10% auto;
    max-width: 310px;
  }

  .lock-input {
    width: 82%;
  }

  .cmt-form {
    display: inline-block;
    width: 75%;
  }

  .chat-room .mid-side footer .btn-group {
    display: none;
  }

  .stepy-titles li.current-step div, .stepy-titles li div {
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
}

@media (min-width: 768px) {
  #references_popup .modal-dialog {
    width: 800px;
    margin: 30px auto;
  }

  .rating_test_popup .modal-dialog {
    width: 800px;
    margin: 30px auto;
  }
}

@media (min-width: 768px) {
  .rating_lesson_popup .modal-dialog {
    width: 800px;
    margin: 30px auto;
  }
}

@media (max-width: 860px) {
  .room-desk .col-lg-4 {
    width: 47%;
  }
}

@media (max-width: 335px) {
  .logo img {
    width: 70%;
    height: auto;
  }

  .logo {
    width: 70%;
  }
}

@media (max-width: 950px) {
  .group-rom .first-part {
    width: 20%;
  }

  #messages .group-rom .second-part {
    width: 70%;
  }
}

@media (max-width: 700px) {
  .room-desk .col-lg-4 {
    width: 95%;
  }
}

@media (max-width: 720px) {
  .x-cart-legent span {
    width: 100% !important;
  }
}

@media (max-width: 550px) {

  .wrapper.courses.test.select-correct-answer-text dl.help-text.phrases {
    margin-left: 0;
  }

  div.supplement-text.padding-left i, p.supplement-text.padding-left i {
    position: relative;
  }

  .wrapper.courses.test.select-correct-answer-text .question {
    padding-left: 0px;
  }

  div.supplement-text.padding-left, p.supplement-text.padding-left {
    padding-left: 0px;
  }

  .top-menu.not-loged, .page-review, .dropdown.profile .username, .chat-messages-all .chat-avatar .name {
    display: none;
  }

  .chat-room .first-part img {
    width: 30px;
    height: 30px;
  }

  .chat-room .second-part b, .chat-room .second-part .right {
    display: none;
  }
}

@media (max-width: 750px) {
  .page-review {
    display: none;
  }
}

@media (max-width: 770px) {
  ul.sidebar-menu {
    margin-top: 5px !important;
  }
}

@media (max-width: 1000px) {
  .courses.test.moving-words-in-text .supplement-text i,
  .courses.test.add-words-in-text .supplement-text i,
  .courses.select-correct-answer-text .supplement-text i,
  .courses.test.rewrite-words-in-box .supplement-text i,
  .wrapper.courses.test.select-correct-answer-text .question i {
    font-size: 15px;
    height: 20px;
    line-height: 20px;
    margin-right: 10px;
    width: 30px;
  }

  .courses.test.moving-words-in-text .supplement-text {
    font-size: 15px;
  }

  section#main-content[data-lesson],
  .main-container-words {
    margin: 115px 0 0 0 !important;
    padding: 0 15px !important;
  }

  .wrapper.courses.test.moving-words-in-text .sticky-possibilities-container #boxArt .moving-word {
    padding: 5px 10px;
    margin: 4px;
  }

  .wrapper.courses.test.moving-words-in-text .sticky-possibilities-container .moving-word:before {
    margin-right: 5px;
    font-size: 11px;
  }

  .wrapper.courses.test.moving-words-in-text .sticky-possibilities-supplement-container .moving-word:not(.mdraggable) {
    padding: 0 10px;
    height: 28px;
    line-height: 26px;
  }

  .wrapper.courses.test.moving-words-in-text .sticky-possibilities-supplement-container .moving-word:not(.mdraggable):before {
    font-size: 11px;
    margin-right: 5px;
  }

  .courses.test.moving-words-in-text .supplement-text.sticky-possibilities-supplement-container .form-control {
    height: 28px;
  }

  #content-loader {
    display: none !important;
  }

  body.disable-scroll {
    overflow: hidden;
  }

  .mobile-hidden {
    display: none;
  }

  #main-content.mobile-hidden {
    display: block;
  }

  .wrapper.courses.test.linking .col-md-4.droppable {
    width: calc(100% - 30px) !important;
  }
}

@media (max-width: 1200px) {
  .courses-lesions-list #course-leasson-head-list .list-item .lesson-percentage .list-item,
  .courses-lesions-list #course-leasson-head-list .list-item .lesson-percentage {
    padding: 0;
  }
}

@media (max-width: 1000px) {
  section#main-content.main-content-padding-default {
    padding-right: 15px;
    padding-left: 15px;
  }

  .courses-lesions-list .text-heading,
  .main-container-words p.text-heading {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 32px;
  }

  .courses-lesions-list #course-leasson-head-list legend,
  .courses-lesions-list #course-leasson-head-list legend a {
    font-size: 18px;
    vertical-align: 4px;
  }

  .courses-lesions-list #course-leasson-head-list legend {
    margin-bottom: 10px;
  }

  .courses-lesions-list #course-leasson-head-list fieldset {
    padding: 0 15px;
    margin-bottom: 15px;
  }

  .courses-lesions-list #course-leasson-head-list .list-item .lesson-title a:not(.reset-teaching):not(.reset-sublesson) {
    font-size: 16px;
    width: calc(100% - 100px);
  }

  .courses-lesions-list #course-leasson-head-list .list-item .lesson-title a.reset-sublesson i,
  .courses-lesions-list #course-leasson-head-list .list-item .lesson-title a.reset-sublesson,
  .courses-lesions-list #course-leasson-head-list .list-item .lesson-title a.reset-teaching,
  .courses-lesions-list #course-leasson-head-list .list-item .lesson-title a.reset-teaching i,
  .courses-lesions-list #course-leasson-head-list .list-item .lesson-percentage .list-item p {
    font-size: 12px;
  }

  .courses-lesions-list #course-leasson-head-list .list-item .lesson-title a.reset-sublesson,
  .courses-lesions-list #course-leasson-head-list .list-item .lesson-title a.reset-teaching {
    top: 50%;
    right: 0;
    position: absolute;
    transform: translateY(-50%);
    padding-top: 3px;
  }

  .courses-lesions-list #course-leasson-head-list .list-item .lesson-percentage .list-item p {
    margin-bottom: 5px;
  }

  .courses-lesions-list #course-leasson-head-list .lesson-test .lesson-test-content {
    font-size: 16px;
    padding: 10px 15px;
    height: inherit;
    line-height: inherit;
  }

  .courses-lesions-list #course-leasson-head-list .lesson-test {
    margin-bottom: 2px;
    height: inherit;
  }

  .courses-lesions-list #course-leasson-head-list .lesson-test i {
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%);
  }

  .courses-lesions-list .rd_count_wrap .count_gradient_circle .count_gradient_bg {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-left: -25px;
  }

  .courses-lesions-list .rd_count_wrap .count_gradient_circle i {
    width: 46px;
    height: 46px;
    line-height: 40px;
    font-size: 16px;
    margin-left: -23px;
    border-width: 3px;
  }

  .courses-lesions-list .count_gradient_circle {
    height: 40px;
  }

  .courses-lesions-list .rd_count_wrap .count_number {
    padding-top: 20px;
    line-height: 30px;
    padding-bottom: 0;
  }

  .courses-lesions-list #course-leasson-head-list .content-counter > div {
    padding-left: 10px;
    padding-right: 10px;
  }

  .courses.test.moving-words-in-text .supplement-text .input-change-span.include .form-control {
    border-color: transparent;
    background-color: transparent;
  }

  .main-container-words .word-name {
    font-size: 16px;
    padding: 10px 15px;
  }

  .main-container-words .bt_tabs {
    padding: 7px 12px;
    font-size: 14px;
    line-height: 1.5;
  }

  .main-container-words #words.detail .headWord {
    font-size: 34px;
    padding-top: 0;
    padding-bottom: 15px;
  }

  .main-container-words #words.detail .translationWord {
    font-size: 26px;
    padding: 15px 0;
  }

  .main-container-words #words.detail .playerNumber {
    font-size: 15px;
  }

  .main-container-words .play_button,
  .main-container-words #words.detail .player .play {
    margin-left: 15px;
    margin-right: 15px;
  }

  .main-container-words .play_button,
  .main-container-words #words.detail .player .play,
  #words.detail .player .next a,
  #words.detail .player .prev a {
    background-size: contain;
    width: 50px;
    height: 50px;
  }

  #words.detail .player {
    padding: 0;
  }

  #words_config .shuffle-item,
  #words_config .shuffle-item .radioShuffle,
  #phrases_config .shuffle-item,
  #phrases_config .shuffle-item .radioShuffle {
    width: 100%;
  }

  #words_config .shuffle-item .radioShuffle,
  #phrases_config .shuffle-item .radioShuffle {
    min-height: auto;
  }

  #words_config .container-repeats select,
  #phrases_config .container-repeats select {
    width: 100%;
  }

  #words .panel-body .info.info-actions.desktop {
    display: none;
  }

  #words .panel-body .info.info-actions.mobile {
    display: block;
  }

  .main-container-words #words .panel-body .graph {
    width: 30%;
    padding-top: 15px;
  }

  #words .panel-body .info.info-actions {
    width: 70%;
    float: left;
    text-align: right;
    cursor: pointer;
  }

  #words .panel-body .info.info-actions a {
    margin-bottom: 5px;
  }

  #words .panel-body .info.info-actions a i {
    margin-right: 6px;
  }

  .main-container-words .tableDsx-container-body,
  #words.detail .ms-container .ms-list.small {
    height: auto !important;
  }

  .courses-2020-styles .jcarousel-control-next {
    right: 5px;
  }

  .courses-2020-styles .jcarousel-control-prev {
    left: 5px;
  }

  .courses-2020-styles .jcarousel {
    width: calc(100% - 60px);
    margin-left: 30px;
  }

  .wrapper.courses.reading .text-element-style-3 {
    margin: 0 0 14px 0;
  }

  .wrapper.courses.reading .text-element-style-3 > fieldset {
    padding: 13px 14px 13px 14px;
    width: 100%;
  }

  .wrapper.courses.reading .text-element-style-3 > fieldset > legend {
    margin-bottom: 6px;
    font-size: 10px;
    line-height: 12px;
    padding: 0;
  }

  .wrapper.courses.reading .text-element-style-3 .text-element-body {
    display: grid;
    grid-template-columns: 28px minmax(0, 1fr);
    column-gap: 10px;
    row-gap: 6px;
  }

  .wrapper.courses.reading .text-element-style-3 .text-element-icon {
    grid-column: 1;
    grid-row: 1;
    width: 28px;
    min-width: 28px;
    height: 28px;
    margin-top: 1px;
    border-radius: 8px;
    font-size: 12px;
  }

  .wrapper.courses.reading .text-element-style-3 .text-element-icon em {
    margin-right: 0;
    font-size: 12px;
  }

  .wrapper.courses.reading .text-element-style-3 .text-element-content {
    grid-column: 2;
    padding-left: 0 !important;
    font-size: 14px;
    line-height: 23px;
  }

  /* Tables need the full inner width of a theory box; keeping them beside the
     decorative icon makes columns unreadably narrow on mobile. */
  .wrapper.courses.reading .text-element-style-3.text-element-style-3-has-table .text-element-body {
    grid-template-columns: minmax(0, 1fr);
    row-gap: 8px;
  }

  .wrapper.courses.reading .text-element-style-3.text-element-style-3-has-table .text-element-icon {
    grid-column: 1;
    grid-row: 1;
  }

  .wrapper.courses.reading .text-element-style-3.text-element-style-3-has-table .text-element-content,
  .wrapper.courses.reading .text-element-style-3.text-element-style-3-has-table .table-responsive {
    grid-column: 1;
    width: 100% !important;
    min-width: 0;
    max-width: 100%;
  }

  .wrapper.courses.reading .text-element-style-3 .text-element-content ul,
  .wrapper.courses.reading .text-element-style-3 .text-element-content ol {
    padding-left: 16px !important;
  }

  .wrapper.courses.reading .text-element-style-3 .text-element-style-6 .text-element-content {
    margin-left: 0;
  }

  .wrapper.courses.reading .text-element-style-3 .text-element-style-6 > .text-element-content {
    padding: 8px 10px 8px 10px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 22px;
  }

  .wrapper.courses.reading .text-element-style-6 > .text-element-content {
    padding: 34px 12px 12px 52px;
    border-radius: 14px;
    font-size: 14px;
    line-height: 23px;
  }

  .wrapper.courses.reading .text-element-style-6 > .text-element-content::before {
    top: 12px;
    left: 14px;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    font-size: 13px;
  }

  .wrapper.courses.reading .text-element-style-6 > .text-element-content::after {
    top: 12px;
    left: 50px;
    font-size: 10px;
    line-height: 12px;
  }

  .text-element-style-6 .text-element-content {
    margin-left: 15px;
  }

  .courses .panel-body > .text-element-content > p {
    padding-left: 15px !important;
  }

  .courses .panel-body > .text-element-content > .text-element-style-6,
  .courses .panel-body > .text-element-style-6 {
    padding-left: 15px !important;
  }

  /*.courses .panel-body .table-responsive td img {
    max-width: inherit;
  }*/

  #main-content.content-loader-overflow {
    overflow: hidden;
  }
}

@media (max-width: 640px) {
  .courses-lesions-list #course-leasson-head-list .lesson-test i {
    font-size: 16px;
    left: 25px;
  }

  .courses-lesions-list #course-leasson-head-list .lesson-test {
    padding-left: 50px;
  }

  .main-container-words .bt_tabs {
    width: calc(50% - 2px);
    margin-right: 0;
  }

  .main-container-words .bt_tabs {
    padding: 7px 10px;
  }

  .modal-body {
    padding: 10px 0;
  }

  .timeout-seconds-container {
    text-align: center;
  }

  .timeout-seconds-container .timeout-seconds-item {
    display: inline-block;
    float: none;
  }
}

@media (max-width: 354px) {
  .main-container-words .bt_tabs {
    display: block;
    width: auto;
  }
}

@media (max-width: 768px) {
  .profile-last-lesson .row .btn {
    opacity: 1;
  }


  #main-content.overview-2020 {
    padding: 0 30px;
  }

  .profile-last-lesson {
    padding: 5px 15px 10px 15px;
  }

  .profile-last-lesson .profile-last-season-first-row {
    font-size: 20px;
  }

  .profile-last-lesson p {
    line-height: inherit;
  }

  .profile-last-lesson .profile-last-season-first-row i {
    vertical-align: 2px;
  }

  .profile-last-lesson .profile-last-season-lesson,
  .profile-last-lesson .profile-last-season-sub_lesson {
    font-size: 24px;
  }

  .profile-last-lesson .profile-last-season-sub_lesson {
    display: block;
  }

  .profile-last-lesson .profile-last-season-sub_lesson i {
    margin-left: 15px;
    margin-right: 5px;
  }

  .profile-last-lesson .btn {
    margin-top: 20px;
  }
}

/*
 * Theory tables v2
 *
 * Legacy lesson content stores ordinary HTML tables, often with inline widths
 * and cell colours. The related runtime normalises only tables in reading
 * materials into this shell; tests, administration tables and account tables
 * intentionally keep their own presentation.
 */
/* A table in an example box sits below its icon and label at every viewport.
   Keeping this outside responsive breakpoints prevents the header and table
   borders from colliding on notebook and desktop widths. */
.wrapper.courses.reading .text-element-style-6.text-element-style-6-has-table {
  padding-left: 0 !important;
}

.wrapper.courses.reading .text-element-style-6.text-element-style-6-has-table > .text-element-content {
  padding: 48px 12px 12px !important;
}

.wrapper.courses.reading .text-element-style-6.text-element-style-6-has-table > .text-element-content > .lm-theory-table-wrap,
.wrapper.courses.reading .text-element-style-6.text-element-style-6-has-table > .text-element-content > .table-responsive {
  width: 100% !important;
  min-width: 0;
  max-width: 100%;
}

.wrapper.courses.reading .lm-theory-table-wrap {
  --lm-theory-table-accent: #2563EB;
  position: relative;
  width: 100%;
  margin: 12px 0 0;
  overflow: hidden;
  border: 1px solid rgba(37, 99, 235, 0.18);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.62);
  font-family: "Langem Exo 2", "Exo 2", sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

.wrapper.courses.reading .text-element-style-3 > fieldset .lm-theory-table-wrap {
  --lm-theory-table-accent: var(--te3-accent, #7C3AED);
}

.wrapper.courses.reading .text-element-style-6 .lm-theory-table-wrap {
  --lm-theory-table-accent: #2563EB;
}

.wrapper.courses.reading .lm-theory-table-wrap.lm-theory-table-standalone {
  margin: 16px 0;
  border-color: #E5E7EB;
  background: #FFFFFF;
  box-shadow: 0 2px 12px rgba(17, 24, 39, 0.06);
}

.wrapper.courses.reading .lm-theory-table-scroll {
  width: 100% !important;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(37, 99, 235, 0.62) rgba(148, 163, 184, 0.12);
  scroll-snap-type: x proximity;
}

.wrapper.courses.reading .lm-theory-table-scroll:focus-visible {
  outline: 2px solid var(--lm-theory-table-accent);
  outline-offset: -2px;
}

.wrapper.courses.reading .lm-theory-table-scroll::-webkit-scrollbar {
  height: 9px;
}

.wrapper.courses.reading .lm-theory-table-scroll::-webkit-scrollbar-track {
  margin: 0 10px;
  border-radius: 999px;
  background: rgba(148, 163, 184, 0.12);
}

.wrapper.courses.reading .lm-theory-table-scroll::-webkit-scrollbar-thumb {
  min-width: 44px;
  border: 2px solid transparent;
  border-radius: 999px;
  background: rgba(37, 99, 235, 0.62);
  background-clip: padding-box;
}

.wrapper.courses.reading .lm-theory-table-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(37, 99, 235, 0.78);
  background-clip: padding-box;
}

.wrapper.courses.reading .lm-theory-table-scroll::-webkit-scrollbar-thumb:active {
  background: rgba(37, 99, 235, 0.92);
  background-clip: padding-box;
}

.wrapper.courses.reading .lm-theory-table-scroll::-webkit-scrollbar-button {
  display: none;
  width: 0;
  height: 0;
}

.wrapper.courses.reading .lm-theory-table-scroll::-webkit-scrollbar-corner {
  background: transparent;
}

.wrapper.courses.reading .lm-theory-table-wrap.lm-theory-table-is-scrollable:not(.lm-theory-table-is-scrolled):not(.lm-theory-table-at-end) .lm-theory-table-scroll {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 34px), transparent 100%);
  mask-image: linear-gradient(to right, #000 calc(100% - 34px), transparent 100%);
}

.wrapper.courses.reading .lm-theory-table-wrap.lm-theory-table-is-scrollable.lm-theory-table-is-scrolled:not(.lm-theory-table-at-end) .lm-theory-table-scroll {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 30px, #000 calc(100% - 30px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 30px, #000 calc(100% - 30px), transparent 100%);
}

.wrapper.courses.reading .lm-theory-table-wrap.lm-theory-table-is-scrollable.lm-theory-table-is-scrolled.lm-theory-table-at-end .lm-theory-table-scroll {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 30px, #000 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 30px, #000 100%);
}

.wrapper.courses.reading .lm-theory-table-wrap.lm-theory-table-is-scrollable .lm-theory-table-scroll {
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

.wrapper.courses.reading .lm-theory-table-scroll-nav {
  display: none;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  padding: 4px 7px 4px 14px;
  border-bottom: 1px solid #E5E7EB;
  background: rgba(255, 255, 255, 0.96);
}

.wrapper.courses.reading .lm-theory-table-wrap.lm-theory-table-is-scrollable .lm-theory-table-scroll-nav {
  display: flex;
}

.wrapper.courses.reading .lm-theory-table-scroll-nav-copy {
  color: #64748B;
  font-size: 11px;
  font-weight: 650;
  font-variation-settings: "wght" 650;
  letter-spacing: 0;
  line-height: 1.25;
  white-space: nowrap;
}

.wrapper.courses.reading .lm-theory-table-scroll-nav-actions {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.wrapper.courses.reading .lm-theory-table-scroll-nav-button {
  display: inline-grid;
  width: 40px;
  height: 40px;
  padding: 0;
  place-items: center;
  border: 1px solid rgba(37, 99, 235, 0.22);
  border-radius: 11px;
  background: rgba(239, 246, 255, 0.72);
  color: var(--lm-theory-table-accent);
  cursor: pointer;
  font-family: inherit;
  transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.wrapper.courses.reading .lm-theory-table-scroll-nav-button > svg {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.wrapper.courses.reading .lm-theory-table-scroll-nav-button:not(:disabled):hover {
  border-color: var(--lm-theory-table-accent);
  background: var(--lm-theory-table-accent);
  box-shadow: 0 3px 8px rgba(37, 99, 235, 0.18);
  color: #FFFFFF;
}

.wrapper.courses.reading .lm-theory-table-scroll-nav-button:focus-visible {
  outline: 2px solid var(--lm-theory-table-accent);
  outline-offset: 2px;
}

.wrapper.courses.reading .lm-theory-table-scroll-nav-button:disabled {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  color: #CBD5E1;
  cursor: default;
}

.wrapper.courses.reading .lm-theory-table {
  width: 100% !important;
  min-width: 0;
  max-width: none !important;
  margin: 0 !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: transparent !important;
  color: #374151;
  table-layout: auto;
}

.wrapper.courses.reading .lm-theory-table th,
.wrapper.courses.reading .lm-theory-table td {
  border: 0 !important;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}

/*
 * Tables that can remain legible without horizontal movement are allowed to
 * use the available width. Dense matrices keep the scroll-first behaviour.
 */
.wrapper.courses.reading .lm-theory-table--mode-fit th,
.wrapper.courses.reading .lm-theory-table--mode-fit td,
.wrapper.courses.reading .lm-theory-table--mode-stack th,
.wrapper.courses.reading .lm-theory-table--mode-stack td {
  min-width: 0;
  white-space: normal;
  overflow-wrap: break-word;
}

.wrapper.courses.reading .lm-theory-table--mode-fit.lm-theory-table--columns-2,
.wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--columns-2 {
  table-layout: fixed;
}

.wrapper.courses.reading .lm-theory-table--mode-fit.lm-theory-table--columns-2 tr > *,
.wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--columns-2 tr > * {
  width: 50% !important;
}

.wrapper.courses.reading .lm-theory-table--mode-fit thead > tr > *,
.wrapper.courses.reading .lm-theory-table--mode-fit.lm-theory-table--legacy-header > tbody > tr:first-child > *,
.wrapper.courses.reading .lm-theory-table--mode-stack thead > tr > *,
.wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--legacy-header > tbody > tr:first-child > * {
  overflow-wrap: anywhere;
}

.wrapper.courses.reading .lm-theory-table thead > tr > *,
.wrapper.courses.reading .lm-theory-table.lm-theory-table--legacy-header > tbody > tr:first-child > * {
  padding: 10px 15px !important;
  background: #EFF6FF !important;
  color: var(--lm-theory-table-accent) !important;
  border-bottom: 1px solid rgba(37, 99, 235, 0.2) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 16px !important;
  letter-spacing: 0.8px;
  text-align: left !important;
  text-transform: uppercase;
  scroll-snap-align: start;
}

.wrapper.courses.reading .lm-theory-table thead > tr > * *,
.wrapper.courses.reading .lm-theory-table.lm-theory-table--legacy-header > tbody > tr:first-child > * * {
  color: inherit !important;
}

.wrapper.courses.reading .lm-theory-table tbody > tr > * {
  min-width: 112px;
  padding: 10px 15px !important;
  background: rgba(255, 255, 255, 0.7) !important;
  color: #374151;
  border-bottom: 1px solid rgba(17, 24, 39, 0.055) !important;
  font-size: 14px !important;
  font-weight: 500;
  line-height: 21px !important;
  scroll-snap-align: start;
}

.wrapper.courses.reading .lm-theory-table tbody > tr:last-child > * {
  border-bottom: 0 !important;
}

.wrapper.courses.reading .lm-theory-table.lm-theory-table--row-labels tbody > tr > th[scope="row"],
.wrapper.courses.reading .lm-theory-table.lm-theory-table--row-labels thead > tr > :first-child {
  position: sticky;
  left: 0;
}

.wrapper.courses.reading .lm-theory-table.lm-theory-table--row-labels tbody > tr > th[scope="row"] {
  z-index: 2;
  background: #FFFFFF !important;
}

.wrapper.courses.reading .lm-theory-table.lm-theory-table--row-labels thead > tr > :first-child {
  z-index: 3;
}

.wrapper.courses.reading .lm-theory-table.lm-theory-table--row-labels tbody > tr > th[scope="row"] {
  color: #374151;
  font-weight: 700;
}

.wrapper.courses.reading .lm-theory-table-wrap.lm-theory-table-is-scrolled .lm-theory-table.lm-theory-table--row-labels tbody > tr > th[scope="row"],
.wrapper.courses.reading .lm-theory-table-wrap.lm-theory-table-is-scrolled .lm-theory-table.lm-theory-table--row-labels thead > tr > :first-child {
  box-shadow: 5px 0 10px -6px rgba(17, 24, 39, 0.2);
}

.wrapper.courses.reading .lm-theory-table tbody > tr:hover > * {
  background: #F8FAFC !important;
}

.wrapper.courses.reading .lm-theory-table.lm-theory-table--row-labels tbody > tr:hover > th[scope="row"] {
  background: #F8FAFC !important;
}

.wrapper.courses.reading .lm-theory-table td p,
.wrapper.courses.reading .lm-theory-table th p {
  margin: 0 !important;
  padding: 0 !important;
}

.wrapper.courses.reading .lm-theory-table td p + p,
.wrapper.courses.reading .lm-theory-table th p + p {
  margin-top: 8px !important;
}

.wrapper.courses.reading .lm-theory-table td strong,
.wrapper.courses.reading .lm-theory-table th strong {
  color: #111827;
  font-weight: 800;
}

.wrapper.courses.reading .lm-theory-table td em,
.wrapper.courses.reading .lm-theory-table th em {
  color: #6B7280;
}

.wrapper.courses.reading .lm-theory-table--dense thead > tr > *,
.wrapper.courses.reading .lm-theory-table--dense.lm-theory-table--legacy-header > tbody > tr:first-child > * {
  padding: 7px 13px !important;
  font-size: 10px !important;
}

.wrapper.courses.reading .lm-theory-table--dense tbody > tr > * {
  min-width: 100px;
  padding: 7px 13px !important;
  font-size: 13px !important;
  line-height: 19px !important;
}

.wrapper.courses.reading .lm-theory-table--sentences {
  min-width: 0;
  table-layout: fixed;
}

.wrapper.courses.reading .lm-theory-table--sentences th,
.wrapper.courses.reading .lm-theory-table--sentences td {
  white-space: normal;
}

.wrapper.courses.reading .lm-theory-table--sentences tbody > tr > :first-child {
  width: 34px;
  min-width: 34px;
  padding-right: 4px !important;
  padding-left: 8px !important;
  text-align: center;
}

@supports (color: color-mix(in srgb, #000 50%, transparent)) {
  .wrapper.courses.reading .lm-theory-table-wrap {
    border-color: color-mix(in srgb, var(--lm-theory-table-accent) 18%, transparent);
  }

  .wrapper.courses.reading .lm-theory-table-scroll::-webkit-scrollbar-thumb {
    background: color-mix(in srgb, var(--lm-theory-table-accent) 62%, transparent);
    background-clip: padding-box;
  }

  .wrapper.courses.reading .lm-theory-table-scroll::-webkit-scrollbar-track {
    background: color-mix(in srgb, var(--lm-theory-table-accent) 9%, transparent);
  }

  .wrapper.courses.reading .lm-theory-table-scroll::-webkit-scrollbar-thumb:hover {
    background: color-mix(in srgb, var(--lm-theory-table-accent) 78%, transparent);
    background-clip: padding-box;
  }

  .wrapper.courses.reading .lm-theory-table-scroll::-webkit-scrollbar-thumb:active {
    background: color-mix(in srgb, var(--lm-theory-table-accent) 92%, transparent);
    background-clip: padding-box;
  }

  .wrapper.courses.reading .lm-theory-table thead > tr > *,
  .wrapper.courses.reading .lm-theory-table.lm-theory-table--legacy-header > tbody > tr:first-child > * {
    background: color-mix(in srgb, var(--lm-theory-table-accent) 9%, #FFFFFF) !important;
    border-bottom-color: color-mix(in srgb, var(--lm-theory-table-accent) 20%, transparent) !important;
  }

  .wrapper.courses.reading .lm-theory-table-scroll-nav {
    border-bottom-color: color-mix(in srgb, var(--lm-theory-table-accent) 10%, #E5E7EB);
    background: color-mix(in srgb, var(--lm-theory-table-accent) 2.5%, #FFFFFF);
  }

  .wrapper.courses.reading .lm-theory-table-scroll-nav-button {
    border-color: color-mix(in srgb, var(--lm-theory-table-accent) 18%, transparent);
    background: color-mix(in srgb, var(--lm-theory-table-accent) 7%, #FFFFFF);
  }

  .wrapper.courses.reading .lm-theory-table tbody > tr:hover > * {
    background: color-mix(in srgb, var(--lm-theory-table-accent) 6%, #FFFFFF) !important;
  }
}

/* Preserve legacy semantic group headers built as an empty first cell plus a
   heading spanning the remaining columns. The generic table skin must not
   visually merge that empty spacer into a table-wide header. */
.wrapper.courses.reading .lm-theory-table > tbody > tr.lm-theory-table-group-row > .lm-theory-table-group-spacer {
  background: transparent !important;
  border-bottom-color: transparent !important;
}

.wrapper.courses.reading .lm-theory-table > tbody > tr.lm-theory-table-group-row > .lm-theory-table-group-heading {
  background: #EFF6FF !important;
  color: var(--lm-theory-table-accent) !important;
  font-weight: 800 !important;
  font-variation-settings: "wght" 800;
  text-align: center !important;
}

.wrapper.courses.reading .lm-theory-table > tbody > tr.lm-theory-table-group-row > .lm-theory-table-group-heading * {
  color: inherit !important;
}

@media (max-width: 767px) {
  .wrapper.courses.reading .lm-theory-table-wrap {
    margin-top: 10px;
    border-radius: 12px;
  }

  .wrapper.courses.reading .lm-theory-table-wrap.lm-theory-table-standalone {
    margin: 12px 0;
  }

  .wrapper.courses.reading .lm-theory-table-scroll-nav {
    min-height: 46px;
    gap: 10px;
    padding: 3px 6px 3px 12px;
  }

  .wrapper.courses.reading .lm-theory-table-scroll-nav-copy {
    font-size: 10px;
  }

  .wrapper.courses.reading .lm-theory-table-scroll-nav-button {
    width: 38px;
    height: 38px;
    border-radius: 10px;
  }

  .wrapper.courses.reading .lm-theory-table thead > tr > *,
  .wrapper.courses.reading .lm-theory-table.lm-theory-table--legacy-header > tbody > tr:first-child > * {
    padding: 9px 12px !important;
    font-size: 10px !important;
    line-height: 15px !important;
  }

  .wrapper.courses.reading .lm-theory-table tbody > tr > * {
    min-width: 104px;
    padding: 9px 12px !important;
    font-size: 13px !important;
    line-height: 20px !important;
  }

  .wrapper.courses.reading .lm-theory-table--dense tbody > tr > * {
    min-width: 92px;
    padding: 7px 10px !important;
    font-size: 12px !important;
    line-height: 18px !important;
  }
}

@media (max-width: 559px) {
  .wrapper.courses.reading .lm-theory-table-wrap--mode-stack .lm-theory-table-scroll {
    overflow-x: visible;
    -webkit-mask-image: none !important;
    mask-image: none !important;
    scroll-snap-type: none;
  }

  .wrapper.courses.reading .lm-theory-table--mode-stack,
  .wrapper.courses.reading .lm-theory-table--mode-stack > tbody,
  .wrapper.courses.reading .lm-theory-table--mode-stack > tbody > tr {
    display: block;
    width: 100% !important;
  }

  .wrapper.courses.reading .lm-theory-table--mode-stack > tbody > tr,
  .wrapper.courses.reading .lm-theory-table--mode-stack > tbody > tr > * {
    height: auto !important;
  }

  .wrapper.courses.reading .lm-theory-table--mode-stack > thead,
  .wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--legacy-header > tbody > tr:first-child {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }

  .wrapper.courses.reading .lm-theory-table--mode-stack > tbody > tr > *,
  .wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--columns-2 > tbody > tr > * {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    padding: 13px 14px !important;
    border-bottom: 0 !important;
    background: rgba(255, 255, 255, 0.82) !important;
    white-space: normal;
    overflow-wrap: break-word;
  }

  .wrapper.courses.reading .lm-theory-table--mode-stack > tbody > tr > * + * {
    border-top: 1px dashed rgba(100, 116, 139, 0.22) !important;
  }

  .wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--columns-3:not(.lm-theory-table--sentences):not(.lm-theory-table--legacy-header) > tbody > tr,
  .wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--columns-3:not(.lm-theory-table--sentences).lm-theory-table--legacy-header > tbody > tr:not(:first-child) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--columns-3:not(.lm-theory-table--sentences):not(.lm-theory-table--legacy-header) > tbody > tr > :first-child,
  .wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--columns-3:not(.lm-theory-table--sentences).lm-theory-table--legacy-header > tbody > tr:not(:first-child) > :first-child {
    grid-column: 1 / -1;
  }

  .wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--columns-3:not(.lm-theory-table--sentences):not(.lm-theory-table--legacy-header) > tbody > tr > :nth-child(3),
  .wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--columns-3:not(.lm-theory-table--sentences).lm-theory-table--legacy-header > tbody > tr:not(:first-child) > :nth-child(3) {
    border-left: 1px dashed rgba(100, 116, 139, 0.22) !important;
  }

  .wrapper.courses.reading .lm-theory-table--mode-stack > tbody > tr + tr {
    border-top: 6px solid #F8FAFC;
  }

  .wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--legacy-header > tbody > tr:first-child + tr {
    border-top: 0;
  }

  .wrapper.courses.reading .lm-theory-table--mode-stack > tbody > tr > [data-lm-theory-table-label]::before {
    content: attr(data-lm-theory-table-label);
    display: block;
    margin-bottom: 6px;
    color: var(--lm-theory-table-accent);
    font-size: 9px;
    font-weight: 800;
    font-variation-settings: "wght" 800;
    line-height: 13px;
    letter-spacing: 0.75px;
    text-transform: uppercase;
  }

  @supports (color: color-mix(in srgb, #000 50%, transparent)) {
    .wrapper.courses.reading .lm-theory-table--mode-stack > tbody > tr > *:nth-child(even) {
      background: color-mix(in srgb, var(--lm-theory-table-accent) 3%, #FFFFFF) !important;
    }

    .wrapper.courses.reading .lm-theory-table--mode-stack > tbody > tr > * + * {
      border-top-color: color-mix(in srgb, var(--lm-theory-table-accent) 16%, transparent) !important;
    }

    .wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--columns-3:not(.lm-theory-table--sentences):not(.lm-theory-table--legacy-header) > tbody > tr > :nth-child(3),
    .wrapper.courses.reading .lm-theory-table--mode-stack.lm-theory-table--columns-3:not(.lm-theory-table--sentences).lm-theory-table--legacy-header > tbody > tr:not(:first-child) > :nth-child(3) {
      border-left-color: color-mix(in srgb, var(--lm-theory-table-accent) 16%, transparent) !important;
    }
  }
}