@media (max-width: 1319px) {
    /*
    Дима, тут ты можешь кореекции стилей для разрешения экрана 1400px
    Таким образом, все правила css, сделанные в файле, например common.css, будут применяться для всех разрешений экрана, пока ты не скорректрируешь их в этом файле для указанного размера
    Важно: легче поддерживать адаптивность от большего к меньшему, поэтому лучше начинать с максимального разрешения экрана
    */

}

@media (max-width: 1199px) {
    .courses-common-header{
        height: 440px;
    }
    .courses-common-wrapper .header-wrapper{
        height: 420px;
    }
    .courses-common-header .header-wrapper .content{
        width: 45%;
    }
    .courses-common-header .header-wrapper .content .title{
        font-size: 36px;
        line-height: 44px;
    }
    .courses-common-header .header-wrapper .content .subtitle{
        font-size: 28px;
        line-height: 36px;
    }
    .courses-common-header .header-wrapper .main-image{
        width: 50%;
    }
    .courses-common-what-for .tiles .tile{
        padding: 24px;
        gap: 12px;
    }

    .courses-common-how-lessons-going .items .item{
        border-radius: 24px;
        padding: 24px;
    }
    .courses-common-how-lessons-going .items .item.wide img{
        width: 40%;
        border-radius: 24px;
    }
    .courses-common-how-lessons-going .items .item.wide .content{
        width: 60%;
        gap: 18px;
    }

    .our-lessons-wrapper .info{
        width: 55%;
    }
    .our-lessons-wrapper .info >.items .item{
        gap: 18px;
        padding: 18px 24px;
    }
    .our-lessons-wrapper .info >.items .item .number{
        font-size: 36px;
        line-height: 48px;
    }
    .our-lessons-wrapper .info >.items .item .text >.title{
        font-size: 18px;
        line-height: 24px;
    }
    .our-lessons-wrapper > img{
        max-width: 40%;
    }

    .courses-common-what-is.section{
        padding: 36px 90px;
    }
    .courses-common-what-is .items .item{
        gap: 0px;
    }
    .courses-common-what-is .items .item .content{
        gap: 12px;
        padding: 24px;
    }

    .courses-common-how-does-it-work .tiles .tile{
        width: calc(100% / 3 - 2 / 3 * 24px);
        min-height: 240px;
    }

    .courses-common-course-sections .tiles .tile{
        min-height: 260px;
    }

    .courses-common-wrapper .courses-common-what-you-get{
        padding: 36px 90px;
    }
}

@media (max-width: 991px) {
    .courses-common-header{
        height: 380px;
    }
    .courses-common-wrapper .header-wrapper{
        height: 360px;
    }
    .courses-common-header .header-wrapper .content{
        width: 50%;
    }
    .courses-common-header .header-wrapper .content .title{
        font-size: 28px;
        line-height: 36px;
    }
    .courses-common-header .header-wrapper .content .subtitle{
        font-size: 22px;
        line-height: 28px;
    }
    .courses-common-header .header-wrapper .main-image{
        width: 45%;
    }

    .courses-common-target > img{
        display: none;
    }
    .courses-common-target .content{
        width: 100%;
        line-height: 20px;
        padding: 36px;
    }


    .courses-common-what-for{
        gap: 36px;
    }
    .courses-common-what-for .tiles .tile{
        width: calc(100% / 2 - 1 / 2 * 24px);
    }

    .courses-common-how-lessons-going .items{
        gap: 12px;
    }
    .courses-common-how-lessons-going .items .item{
        width: calc(100% / 3 - 2 / 3 * 12px);
        border-radius: 30px;
        padding: 12px;
        gap: 12px;
    }
    .courses-common-how-lessons-going .items .item .text{
        font-size: 16px;
    }
    .courses-common-how-lessons-going .items .item img {
        border-radius: 24px;
        width: 100%;
    }
    .courses-common-how-lessons-going .items .item .labels .label{
        padding: 4px 12px;
        border-radius: 18px;
    }
    .courses-common-how-lessons-going .items .item.wide {
        width: calc(100% / 2 - 12px);
        flex-direction: column;
        padding: 12px 12px 24px 12px;
    }
    .courses-common-how-lessons-going .items .item.wide img {
        border-radius: 24px;
        width: calc(100% * 2 / 3);
    }
    .courses-common-how-lessons-going .items .item.wide .content{
        width: 100%;
    }


    .our-lessons-wrapper .info{
        width: 55%;
    }
    .our-lessons-wrapper .info >.items .item{
        gap: 12px;
        padding: 24px;
        flex-direction: column;
    }
    .our-lessons-wrapper .info >.items .item .text >.title{
        font-size: 16px;
        letter-spacing: 0.15px;
    }
    .our-lessons-wrapper > img{
        max-width: 40%;
    }

    .courses-common-what-is.section{
        padding: 24px 60px;
    }
    .courses-common-what-is .items .item .content .label{
        padding: 8px 12px;

        font-size: 22px;
        line-height: 28px;
    }

    .courses-common-how-does-it-work .tiles .tile{
        width: calc(100% / 2 - 1 / 2 * 24px);
        min-height: 200px;
        padding: 24px;
        gap: 12px;
    }

    .courses-common-course-sections .tiles .tile{
        width: calc(100% / 2 - 1 / 2 * 24px);

        min-height: 220px;
    }

    .courses-common-course-form-us > img{
        display: none;
    }

    .courses-common-wrapper .courses-common-what-you-get{
        padding: 24px 60px;
    }
}

