@media (max-width: 1199px ) {
    .nav-link {
        font-size: 14px;
    }

    .header-title,
    .site-title {
        font-size: 33px;
        line-height: normal;
    }

    .header-subtitle {
        font-size: 22px;
    }

    .counter-text {
        font-size: 15px;
        max-width: 140px;
    }

    .course-authors__item {
        width: 224px;
        height: 300px;
        background-size: 100%;
    }

    .course-authors__item-text {
        left: 14px;
    }

    .advantages__item {
        height: 270px;
        width: 220px;
    }

    .reviews-slider__item {
        height: 360px;
    }

    .footer-form {
        padding: 45px 35px 30px;
    }

    .fa-play-circle.fa-stack-1x {
        font-size: 35px;
    }
}

@media (max-width: 991px ) {

    #navbarNav .get-course-btn {
        display: none;
    }

    .course-authors__item {
        width: 170px;
        height: 235px;
    }

    .course-authors__item-text {
        max-width: 155px;
        left: 20px;
    }

    .advantages__item {
        height: 295px;
        width: 170px;
    }

    .advantages__item-subtitle {
        font-size: 14px;
    }

    .footer-form .col-auto {
        padding: 0 10px !important;
        width: 50%;
    }

    footer {
        font-size: 14px;
    }

    .form-popup__wrap {
        top: 18%;
        left: 20%;
    }
}

@media (min-width: 768px ) and (max-width: 1199px ) {
    .counter-item {
        background-size: 50%;
    }
}

@media (min-width: 768px ) and (max-width: 991px ) {
    .counter-item {
        height: 270px;
    }
}

@media (max-width: 767px ) {
    .header .row {
        flex-direction: column-reverse;
    }

    .site-title span {
        display: block;
        line-height: normal;
    }

    .counter,
    .course-authors,
    .advantages,
    .contents,
    .reviews,
    .footer-form__container {
        padding-bottom: 45px;
    }

    .counter-item {
        max-width: 360px;
        margin: 0 auto 25px;
    }

    .course-authors__item {
        margin: 0 auto;
        width: 263px;
        height: 344px;
    }

    .course-authors .slick-track {
        margin-bottom: 50px;
    }

    .course-authors__item-text {
        height: auto;
        max-height: 158px;
        padding: 15px 10px;
        max-width: 220px;
        left: 0;
        -webkit-box-shadow: 0 0 10px 0 rgb(189, 187, 189);
        -moz-box-shadow: 0 0 10px 0 rgb(189, 187, 189);
        box-shadow: 0 0 10px 0 rgb(189, 187, 189);
    }

    .course-authors__item-subtitle {
        padding-bottom: 15px;
    }

    .course-authors__item-descr {
        opacity: 1;
        height: auto;
        padding-top: 15px;
    }

    .advantages__item {
        height: 262px;
        width: 262px;
        margin: 0 auto 25px;
    }

    .advantages__item-subtitle {
        font-size: 16px;
    }

    .content-step {
        padding: 0;
        background: #f5f5f5;
    }

    .content-step .container {
        max-width: none;
    }

    .content-step__text {
        max-width: 540px;
        margin: 0 auto;
        padding-top: 15px;
    }

    .content-step__list {
        padding-top: 15px;
        background: #062a72;
    }

    .content-step__item {
        max-width: 540px;
        width: 100%;
        margin: 0 auto 15px;
    }

    .content-step2 .row {
        flex-direction: column-reverse;
    }

    .quotes {
        top: 0;
        border-top-left-radius: 25px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 25px;
    }

    .reviews-slider__item {
        width: 100%;
        height: 100%;
        display: inline-block;
        padding: 115px 15px 25px;
        max-width: 385px;
    }

    .reviews-slider__name {
        margin-left: 0;
    }

    .reviews-slider__name p {
        color: #062a72;
    }

    .reviews-slider__avatar {
        position: absolute;
        right: 5px;
        top: 5px;
    }

    .footer-form__container .site-title {
        margin: 0 auto 15px;
    }

    .footer-form__container .site-subtitle {
        padding-bottom: 25px;
    }

    .footer-form__container .container {
        max-width: none;
        margin: 0 auto;
        padding-right: 0;
        padding-left: 0;
    }

    .footer-form__container .container .site-title,
    .footer-form__container .container .site-subtitle {
        padding-right: 15px;
        padding-left: 15px;
    }

    .footer-form {
        width: 100%;
        padding: 35px 15px 15px;
        background-color: #e6e9ec;
    }

    .footer-form .form-row {
        flex-direction: column;
    }

    .footer-form .col-auto {
        width: 100%;
        max-width: 350px;
    }

    .footer-form p {
        font-size: 16px;
        color: #262626;
    }

    .get-course-btn2 {
        max-width: 353px;
    }

    label.error {
        color: red;
    }

    .footer-bg1 {
        padding: 0 0 25px;
        background-color: #ffffff;
    }

    .contacts {
        padding-bottom: 15px;
    }

    .form-popup__ipad {
        position: static;
        width: 100%;
        height: auto;
        margin-bottom: 15px;
        padding: 50px 25px 15px;
        color: #ffffff;
        background: #062a72;
    }

    .form-popup__title {
        font-size: 32px;
        padding-bottom: 15px;
    }

    .form-popup__subtitle {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .form-popup__wrap {
        top: 0;
        left: 0;
        padding: 0;
        background: #ffffff;
    }

    .form-popup__form-block {
        padding: 15px 25px 20px;
    }

}

@media (max-width: 576px) {
    .navbar-brand {
        font-size: 22px;
    }

    .navbar-brand img {
        max-width: 70px;
    }

    .header-image {
        padding-bottom: 15px;
    }

    .header-title {
        font-size: 21px;
        line-height: normal;
    }

    .header-subtitle {
        font-size: 16px;
    }

    .timer-item div {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .timer-item p {
        font-size: 10px;
    }

    .colon {
        font-size: 42px;
        padding: 0 10px;
        margin-top: -3px;
    }

    .counter-number {
        font-size: 39px;
    }

    .counter-text {
        font-size: 14px;
    }

    .counter-text,
    .counter-item3 .counter-text {
        max-width: 140px;
    }

    .site-subtitle {
        font-size: 15px;
    }

    .content-step__item {
        font-size: 15px;
    }

    .reviews-slider__item {
        margin: 15px 0 25px;
    }

    .form-popup__title {
        font-size: 28px;
    }

    .form-popup__subtitle {
        font-size: 18px;
    }

    .form-popup__name {
        font-size: 16px;
    }

    .form-popup__name span {
        display: block;
        font-size: 30px;
    }
}

@media (max-width: 350px) {
    .navbar-brand img {
        max-width: 65px;
    }

    .timer-item div {
        font-size: 24px;
    }

    .colon {
        font-size: 40px;
        margin-top: -6px;
    }

    .counter-item {
        background-size: 50%;
    }
}