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

    /* Common ======================================================================================================= */

    .course_video h2,
    .tariffs h2,
    .certificates h2 {
        font-size: 22px !important;
        margin: 0 auto 20px;
        font-weight: bold;
    }

    .c-default-section .container,
    .welcome-to-course .container,
    .timer-wrap .container,
    .course_video .container,
    .tariffs .container,
    .certificates .container {
        padding: 10px 20px;
        box-sizing: border-box;
    }

    .welcome-to-course .subtitle,
    .course_video .subtitle,
    .tariffs .subtitle,
    .certificates .subtitle {
        font-size: 16px;
    }

    /* Welcome ====================================================================================================== */

    .welcome-label {
        font-size: 14px;
        padding: 0;
        border: none;
        margin-bottom: -10px;
        display: block;
    }

    h1 br {
        display: none;
    }

    .welcome-to-course .subtitle ul {
        padding-left: 20px;
    }

    .welcome-to-course .welcome-links a {
        display: block;
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

    .offer-details {
        width: 100%;
        margin: 0 0 20px;
        box-sizing: border-box;
    }

    .offer-details ul {
        display: block;
        padding: 0 15px;
        list-style: none;
    }

    .offer-details b {
        display: inline;
        margin: 0;
    }

    .offer-details li {
        margin-bottom: 10px;
    }

    .timer-wrap .container {
        display: block;
    }

    .timer {
        width: 100%;
    }

    /* Certificates ================================================================================================= */

    .certificates {
        padding: 20px 0;
        margin: 30px 0 10px;
    }

    .certificates .container {
        display: block;
    }

    .certificates .x-text-wrap {
        max-width: 100%;
    }

    .certificates .x-images-wrap {
        width: 100%;
        margin-top: 30px;
        height: 220px;
    }

    /* Video ======================================================================================================== */

    .course_video .container {
        display: block;
    }

    .course_video .x-text-wrap,
    .course_video .x-video-wrap {
        width: 100%;
    }

    .video-items {
        margin: 30px 0;
    }

    .video-item-text {
        width: auto;
        font-size: 14px;
    }

    .course_video .x-video-wrap {
        height: 200px;
    }

    /* Tariffs ====================================================================================================== */

    .tariffs {
        margin: 20px 0;
    }

    .tariffs {
        margin: 40px 0 0;
        display: block;
    }

    .tariff {
        width: 100%;
    }

    .tariff:not(:last-child) {
        margin-bottom: 30px;
    }

    .tariff-price-old {
        font-size: 20px;
    }

    .tariff-price {
        font-size: 28px;
    }

    .tariff .button {
        margin-top: 20px;
    }

    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/
    /**/

    .c-default-section h2,
    .c-default-h2 {
        font-size: 22px !important;
        font-weight: bold;
    }

    .c-many-headers .container {
        display: block;
    }

    .c-default-section .x-text-wrap,
    .c-default-section .x-media-wrap {
        width: 100%;
    }

    .c-curators-slider .swiper-slide {
        box-sizing: border-box;
        display: block;
    }

    .curator-profile {
        width: 100%;
    }

    .curator-desc {
        width: 100%;
    }

    .c-students-says_row {
        flex-direction: column;
        margin-bottom: 0;
    }

    .c-students-says_details {
        margin-bottom: -50px;
    }

    .c-student-says_item {
        width: 100%;
        margin-bottom: 30px;
        padding: 15px;
        background-image: none !important;
    }

    .c-student-says_photo-mobile {
        display: block;
        background-size: cover;
        background-position: center;
        width: 60px;
        height: 60px;
        border-radius: 100%;
        margin-bottom: 15px;
        border: 1px solid white;
    }

    .c-student-says_description {
        font-size: 18px;
    }

    .c-programm-item_text,
    .c-programm-item_special-text {
        width: 100%;
    }

    .ac-text {
        display: block;
    }

    .c-card_title {
        font-size: 16px;
    }

    .c-many-headers_item-title {
        font-size: 16px;
    }

    .c-many-headers_items {
        margin: 30px 0;
    }

    .curator-title {
        font-size: 16px;
        min-height: 40px;
    }

    .curator-avatar {
        width: 60px;
        height: 60px;
        top: 0;
        left: 0;
    }

    .curator-profile {
        padding: 10px 20px 10px 80px;
    }

    .c-student-result-image {
        width: 60px;
        height: 60px;
    }

    .c-students-results_item {
        padding-left: 80px;
        padding-top: 0;
    }

    .c-student-result-name {
        font-size: 18px;
    }

    .c-default-section p:first-child:last-child {
        margin: 5px 0;
    }

    .c-cards {
        overflow-x: hidden;
    }

    .c-tariffs-anchor-section {
        padding: 0 0 20px;
    }

    .c-tariffs-anchor-section .button {
        padding: 10px 15px;
        display: block;
    }
}

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

    .timer {
        flex-direction: column;
        padding-bottom: 15px;
    }

    .timer .sale {
        text-align: center;
        padding: 10px;
    }

    .timer .sale br {
        display: none;
    }

    .timer-sale-percent {
        font-size: inherit;
    }

    .timer-value {
        position: static;
        width: calc(100% - 30px);
        margin: 0 15px;
        text-align: center;
    }

    .timer-labels {
        top: auto;
        bottom: 25px;
        right: 0;
        left: 0;
        text-align: center;
        width: 100%;
        justify-content: center;
    }
}