@media (max-device-width : 1024px) {
    .webinars-banner-mob{
        display: block;
    }
    .ad-webinars-2{
        display: none;
    }
    .webinars-banner-mob img{
        width: 100%;
    }
    .super-promo{
        display:block;
    }
    .super-promo>div:first-child{
        margin-right:0;
        padding-right:0;
        border-right:none;
        margin-bottom: 2rem;
        padding-bottom: 2rem;
        border-bottom: 1px solid #EEE;
    }
    .super-promo>div button{
        width:100%;
        text-align:center
    }
    .super-promo>div input{
        padding: .8rem 1rem;
    }
    #left-menu {
        display: none;
        min-height: auto;
        position: relative;
        z-index: 21;
        width: 100%;
        min-width: 100%;
        overflow: hidden;
        padding-bottom: 0px;
    }

    #left-menu:after {
        height: 0px;
    }

    a.show-left-menu {
        position: fixed;
        z-index: 22;
        left: -1px;
        top: 50vh;
        display: block !important; 
    } 
    
    i#hamb {
        display: block;
        position: absolute;
        top: -18px;
        right: 36px;
        font-size: 70px;
        cursor: pointer;
        padding: 27px;
        z-index: 21;
        
        top:-10px;
        font-size:0;
        padding: 41px 2.5rem;
        right:0;
    }
    i#hamb:before{
        font-size:28px
    }
    #top-menu>li#logo, #top-menu>li#logo:hover {
        min-width: 370px;
        height: 90px;
    }

    #left-menu input+ul {
        width: auto;
        padding: 20px;
    }

    #left-menu ul li a {
        font-size: 4vw;
        width: auto;
    }

    #left-menu ul li a img {
        display: none;
    }

    .wrap {
        display: block;
    }

    .city-img {
        display: none;
    }

    p.left-menu-side-title {
        display: none;
    }

    .left-menu-side {
        width: auto;
        margin-top: 20px;
    }

    div#submenu a {
        font-size: 4vw;
    }

    .left-menu-side-title-bottom a p span {
        font-size: 4vw;
        width: auto;
        display: block;
    }

    /*бизнес книги*/
    ul.business-books li {
        display: block;
    }

    .tasks .wrap-item .condition {
        min-width: 100px; 
    }

    #phonetics-data .tasks .wrap-item button {
        min-width: auto; 
    }

    #top-menu li {
        text-align: right;
    }

    #popup {
        max-width: 82%;
        width: auto !important;
        left: calc(9%);
        left: calc(50% - 45vw) !important;
    }
    #popup .profile-data{
        flex-wrap: wrap;
    }
    .cources-list>div span:nth-child(6) {
        width: 22%;
        font-size: 12px;
    }

    .cources-list>div span {
        font-size: 12px;
    }

    .cources-list>div span:nth-child(4) {
        font-size: 12px;
    }

    button.blue.small {
        font-size: 10px;
        width: 13%;
    }
    #left-menu ul.last li{
        display: block;
    }
    .hw-blocks{
        grid-template-columns: 1fr;
    }
}

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

    #top-menu>li#logo, #top-menu>li#logo:hover{
        margin: 10px 0px 0px 15px;
    }
    #top-menu {
        display: block;
        margin-top: -10px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    #top-menu li:not(#logo) {
        display: none;
    }
    #top-menu>li#logo, #top-menu>li#logo:hover {
        min-width: auto;
        background-size: 40%;
    }

    .wrap-profile .row-1 {
        display: block;
    }   

    .rblock {
        flex-wrap: wrap;
        justify-content: center;
    }

    .rblock .status-bar {
        margin-top: 1rem;
    }

    .wrap-profile .row-1 .col:first-child {
        width: auto;
        min-width: auto;
    }

    .left-menu-side {
        width: 50%;
    }

    .left-menu-side-title-bottom a p span {
        font-size: 3.3vw;
    }

    .grammar-list>div, .grammar-list>div:nth-child(3n+2) {
        width: calc((45%) - 1rem);
        margin: 1rem 0.5rem;
    }

    .theme-list>div {
        font-size: 1.8vw;
    }

    .tickets li {
        flex-wrap: wrap;
    }

    .path button {
        right: 0.2rem;
    }

    .path:not(.path2)>*:not(button) {
        display: none;
    }

    .word-list td[data-label=dict] {
        text-align: right;
        width: 100%;
    }

    a[data-action=translate-dict] {
        padding-right: 1rem;
    }

    .block .word-list table { 
        max-width: 75%;
        margin: auto;
    }

    .super-top-item-button button {
        margin: 20px auto 1rem;
    }

    .super-bottom-items>div.super-bottom-item-first {
        width: calc(30vw - 0rem);
    }

    .super-bottom-items>div {
        width: calc(30vw - 2.84rem);
        margin: 1px 0rem 2rem 1rem;
    }

    .super-bottom-items {
        flex-wrap: wrap;
    }

    .lex-list>div {
        width: calc((45%) - 1rem);
        margin: 1rem 0.5rem;
    }

    .lex-list>div:nth-child(3n+2) {
        width: calc((45%) - 1rem);
        margin: 1rem 0.5rem;
    }

    #vocabulary-tabs {
        flex-wrap: wrap;
    }

    #phonetics-tabs>div {
        padding: 0.2rem;
    }

    .tasks .wrap-item {
        flex-wrap: wrap;
    }

    #phonetics-data .tasks .wrap-item button:not([data-action=listen]) {
        margin-top: 1rem;
    }

    #phonetics-data .tasks .wrap-item button {
        height: 51px;
    }

    #listening-tabs>div {
        font-size: 19px;
    }

    #reading li>div:nth-child(1) {
        width: 0px;
        min-width: 0px;
    }

    #exercises #ex1 .wrap-text {
        flex-wrap: wrap;
    }

    #exercises #ex1 .wrap-text>div.words {
        margin: 3rem 3rem 4rem 6rem;
    }

    .cources-list>div span:nth-child(2), .courses4 .cources-list>div span:nth-child(4), .courses4 .cources-list>div span:nth-child(6), .courses4 .cources-list>div button.blue.small {
        width: 60%;
        margin-top: 1rem;
    }

    .cources-list>div span:nth-child(1) {
        display: none;
    }

    .cources-filter>a {
        float: none;
        margin: 0rem 0 1rem 0;
        display: inline-block;
    }

    #popup {
        left: calc(50% - 45vw);
        max-height: 85vh;
        max-width: 90vw;
    }

    .cources-practice-left {
        width: 88%;
    }

    .cources-practice-rigth {
        width: calc(100% - 1rem);
    }

    .word-parts {
        padding: 0;
    }

    .word-parts p {
        font-size: 0.7rem;
    }

    .ex5-right {
        float: none;
        text-align: center;
        width: 100%;
        padding: 2rem 0;
        clear: both;
    }

    .ex5-left {
        width: 100%;
        padding: 0;
    }

    .ex5-left p {
        margin: 1rem 0 0 0rem;
        font-size: 0.9rem;
        margin-bottom: 20px;
    }

    .ex5-left p span {
        padding: 0rem 0.7rem;
        font-size: 0.7rem;
        min-height: 30px;
    }

    .key {
        padding: 0rem 0.8rem;
        margin: 0.5rem 0.1rem;
    }

    ul.library-filter {
        width: calc(100%);
    }

    

    
}