@media (max-width: 767px) {
    .courses-common-header{
        height: auto;
    }
    .courses-common-wrapper .header-wrapper{
        flex-direction: column;
        gap: 24px;
        height: auto;
    }
    .courses-common-header .header-wrapper .content{
        width: 100%;
        padding: 48px 24px 0px;
    }

    .courses-common-header .header-wrapper .content .subtitle{
        font-size: 18px;
        line-height: 22px;
    }
    .courses-common-header .header-wrapper .content .button{
        width: 100%;
    }
    .courses-common-header .header-wrapper .main-image{
        width: 100%;
    }

    .courses-common-target .content{
        font-size: 14px;
        line-height: 20px;

        padding: 24px 12px;
        border-radius: 30px;
    }
    .courses-common-target .content .button{
        width: 100%;
    }
    .courses-common-target .content {
        align-items: flex-start;
    }
    .courses-common-wrapper .section{
        padding: 0px
    }
    .courses-common-wrapper .section >.title, .courses-common-wrapper .section .content >.title{
        font-size: 24px;
        line-height: 32px;
    }

    .courses-common-what-for{
        gap: 24px;
    }
    .courses-common-what-for .tiles{
        gap: 12px;
        display: flex;
        flex-wrap: nowrap;
    }

    .courses-common-what-for .tiles .tile{
        width: 312px;
        flex: none;
    }

    .courses-common-how-lessons-going .items .item{
        width: 100%;
        gap: 24px;
    }
    .courses-common-how-lessons-going .items .item .labels{
        padding: 0px 12px;
    }
    .courses-common-how-lessons-going .items .item .text{
        padding: 0px 12px 12px;
    }
    .courses-common-how-lessons-going .items .item.wide{
        width: 100%;
    }
    .courses-common-how-lessons-going .items .item.wide img{
        width: 100%;
    }

    .courses-common-how-lessons-going .items .item.wide .text{
        padding: 0px 0px 12px;
    }

    .courses-common-our-lessons{
        background-position-y: bottom;
    }
    .courses-common-wrapper .our-lessons-wrapper{
        flex-direction: column;
        padding: 24px 12px;
    }
    .our-lessons-wrapper .info >.title {
        font-size: 24px;
        line-height: 32px;
        text-align: left;
    }

    .our-lessons-wrapper .info{
        width: 100%;
    }
    .our-lessons-wrapper > img{
        max-width: 100%;
    }

    .courses-common-wrapper .section .content >.title{
        font-size: 22px;
        line-height: 28px;
    }

    .courses-common-what-is.section{
        padding: 24px 12px;
        border-radius: 30px;
    }
    .courses-common-what-is .items .item{
        flex-direction: column;
        border-radius: 30px;
    }

    .courses-common-how-does-it-work .tiles .tile{
        width: 100%;
        min-height: 0px;
        padding: 24px 12px;
    }


    .courses-common-course-sections .tiles .tile{
        width: 100%;
        min-height: 0px;
    }

    .courses-common-course-form-us .content .row{
        flex-direction: column;
    }

    .courses-common-wrapper .courses-common-what-you-get{
        padding: 24px 12px;
    }
    .courses-common-wrapper .courses-common-what-you-get .list .item{
        flex-direction: column;
    }
    .courses-common-wrapper .courses-common-what-you-get .list .item:nth-of-type(2n){
        flex-direction: column;
    }
    .courses-common-wrapper .courses-common-what-you-get .list .item .content{
        padding: 24px;
    }
}