@media screen and (min-width: 576px) {
    .container {
        max-width: 540px;
    }
    .lessons-container {
        max-width: 340px;
    }
}

@media screen and (min-width: 768px) {
    .container {
        max-width: 720px;
    }
    .lessons-container {
        max-width: 520px;
    }
}

@media screen and (min-width: 992px) {
    .container {
        max-width: 960px;
    }
    .lessons-container {
        max-width: 760px;
    }
}

@media screen and (min-width: 1024px) {}

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

@media screen and (min-width: 1200px) {
    .container {
        width: 1200px;
        max-width: 1200px;
    }
    .lessons-container {
        max-width: 970px;
    }
    .cchatty-teacher-card .teacher-card-content {
        min-height: 250px;
    }
}

@media screen and (max-width: 768px) {
    .content oembed,
    .swiper-img {
        height: 370px !important;
    }
}

@media screen and (max-width: 767px) {
    .content oembed,
    .swiper-img {
        min-height: 270px !important;
        height: 270px !important;
    }
}

@media screen and (max-width: 600px) {
    .ivu-row,
    .ivu-col {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .content oembed,
    .swiper-img {
        min-height: 235px !important;
    }
    #words .ivu-card-body {
        padding: 20px !important;
    }
    .formdata .ivu-form-item-label {
        width: auto !important;
        display: block;
    }
    .formdata .ivu-form-item-content {
        margin-left: 0 !important;
    }
    .not-form-data .ivu-form-item-label {
        width: 150px !important;
    }
    .tag-title .title {
        max-height: 50px !important;
    }
    .rightimgwrap,
    .leftimgwrap {
        display: none;
    }
    #requests .table-list .ivu-table table {
        min-width: 700px;
    }
}

@media screen and (max-width: 550px) {
    .resumeModal .ivu-modal {
        position: initial;
        bottom: auto;
    }
}

@media screen and (max-width: 414px) {
    .content oembed,
    .swiper-img {
        min-height: 165px !important;
    }
}

@media screen and (max-width: 375px) {
    .content oembed,
    .swiper-img {
        min-height: 145px !important;
    }
}