@media (max-width: 1400px) {
    #new-profession {
        background-position: 107% 84%;
    }

    #new-profession .number-description {
        font-size: 18px;
    }
}

@media (max-width: 1300px) {
    #hero .hero-image {
        left: 20%;
    }
}

@media (max-width: 1230px) {
    #company-training .company-training-image {
        width: inherit;
    }

    #for-teachers-steps .step.arrow:after {
        zoom: 0.7;
        top: 41px;
    }

    #for-teachers-steps .step-text {
        font-size: 20px;
    }

    #for-teachers-steps-group .step {
        padding: 15px;
    }

    #hero h1 br {
        display: none;
    }

    #directions-study .directions-study-item h3 {
        font-size: 20px;
    }

    #directions-study .directions-study-item p {
        font-size: 14px;
    }

    #header .search {
        padding-right: 15px;
    }

    #marketplace-manager .line-hero2 {
        display: none
    }

    #marketplace-manager .line6 {
        position: absolute;
        left: 0px;
        top: 44px;
    }

    #how ul li {
        margin-bottom: 20px;
    }

    #reasons .reasons-item {
        padding: 15px;
        margin-bottom: 16px;
    }

    #reasons .reasons-item-three .reasons-item-description {
        min-height: 95.5px;
    }

    #reasons .reasons-item-description {
        min-height: 171px;
    }

    #map .description .text-content .title {
        font-size: 25px;
    }

    #map .description .text-content .profession {
        font-size: 20px;
    }

    #map .description .text-content p, #map .description .text-content .text {
        font-size: 17px;
    }

    #footer .footer-top h4 {
        font-size: 16px;
    }

    #events-calendar .events-calendar-info {
        flex-wrap: wrap;
    }

    #events-calendar .events-calendar-info div {
        margin-bottom: 20px;
    }

    #upcoming-events .events-tabs > div {
        font-size: 20px;
        margin-right: 10px;
    }

    .events-calendar-days > div div {
        height: auto;
        line-height: 18px;
    }
}