@media (max-device-width : 450px) {

    .no450 {
        display: none !important;
    }

    #left-menu input+ul {
        padding: 9px;
    }
    #logo+li {
        display: none;
    }

    .super-top-items>div {
        width: calc(90vw - 1rem);
        margin-bottom: 2rem;
    }

    .super-bottom-items {
        flex-wrap: wrap;
        justify-content: center;
    }

    .super-bottom-items>div.super-bottom-item-first {
        width: calc(47vw - 0rem);
        margin: 1px 0rem 1px 0rem;
    }

    .super-bottom-items>div {
        width: calc(47vw - 2.84rem);
    }

    .lex-list>div {
        width: calc((100%) - 1rem);
        margin: 1rem 0;
    }

    .lex-list>div:nth-child(3n+2) {
        width: calc((100%) - 1rem);
        margin: 1rem 0;
    }

    .grammar-list>div, .grammar-list>div:nth-child(3n+2) {
        width: calc((100%) - 1rem);
        margin: 1rem 0;
    }

    .words-list li div:nth-child(2) {
        width: auto;
        min-width: auto;
    }

    .words-list li div:first-child {
        width: 30px;
        min-width: 30px;
    }

    .words-list li>div:last-child {
        text-align: right;
    }

    .vocabulary .item {
        width: calc(100% - 2rem); 
    }

    #grammar-tabs {
        flex-wrap: wrap;    
    }

    p.result.done+div {
        flex-wrap: wrap;
    }

    #phonetics-tabs {
        flex-wrap: wrap;
    }

    #phonetics-data .tasks .wrap-item button {
        margin-top: 1rem;
    }

    #listening-tabs {
        flex-wrap: wrap;
    }

    #reading li {
        flex-wrap: wrap;
    }

    #reading li>div:nth-child(5)>span {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #exercises #ex1 .wrap-text {
        display: flex;
        flex-wrap: wrap;
    }

    #exercises #ex1 .wrap-text>div.text {
        padding: 2rem;
    }

    .essay-list>.item>div:first-child {
        flex-direction: column;
    }

    .essay-list>.item>div:first-child>div:last-child {
        margin-top: 3rem;
    }

    .courses3>div {
        width: calc(100% - 1.8rem);
    }

    .courses>div .title {
        font-size: 0.6rem;
    }

    .courses2>div:nth-child(1) {
        font-size: 1rem;
    }

    .courses2 button.blue.small {
        font-size: 0.6rem;
        width: 90%;
    }

    p.tip {
        font-size: 0.7rem;
    }

    .cources-list>div span:nth-child(2), .courses4 .cources-list>div span:nth-child(4), .courses4 .cources-list>div span:nth-child(6), .courses4 .cources-list>div button.blue.small {
        width: 60%;
        margin-top: 1rem;
    }

    .cources-list>div i>span:nth-child(1) {
        display: inline-block;
        margin-top: 1rem;
    }

    .cources-list>div span:nth-child(1) {
        display: none;
    }

    .words1>div, .words2>div {
        margin: 1rem 1rem;
        width: calc(88% - 3rem);
    }
    
    .answers p {
        padding: 0.25rem 1.1rem;
        font-size: 0.6rem;
    }

    .ex-header {
        background-color: #ccd9df;
        height: auto;
    }

    .ex-header>img+img, .ex-header>span+img {
        right: 0;
        float: right;
        top: 0;
        position: absolute;
    }

    .ex-main h1 {
        font-size: 1rem;
    }

    .key {
        padding: 0rem 0.4rem;
        font-size: 12px;
        font-weight: bold;
        min-height: 16.4px;
        margin: 0.4rem 0rem;
    }

    .tops>div {
        height: 150px;
    }

    .tops>div img+p {
        font-size: 0.7rem;
        padding: 0.7rem 0rem;
        width: 100%;
        bottom: auto;
    }

    ul.business-books li>div:nth-child(2) {
        min-width: auto;
    }

    .articles .item {
        width: calc(100% - 3rem);
    }

    .glossary .item .block-status span {
        width: 8px;
        height: 8px;
    }

    .glossary .item {
        min-width: auto;
        width: calc(100% - 2rem);
    }

    #ex2 #wrap-test .answers {
        width: auto;
    }
    
    .street-bg>div {
        width: calc(50% - 4rem);
    }

    .audio-books li>div:last-child .row {
        flex-wrap: wrap;
    }

    .courses, .courses2 {
        display: block;
    }

    .courses2>div>div {
        margin: 2rem auto;
    }

    .word-parts p {
        padding: 0rem 0.5rem;
        min-height: 29px;
        display: inline-flex;
        align-items: center;
        margin-right: 0.6rem;
    }

    .articles-full p {
        font-size: 10px;
    }

    .wrap-articles-full h2 {
        font-size: 14px;
    }

    .wrap-video {
        display: block;
    }

    .wrap-video>div:last-child {
        width: auto;
        min-width: auto;
    }

    .last-row {
        display: block;
    }

    .last-row a {
        display: block;
        margin-top: 1rem;
    }

    .audio-books li {
        display: block;
        padding: 1rem;
    }
    .audio-books li>div:last-child {
        padding: 1rem 0rem;
    }

    .audio-books li>div:last-child .row:first-child a:last-child {
        background: #3971bc;
        margin-left: 0;
        margin-top: 1rem;
    }

    #library li {
        flex-wrap: wrap;
    }

    #library li>div:nth-child(5)>span {
        top: calc(50% + 8px);
    }

    .library-book-level {
        top: 1rem;
        right: 1rem;
    }

    .library-book {
        padding: 4rem 2rem 2rem 2rem;
    }

    .quiz-full .item .answers {
        width: auto;
    }

    .idioma .item {
        min-width: auto;
        width: calc(100% - 2rem);
    }

    #idioma-tabs {
        flex-wrap: wrap;
    }

    .words-list li>div {
        margin-top: 1rem;
    }

    .words-list li.head {
        display: none;
    }

    #ex3 #wrap-essay {
        display: block;
    }

    #ex3 #wrap-essay>div:first-child {
        padding: 0;
    }

    .words-list li {
        display: block;
    }

    .words-list li>div:last-child {
        text-align: left;
    }

    .slang .item {
        min-width: auto;
        width: calc(100% - 2rem);
    }

    #slang-tabs {
        flex-wrap: wrap;
    }

    .calendar-tutor {
        top: 10px;
    }

    .library-book-right {
        width: calc(100% - 4rem);
    }

    .block {
        /*max-width: 90% !important;*/
    }

    .ochnye-cluby table {
        max-width: 90%;
        width: auto !important;
    }

    .ochnye-cluby td img {
        max-width: 31%;
        height: auto !important;
    }

    .cources-list>div span:nth-child(2) {
        width: auto; 
    }

    .path.path2 {
        display: block;
        height: auto;
    }

    span.xk {
        display: block;
    }

}

.theme-list>div img {
    top: 35% !important;
}