@media (max-width: 992px) {
    .сourse-editor label:not(.upload_files) {
        height: auto;
        margin-bottom: 10px;
        justify-content: flex-start;
    }

    .сourse-editor .button-block {
        flex-wrap: wrap;
    }

    .сourse-editor .button {
        margin-bottom: 15px;
    }

    #courses-item-page .description, #courses-item-page h1, #courses-item-page .author, #courses-item-page .update {
        color: #4C463A !important;
    }

    #courses-item-page h3.first-h2 {
        margin: 48px 0px 30px;
    }

    #for-teachers-steps .step {
        font-size: 60px;
    }

    #for-teachers-steps-group .none {
        display: none;
    }

    #for-teachers-steps-group img {
        margin-bottom: 30px;
    }

    #for-teachers-steps-group .row {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    #for-teachers-steps .step-title {
        font-size: 30px;
    }

    #for-teachers-steps .step.arrow:after {
        zoom: 0.5;
        top: 42px;
    }

    #courses-page .courses-toolbar > div.courses-toolbar-price {
        display: none;
    }

    #courses-page .courses-tags {
        justify-content: flex-start;
        flex-wrap: wrap;
        margin: 0px -10px;
    }

    #courses-page .courses-tags a {
        margin: 5px 10px;
    }

    #company-training .company-training-blue-bg p {
        font-size: 16px;
    }

    #company-training .company-training-blue-bg h3 {
        font-size: 20px;
    }

    #company-training {
        padding: 50px 0px;
    }

    #top-bar ul {
        display: none;
    }

    #header .search {
        width: calc(100% - 140px);
    }

    #hero .hero-image {
        display: none;
    }

    #new-profession {
        background: none;
    }

    #upcoming-events .events-items .col-xl-4 {
        border-right: 1px solid #C9E6E8;
    }

    #upcoming-events .events-items .col-xl-4:nth-child(2n) {
        border-right: 1px solid #C9E6E8;
        border-left: 1px solid #fff;
    }

    .events-calendar-days > div div {
        font-size: 15px;
    }

    #speakers-hero .img-block {
        margin-top: 0px;
    }

    #hero .row > div:nth-child(1) {
        order: 2;
    }

    #hero .row > div:nth-child(2) {
        order: 1;
    }

    #hero .img-block .main-img,
    #new-profession .new-profession-block-image .new-profession-image,
    #speakers-hero .img-block .main-img, #marketplace-manager .img-block .main-img {
        width: 283px;
        height: 283px;
    }

    #new-profession .new-profession-block-image:after,
    #speakers-hero .img-block:after {
        width: 283px;
        height: 283px;
        left: 0px;
    }

    #marketplace-manager .img-block:after {
        width: 283px;
        height: 283px;
        left: 20px;
    }

    #new-profession .new-profession-block-image {
        text-align: right;
        margin: 0px;
    }


    .close-menu {
        display: block;

    }

    .open-menu {
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
        height: 22px;
        width: 30px;
        position: relative;
    }

    #header .col-lg-9 {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
        align-items: center;
        /*height: 100px;*/
    }

    .navbar {
        position: fixed;
        top: 0px;
        bottom: 0;
        left: 100%;
        width: 300px;
        height: 100vh;
        padding-top: 50px;
        padding-right: 1rem;
        padding-left: 1rem;
        visibility: hidden;
        background-color: #36A2A9;
        transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out;
        transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
        align-content: flex-start;
        z-index: 100;
    }

    .navbar.open {
        visibility: visible;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .navbar ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        flex-direction: column;
    }

    .navbar a, .navbar a:focus {
        line-height: 50px;
        color: #fff;
        white-space: nowrap;
        transition: 0.3s;
    }

    .navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
        color: #CCB68D;
    }

    #hero h1 br {
        display: none;
    }

    #hero h2, #hero a.more, #speakers-hero a.more {
        margin-top: 40px;
    }

    #home-form form {
        margin-bottom: 30px;
    }

    #new-profession .block-number {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin: 16px 0px 50px;
    }

    #how .how-image-block-image {
        text-align: left;
    }

    #how .how-image-block-image:after {
        width: 60%;
        height: 100%;
        right: 0%;
    }

    #how ul {
        padding-left: 20px;
        margin-top: 30px;
    }

    #step .step-image {
        display: none;
    }

    #reasons h2 img {
        margin: -29px 0px 0px 39px;
    }

    #reasons .reasons-item-description {
        min-height: 10px;
    }

    #reasons .reasons-item img {
        width: 100%;
    }

    #reasons .reasons-item.reasons-item-three {
        padding-right: 85px;
    }

    #form-home-footer input {
        margin-bottom: 15px;
    }

    #map .map-box {
        margin-bottom: 40px;
    }

    .modal-block-menu .modal-menu {
        width: max-content;
        height: max-content;
        border-radius: 10px;
        padding: 20px 0px;
    }

    .modal-block-menu .modal-menu .children-menu {
        width: max-content;
        padding: 0px 30px;
        position: relative;
        left: 0px;
    }

    .modal-block-menu .modal-menu li a {
        padding-right: 30px;
    }

    #user-page .user-page-analytics-students div {
        width: calc(100% / 4 - 30px);
    }

    #courses-item-page .courses-item-bar {
        margin-bottom: 40px
    }

    .table-container {
        width: 100%;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table-container table, .table-container .table_cart {
        width: 990px;
    }
}

@media (max-width: 768px) {
    .сourse-editor .button {
        max-width: 600px;
        margin: 0px;
    }

    .сourse-editor table {
        display: inline-block;
        vertical-align: top;
        max-width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }


    #user-page .user-page-analytics-students div {
        width: calc(100% / 3 - 30px);
    }

    .сourse-editor .custom-radio-block {
        flex-wrap: wrap;
    }

    .сourse-editor .custom-radio-block span {
        width: 100%;
        margin-bottom: 10px;
    }

    #for-teachers-steps .step.arrow:after {
        display: none;
    }

    #courses-page .courses-toolbar {
        flex-wrap: wrap;
    }

    #for-teachers-steps .step-text {
        margin-bottom: 20px;
    }

    #for-teachers-steps-group {
        padding: 20px 0px 50px;
    }

    #for-teachers-steps-group .step .step-title {
        width: 100%;
    }

    #courses-page .courses-toolbar > div {
        margin-top: 20px;
    }

    #courses-page .courses-toolbar-courses-modal ul {
        padding: 10px;
    }

    #courses-page .courses-toolbar-courses-modal li {
        font-size: 18px;
    }

    #header .search {
        display: none;
    }

    #hero {
        margin-top: 0px;
        padding: 0px 0px 50px;
        position: relative;
        overflow: hidden;
    }

    #how .col-lg-6:nth-child(3) {
        padding-left: 20px;
    }

    .events-calendar-days > div div {
        font-size: 8px;
        line-height: 1.2;
        padding-top: 12px;
    }

    #upcoming-events .events-items .col-xl-4 {
        border-right: 1px solid #C9E6E8 !important;
        border-left: 1px solid #C9E6E8 !important;
    }


    #footer .footer-bottom {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    #footer .copyright,
    #footer .credits {
        text-align: center;
        float: none;
    }

    #footer .credits {
        padding-top: 4px;
    }

    #hero .objective {
        position: absolute;
        right: -28px;
        bottom: -67px;
    }

    #reasons h2 img {
        display: none;
    }

    .reveal-order-1 {
        order: 1;
    }

    .reveal-order-2 {
        order: 2;
    }

    #reveal-your-strengths .icon {
        margin: 0px 0px 24px;
    }

    #header .col-lg-9, #header {
        height: auto;
    }

    #header {
        padding: 5px 0px;
    }

    #title-page {
        padding: 24px 0px 0px;
    }

    #upcoming-events .events-tabs > div {
        font-size: 16px;
    }

    #upcoming-events .events-tabs {
        display: flex;
        margin-bottom: 50px;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    #events-calendar .events-calendar-info div {
        font-size: 16px;
    }

    #events-calendar .events-calendar-nav {
        font-size: 20px;
        line-height: 75px;
        margin-bottom: 25px;
    }

    #events-calendar .slick-next, #events-calendar .slick-prev {
        width: 30px;
        height: 30px;
        top: 75px;
        z-index: 1000;
        background-size: cover;
    }

    #events-calendar .slick-next {
        left: auto;
        right: 40%;
    }

    #events-calendar .slick-prev {
        left: 40%;
        right: auto;
    }

    #events-calendar .events-calendar-days-week > div {
        font-size: 18px;
        min-height: 40px;
        line-height: 40px;
    }

    .events-calendar-days > div span {
        font-size: 15px;
        line-height: 40px;
        right: 4px;
        top: -8px;
    }

    .events-calendar-days > div div:before {
        content: '';
        position: absolute;
        left: -2px;
        top: 0px;
        width: calc(100% + 4px);
        height: 12px;
        border-radius: 0px;
        overflow: hidden;
    }

    .events-calendar-days > div {
        min-height: 0px;
        padding-bottom: 15px;
    }

    #events-calendar {
        padding-top: 20px;
    }

    #events-calendar .events-calendar-info {
        margin-bottom: 20px;
    }

    #user-page .user-page-courses-link .user-page-btn, #user-page .user-page-courses-link div, #user-page .user-page-training-video .user-page-btn, #user-page .user-page-training-video div {
        width: calc(100% - 30px);
        margin-bottom: 15px;
    }

    #user-page .user-page-analytics-reviews .user-page-analytics-review .user-page-analytics-review-body .user-page-analytics-review-body-info, #courses-item-page .teachers .teacher .teacher-body .teacher-body-info {
        width: 100%;
        margin-top: 20px;
    }

    .breadcrumb li a, .breadcrumb li.active {
        font-size: 14px;
    }

    #courses-item-page h3 {
        font-size: 20px;
    }

    #courses-item-page ul.check-list li, #courses-item-page ul.circular-list li {
        font-size: 16px;
        line-height: 1.2;
    }

    #courses-item-page .programs-info span {
        font-size: 14px;
    }
}

@media (max-width: 600px) {
    .user-register {
        padding: 0px 20px;
    }

    #user-page .user-page-analytics-students div {
        width: calc(100% / 2 - 30px);
    }

    #header .col-xl-3 .menu {
        margin-right: 10px;
    }

    #header .col-lg-3 {
        padding-right: 15px;
    }

    .modal-block-menu .modal-menu, .modal-block-menu .modal-menu .children-menu {
        width: 100%;
    }

    .modal-block-menu .modal-menu .children-menu a {
        font-size: 20px;
    }

    #header .col-xl-3 .logo {
        width: calc(100% - 58px)
    }

    #home-form form button {
        width: 100%;
    }

    #form-home-footer h2, #home-form form h3,
    #training-program h3, .accordion__item .accordion__title,
    #upcoming-events .events-items .events-item .author {
        font-size: 20px;
        line-height: 1.2;
    }

    #reasons .reasons-item-title,
    #home-form .form-block h2,
    #reveal-your-strengths h3,
    #directions-study .directions-study-item h3,
    #marketplace-manager h2, #training-program h2, #how-training h2, #upcoming-events h2, #company-training .company-training-blue-bg h2 {
        font-size: 24px;
        line-height: 1.2;
    }

    #training-program h2 span {
        font-size: 30px;
        line-height: 1.2;
    }

    #upcoming-events h2 {
        margin-bottom: 30px;
    }

    #upcoming-events {
        padding-top: 0px;
    }

    #training-program h2 img {
        position: absolute;
        left: 190px;
        bottom: 0px;
        max-width: 100px;
    }

    #reveal-your-strengths h3 {
        margin-bottom: 20px;
    }

    #go-meeting .col-lg-12 {
        flex-direction: column;
        align-items: flex-start;
    }

    #how-training {
        padding-bottom: 0px;
    }

    #go-meeting a.more {
        margin-top: 30px;
    }

    #reveal-your-strengths p,
    #directions-study .directions-study-item p,
    #speakers-hero ul li, #marketplace-manager p, #training-program p, #how-training p, #how-training .number-description {
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    #reveal-your-strengths .main-image {
        margin-bottom: 10px;
    }

    #reveal-your-strengths h2 {
        margin-bottom: 20px;
    }

    #reasons h2, #step h2, #how h2, #new-profession h2, #hero h1, #title-page h1, #reveal-your-strengths h2, #speakers-hero h1, #courses-item-page h1 {
        font-size: 30px;
        line-height: 1.2;
    }

    #directions-study .directions-study-item {
        height: auto;
    }

    br, #new-profession h2 span:after {
        display: none;
    }

    #home-form .description-form {
        padding: 20px;
    }

    #home-form .description-form ul {
        padding-left: 15px;
    }

    #home-form form input, #form-home-footer input {
        height: 50px;
        font-size: 16px;
    }

    form button {
        height: 50px !important;
        line-height: 45px !important;
        font-size: 16px !important;
    }

    #hero .img-block .line-hero1, #speakers-hero .img-block .line-hero1, #marketplace-manager .line6 {
        max-width: 100px;
        left: 25px;
        top: 82px;
    }

    #speakers-hero .img-block .line-hero2 {
        max-width: 100px;
        position: absolute;
        left: 60px;
        top: 44px;
    }

    #speakers-hero .img-block {
        margin-top: 0px;
    }

    #hero .line-hero2 {
        max-width: 100px;
    }

    #hero .objective {
        position: absolute;
        right: 20px;
        bottom: -30%;
    }

    #hero .objective div:nth-child(2):before {
        background: #36A2A9;
    }

    #hero .objective div:nth-child(2) {
        padding: 0px 0px 0px 40px;
    }

    #hero .objective div:nth-child(3) {
        font-size: 20px;
        line-height: 26px;
    }

    #new-profession .new-profession-block-image .line-2 {
        max-width: 100px;
    }

    #how .how-image-block-image .line-4, #step .line-5 {
        max-width: 100px;
        right: 0px;
    }

    #step .line-5 {
        bottom: 50px;
    }

    #map .map-box .icon img {
        width: 30px;
        height: 30px;
    }

    #map .map-box .icon {
        width: 34px;
        height: 34px;
    }

    #map .map-box .icon.active:after {
        width: 30px;
        left: -2px;
        bottom: -17px;
    }

    #map {
        padding-bottom: 70px;
    }

    #user-page .user-page-analytics-table > div > div:nth-child(1) {
        font-size: 18px;
        width: 250px;
    }

    #user-page .user-page-analytics-table > div > div:nth-child(2) {
        font-size: 18px;
    }
}