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

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

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

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

@media screen and (max-width: 1536px) {
    .about-numbers--col {
        margin-top: 80px;
    }

    .banner__img iframe {
        height: 600px;
    }
}

@media screen and (max-width: 1366px) {
    /*--------------------------------------------*/
    .second-page--title {
        font-size: 75px;
    }
    .section__second-page {
        padding: 80px 0;
    }
    .person_year__title {
        font-size: 30px;
    }
    .person_year__text {
        font-size: 20px;
    }
    .popular_materials--title {
        margin-bottom: 80px;
        font-size: 57px;
    }
    .absolute__about-popular_materials {
        top: -100px;
        right: 40%;
    }
    .participant_projects__title {
        font-size: 40px;
    }
    .participant_projects__text {
        font-size: 18px;
    }
    .about-mission__right img {
        width: 110%;
    }


    .banner__img iframe {
        height: 400px;
    }
}

@media screen and (max-width: 1200px) {
    .header {
        padding: 10px 0 !important;
    }
    body {
        padding-top: 89px;
    }
    .header__logo img {
        max-height: 70px;
    }
    .header__social img {
        width: 32px;
    }
    .header__social a {
        margin-right: 15px;
    }
    .header__contact {
        margin-right: 30px;
    }
    .section__grey-one {
        padding-bottom: 100px;
    }
    .section__10--title {
        font-size: 60px;
    }
    .law-school__title {
        font-size: 60px;
    }
    .section__quotes {
        margin-bottom: 50px;
    }
    .section-quote__block {
        padding: 70px 0;
    }
    .section__11 {
        padding: 100px 0;
    }
    .section__11--title {
        font-size: 80px;
    }
    .section__11--title .subtitle {
        font-size: 65px;
    }
    .section__12 {
        padding: 100px 0;
    }
    .section__14--title div br {
        display: none;
    }
    .section__14--title {
        font-size: 55px;
        max-width: 590px;
    }
    .section__15 {
        padding-bottom: 80px;
    }
    .section__16-item--title {
        font-size: 45px;
        font-weight: bold;
    }
    .section__16-item--text {
        font-size: 18px;
    }
    .section__14--text {
        font-size: 18px;
    }
    .section-quote__text {
        font-size: 18px;
    }
    .aboutus__title {
        font-size: 80px;
    }
    .aboutus__title .subtitle {
        font-size: 60px;
    }
    .law-school__advantage--text {
        font-size: 18px;
    }
    .law-school__advantage--number {
        font-size: 90px;
    }
    .law-school__text {
        font-size: 18px;
        margin-top: 20px;
    }
    .law-school__title .subtitle {
        font-size: 60px;
    }
    .section__17--title {
        font-size: 60px;
    }
    .section__17--text {
        font-size: 20px;
    }
    .section__17--right {
        padding: 30px 0;
    }
    .section__17--left {
        height: 425px;
    }
    .section__20--text {
        font-size: 18px;
    }
    .section__16--title {
        font-size: 70px;
        margin-bottom: 40px;
    }
    .section__22--title {
        font-size: 45px;
        margin-bottom: 30px;
    }
    .section__22--text {
        font-size: 18px;
    }
    .section__23--text {
        font-size: 18px;
    }
    .section__24--title {
        font-size: 60px;
        margin-bottom: 30px;
    }
    .section__24--text {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .section__24__list--title {
        font-size: 22px;
    }
    .section__24__list--text {
        font-size: 18px;
    }
    .section__25 {
        padding-top: 100px;
    }
    .section__25--text {
        font-size: 18px;
    }
    .section__25--title {
        font-size: 60px;
        margin-bottom: 30px;
    }
    .section__25--item--info .text {
        font-size: 18px;
    }
    .section__25--item--info .name {
        font-size: 25px;
    }
    .section__25--item--info .instagram {
        font-size: 18px;
    }
    .section__26--title {
        font-size: 60px;
    }
    .section__26--text {
        font-size: 18px;
        padding: 30px 50px;
    }
    .section__27 {
        padding-top: 100px;
        padding-bottom: 100px;
    }
    .section__27--list-absol1 {
        display: none;
    }
    .section__27--title {
        font-size: 60px;
    }
    .section__27--title .subtitle {
        font-size: 90px;
    }
    .section__27--text {
        font-size: 18px;
    }
    .section__27--list-absol2 {
        top: 0px;
    }
    .section__27--btns {
        margin-top: 80px;
    }
    .section__28--list-absol img {
        max-width: 700px;
    }
    .section__28--list-absol {
        right: 0;
    }
    .section__28--title {
        font-size: 65px;
    }
    .section__28--title .druk_wide {
        font-size: 95px;
    }
    .section__28 {
        padding-top: 250px;
    }
    .section__29--img img {
        height: 380px;
    }
    .section__29--title {
        font-size: 65px;
    }
    .section__29--title .subtitle {
        font-size: 80px;
    }
    .section__29--subtitle2 {
        font-size: 25px;
    }
    .section__29--text {
        font-size: 18px;
    }
    .section__30--title {
        font-size: 65px;
    }
    .section__30--title .subtitle {
        font-size: 85px;
    }
    .section__30--test .title {
        font-size: 28px;
    }
    .section__30--test .text {
        font-size: 18px;
    }
    .section__30 .row img {
        max-height: 300px;
    }
    .section__30 {
        padding: 80px 0;
    }
    .section__30--test {
        margin-bottom: 30px;
    }
    .section__31--title {
        font-size: 65px;
    }
    .section__31--text {
        font-size: 20px;
    }
    .section__22 {
        padding: 80px 0;
    }
    .section__21--text {
        font-size: 18px;
    }
    .section__27--btn .title {
        font-size: 40px;
    }
    .section__27--btn .mode {
        font-size: 18px;
    }
    .section__26 {
        padding: 100px 0;
    }
    /*--------------------------------------------*/
    .second-page--title {
        font-size: 60px;
    }
    .person_year__title {
        font-size: 28px;
        margin-bottom: 20px;
        margin-top: 5px;
    }
    .person_year__text {
        font-size: 18px;
    }
    .absolute__about-popular_materials img {
        max-width: 200px;
    }
    .absolute__about-popular_materials {
        top: -50px;
        right: 30%;
    }
    .participant_projects__text {
        font-size: 16px;
    }
    .participant_projects__absol2 {
        transform: translateY(20%);
    }
    .projects__arrow {
        height: 10px;
    }
    .participant_projects__arrow img {
        max-width: 60px;
    }
    .about-mission__right img {
        transform: translateY(-50%) translateX(0%);
    }
    .about-mission__title h3 {
        font-size: 70px;
    }
    .about-mission__title {
        font-size: 30px;
    }
    .about-mission__text {
        font-size: 18px;
    }
    .section__about-mission {
        padding: 50px 0;
    }
    .section__about-numbers {
        padding: 100px 0;
    }
    .about-numbers__number {
        font-size: 40px;
    }
    .about-numbers__text {
        font-size: 18px;
    }
    .section__about-page-1 {
        padding: 100px 0;
    }
    .about-page__city span {
        font-size: 35px;
        padding: 10px 30px;
        min-width: 250px;
    }
    .about-page__city {
        margin-bottom: 100px;
    }
    .about-team__info--title {
        font-size: 30px;
    }
    .about-team__info--text {
        font-size: 20px;
    }

    .banner__img iframe {
        height: 330px;
    }
}

@media screen and (max-width: 1024px) {
    .about-team__people {
        width: 200px;
        height: 200px;
    }
    .modal-block .md-content {
        padding: 50px 20px 30px 20px;
    }
    .section__29__book--img svg {
        max-width: 50px;
    }
    .section__29__book {
        justify-content: center;
    }
    .section__29__book--ok svg {
        max-width: 30px;
    }
    .modal-block {
        width: 90%;
    }
    .modal-block {
        max-width: 420px;
    }


    .banner__img iframe {
        height: 320px;
    }
}

@media screen and (max-width: 992px) {
    body {
        padding-top: 84px;
    }
    .header__menu .menu li {
        margin-right: 20px;
    }
    .header__mobile .header__menu ul.menu li {
        padding: 0px 0;
        margin-bottom: 10px;
    }
    .header__menu {
        margin-right: 20px;
    }
    .header__social a {
        margin-right: 10px;
    }
    .header__contact {
        margin-right: 20px;
    }
    .header__logo img {
        max-height: 65px;
    }
    .header__menu .menu li a {
        font-size: 14px;
    }
    .header__contact a {
        font-size: 14px;
    }
    .header__social img {
        width: 25px;
    }
    .section__about .section__title {
        font-size: 80px;
    }
    .section__about {
        padding: 150px 0;
    }
    .absolute__about-1 img {
        max-height: 190px;
    }
    .law-school__advantage {
        margin-bottom: 30px;
    }
    .aboutus__title {
        line-height: 1;
        font-size: 60px;
    }
    .aboutus__title .subtitle {
        font-size: 50px;
    }
    .section-quote__block:before,
    .section-quote__block:after {
        width: 40px;
        height: 40px;
    }
    .section-quote__block {
        padding: 50px 0;
    }
    .section-quote__name strong {
        font-size: 20px;
    }
    .section-quote__name i {
        font-size: 16px;
    }
    .section-quote--line {
        margin-bottom: 15px;
    }
    .law-school__title {
        font-size: 45px;
    }
    .section__quotes {
        margin-bottom: 40px;
    }
    .section__10--title {
        font-size: 45px;
    }
    .section__10--text {
        font-size: 18px;
    }
    .section__10--qr {
        margin-top: 40px;
    }
    .section__10--text {
        margin-top: 30px;
    }
    .section__10--qr-text {
        text-align: center;
        margin-top: 30px;
    }
    .section__10 {
        padding: 80px 0;
    }
    .section__11 {
        padding: 80px 0;
    }
    .section__11--title {
        font-size: 60px;
    }
    .section__11--text {
        font-size: 18px;
        margin-top: 30px;
    }
    .section__12 {
        padding: 80px 0;
    }
    .section__12--title {
        font-size: 60px;
    }
    .section__12--text {
        font-size: 18px;
        margin-bottom: 40px;
    }
    .section__13--title {
        font-size: 60px;
    }
    .section__13--title .subtitle {
        font-size: 70px;
    }
    .section__13--absol {
        width: 90px;
    }
    .section__13--text {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 30px;
    }
    .section__13--list {
        padding-left: 100px;
        margin-top: 30px;
    }
    .section__13--list li {
        font-size: 18px;
    }
    .section__13 {
        padding-bottom: 80px;
        padding-top: 80px;
    }
    .section__14--title {
        font-size: 45px;
    }
    .section__14 {
        padding-top: 80px;
        /* padding-bottom: 50px; */
    }
    .section__14 .section__white {
        padding: 20px 0 50px 0;
    }
    .section__15--title {
        font-size: 50px;
    }
    .section__15--text {
        font-size: 18px;
        margin-top: 25px;
    }
    .section__16--title {
        font-size: 60px;
    }
    .section__16 {
        padding-bottom: 80px;
    }
    .law-school__title .subtitle {
        font-size: 50px;
    }
    .section__17--title {
        font-size: 40px;
    }
    .section__17--text {
        font-size: 18px;
        margin-top: 10px;
    }
    .section__17--left {
        height: 300px;
    }
    .section__17--right {
        padding: 0;
    }
    .section__18 {
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .section__19--title {
        font-size: 60px;
    }
    .law-school__advantage--img img {
        max-width: 100px;
    }
    .law-school__advantage--number {
        font-size: 70px;
    }
    .law-school__advantage--img {
        height: 100px;
    }
    .law-school__advantage--text {
        font-size: 16px;
    }
    .section__20 {
        padding: 80px 0;
    }
    .section__20--item-2 {
        margin: 0;
    }
    .section__20--item-3 {
        margin: 0;
    }
    .section__20--item-4 {
        margin: 0;
    }
    .section__20--item-5 {
        margin: 0;
    }
    .section__20--item-6 {
        margin: 0;
    }
    .section__20--item-1 .section__20--img {
        max-width: none;
        width: 300px;
        min-width: auto;
    }
    .section__20--img img {
        max-width: 100%;
    }
    .section__20--img {
        min-width: 250px !important;
        max-width: 250px !important;
    }
    .section__20--item-1 .section__20--body {
        top: 55px;
        margin-left: -80px;
    }
    .section__20--item-2 .section__20--body {
        top: 105px;
        margin-left: -60px;
    }
    .section__20--item-3 .section__20--body {
        top: 145px;
        margin-left: -65px;
    }
    .section__20--item-4 .section__20--body {
        top: 80px;
        margin-left: -65px;
    }
    .section__20--item-5 .section__20--body {
        top: 170px;
        margin-left: -60px;
    }
    .section__20--item-6 .section__20--body {
        top: 140px;
        margin-left: -65px;
    }
    .section__20--schedule {
        padding: 45px 35px 30px 35px;
    }
    .section__21 {
        padding: 80px 0;
    }
    .section__21--title {
        font-size: 60px;
    }
    .section__21--title .subtitle {
        font-size: 65px;
    }
    .section__21--list-absol {
        display: none;
    }
    .section__21--text {
        font-size: 16px;
        padding-top: 20px;
    }
    .section__21--number {
        font-size: 45px;
        width: 60px;
        min-width: 60px;
        height: 60px;
    }
    .section__22 {
        padding: 50px 0;
    }
    .section__24__list--text {
        font-size: 16px;
    }
    .section__24--list {
        margin-bottom: 50px;
    }
    .section__24 {
        padding-bottom: 80px;
    }
    .section__25 {
        padding-top: 80px;
    }
    .section__25__standup {
        margin-bottom: 0;
    }
    .section__26--title {
        font-size: 50px;
    }
    .section__26--text {
        margin-bottom: 50px;
        font-size: 16px;
    }
    .section__27--list-absol {
        display: none;
    }
    .section__27 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .section__27--title .subtitle {
        font-size: 70px;
    }
    .section__27--title {
        font-size: 50px;
        margin-bottom: 30px;
    }
    .section__27--subtitle2 {
        margin-bottom: 40px;
        font-size: 18px;
    }
    .section__27--btn .title {
        font-size: 30px;
    }
    .section__27--btn .text {
        font-size: 18px;
    }
    .section__27--btn .mode {
        font-size: 14px;
    }
    .section__27--btn {
        margin: 0 10px;
    }
    .section__27--btns {
        margin-top: 50px;
    }
    .section__28--list-absol img {
        max-width: 500px;
    }
    .section__28 {
        padding-top: 200px;
    }
    .section__29--list-absol {
        opacity: 0.5;
    }
    .section__29--title .subtitle {
        font-size: 65px;
    }
    .section__29--title {
        font-size: 50px;
    }
    .section__29--subtitle2 {
        font-size: 20px;
    }
    .section__29--text {
        font-size: 16px;
    }
    .section__29-btn .btn {
        margin-right: 20px;
    }
    .section__29--left img {
        max-width: 300px;
    }
    .section__29--left {
        text-align: center;
        margin-bottom: 30px;
    }
    .section__29--img img {
        height: 300px;
    }
    .section__30 {
        padding: 60px 0;
    }
    .section__30--title .subtitle {
        font-size: 65px;
    }
    .section__30--title {
        font-size: 50px;
    }
    .section__30--test .title {
        font-size: 25px;
    }
    .section__30--test .text {
        font-size: 16px;
    }
    .section__31 {
        padding: 80px 0;
    }
    .section__about {
        padding-bottom: 100px;
    }
    .section__law-school {
        margin-bottom: 40px;
    }
    .section__aboutus {
        margin-top: 60px;
    }
    .section__grey-one {
        padding-bottom: 60px;
    }
    .section__10 {
        padding: 60px 0;
    }
    /*-------------------------------*/
    .person_year__line .row {
        flex-direction: column-reverse;
    }
    .person_year__image {
        text-align: center;
    }
    .person_year__image img {
        max-height: 300px;
    }
    .person_year__title {
        display: flex;
        justify-content: center !important;
    }
    .person_year__line-right .person_year__text {
        text-align: left;
    }
    .person_year__text {
        font-size: 16px;
    }
    .person_year__instagram {
        padding: 10px 40px;
        font-size: 20px;
    }
    .person_year__instagram svg {
        width: 25px;
    }
    .absolute__about-popular_materials {
        right: 0;
        top: 0;
    }
    .absolute__about-popular_materials img {
        max-width: 140px !important;
    }
    .person_year__image img {
        max-height: initial;
    }
    .person_year__center {
        max-width: 300px;
    }
    .participant_projects__line .row {
        flex-direction: column-reverse;
    }
    .participant_projects__line .flex-row-reverse {
        flex-direction: column-reverse !important;
    }
    .participant_projects__link {
        justify-content: center;
    }
    .participant_projects__absol2 {
        transform: translate(50%, 20%);
    }
    .participant_projects__title {
        margin-top: 20px;
    }
    .about-mission__right img {
        position: static;
        top: 0;
        transform: none;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
        display: block;
    }
    .about-mission__title {
        text-align: center;
    }
    .about-numbers--col {
        margin-top: 40px;
    }
    .about-numbers__left {
        min-width: 80px;
        max-width: 80px;
        text-align: center;
    }
    .section__about-numbers--title .absolute__block img {
        max-width: 150px;
    }
    .about-team__people {
        width: 150px;
        height: 150px;
    }
    .about-team__info--title {
        font-size: 26px;
    }
    .about-team__info--text {
        font-size: 18px;
    }
    .about-team__line:nth-child(2n) .about-team__right {
        padding-right: 40px;
    }
    .about-team__right {
        padding-left: 40px;
    }
    .about-page__city span {
        font-size: 30px;
    }
    .about-page__city {
        margin-bottom: 80px;
    }
    .about-page__teams {
        padding-bottom: 80px;
    }


    .banner__img iframe {
        height: 250px;
    }
}

@media screen and (max-width: 768px) {
    .header__contact {
        display: none;
    }
    .header__menu {
        display: none;
    }
    .header__burger {
        display: block;
        margin-left: 30px;
        cursor: pointer;
    }
    .header__burger svg {
        width: 40px;
    }
    .header__mobile {
        display: block;
        position: fixed;
        right: 0;
        width: 320px;
        z-index: 1000;
        background: #fff;
        top: 0;
        height: 100vh;
        padding: 20px;
        padding-top: 70px;
        box-shadow: 0px 0px 20px rgb(0 0 0 / 20%);
        transform: translateX(100vw);
        transition: all 0.5s ease;
    }
    .mobile__active .header__mobile {
        transform: translateX(0);
    }
    .header__mobile--top {
        position: absolute;
        top: 20px;
        right: 30px;
    }
    .header__mobile--top svg {
        width: 40px;
    }
    .header__mobile .header__menu {
        display: block;
        margin-right: 0;
        margin-bottom: 10px;
    }
    .header__mobile .header__contact {
        margin-right: 0;
        margin-bottom: 20px;
        display: flex;
        justify-content: center;
    }
    .header__mobile .header__menu ul.menu {
        flex-direction: column;
    }
    .header__mobile .header__menu ul.menu a {
        font-size: 16px;
    }
    .header__mobile .header__menu ul.menu li {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .header__mobile .header__social {
        display: flex;
        justify-content: center;
    }
    .header__mobile .header__social img {
        width: 35px;
    }
    .aboutus__title {
        text-align: center;
    }
    .aboutus__title .subtitle {
        margin-left: 0;
    }
    .absolute__block img {
        max-width: 400px;
    }
    .absolute__block+img {
        max-width: 400px;
    }
    .relative__block {
        text-align: center;
    }
    .section__grey .section__aboutus .absolute__block {
        left: 50%;
        transform: translateX(-50%);
    }
    .section__10--title br {
        display: none;
    }
    .section__10--title {
        margin-bottom: 20px;
    }
    .section__10-btn {
        margin-top: 30px;
    }
    .section__12--title {
        max-width: 100%;
    }
    .section-quote__text {
        font-size: 14px;
    }
    .section__17--left img {
        width: 100%;
    }
    .section__17--left {
        display: none;
    }
    .section__17 {
        padding-top: 50px;
    }
    .section__18 {
        padding: 50px 0;
    }
    .law-school__advantage--img img {
        max-width: 80px;
    }
    .law-school__advantage--text {
        font-size: 14px;
        margin-top: 5px;
    }
    .law-school__advantage--number {
        font-size: 55px;
    }
    .section__19--title {
        margin-bottom: 30px;
    }
    .section__20 {
        padding: 50px 0 100px 0;
    }
    .law-school__title {
        text-align: center;
    }
    .schedule__line--title {
        text-align: left;
    }
    .section__21 {
        padding: 50px 0;
    }
    .section__21--title {
        font-size: 50px;
    }
    .section__22--title {
        font-size: 35px;
        margin-bottom: 20px;
    }
    .section__24--title {
        font-size: 50px;
    }
    .section__25--item .row {
        flex-direction: column-reverse;
    }
    .section__25--item--img {
        justify-content: center;
    }
    .section__25--item--img img {
        max-height: 300px;
    }
    .section__25--item:nth-child(2n) .row {
        flex-direction: column-reverse;
    }
    .section__25--item:nth-child(2n) .section__25--item--img {
        justify-content: center;
    }
    .section__25--item--info {
        text-align: center;
    }
    .section__25--item--info .name {
        display: block;
    }
    .section__25--item {
        margin-bottom: 20px;
    }
    .section__25 {
        padding-bottom: 50px;
    }
    svg.section__26-absol-2 {
        z-index: -1;
    }
    .section__26 {
        padding: 80px 0;
    }
    .section__27--title .subtitle {
        font-size: 60px;
    }
    .section__27--title {
        font-size: 40px;
    }
    .section__27--subtitle {
        font-size: 35px;
    }
    .section__27--btns {
        flex-direction: column;
    }
    .section__27--btn {
        margin: 10px auto;
    }
    .section__27 {
        padding: 50px 0;
    }
    .section__28--list-absol {
        opacity: 0.5;
    }
    .section__28--title {
        font-size: 50px;
    }
    .section__28--title .druk_wide {
        font-size: 70px;
    }
    .section__28 {
        padding-bottom: 50px;
    }
    .section__29 {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .section__29-btn {
        margin-top: 50px;
    }
    .section__29--img img {
        height: 220px;
    }
    .section__31--title {
        font-size: 50px;
    }
    /*----------------------------------------------*/
    .second-page--title {
        font-size: 50px;
    }
    .header__back {
        margin-right: 20px;
    }
    .header__close svg {
        max-width: 25px;
    }
    .popular_materials--title {
        font-size: 45px;
        margin-bottom: 50px;
    }
    .about-team__line {
        flex-direction: column;
        margin-bottom: 40px;
    }
    .about-team__line:nth-child(2n) {
        flex-direction: column;
    }
    .about-team__left {
        padding: 20px;
    }
    .about-team__right {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
        margin-top: 10px;
    }
    .about-page__teams {
        padding-bottom: 30px;
    }
    .about-team__bg-line svg {
        max-height: 250px;
    }

    .banner__img iframe {
        height: 210px;
    }
}

@media screen and (max-width: 645px) {
    .section-quote__block:before {
        left: 0;
    }
    .section-quote__block:after {
        right: 0;
    }
    .section__11 {
        padding: 50px 0;
    }
    .section__11-btn .btn {
        margin: 5px 0;
    }
    .section__15--title {
        font-size: 40px;
    }
    .section__15--text {
        font-size: 16px;
    }
    .section__15 {
        padding-bottom: 50px;
    }
    .section__16-item--title {
        text-align: center;
        font-size: 40px;
    }
    .section__16-item--text {
        font-size: 16px;
        text-align: center;
        max-width: 300px;
        margin: 0 auto;
    }
    .section__16--item {
        margin-bottom: 10px;
    }
    .section__16--title {
        margin-bottom: 20px;
    }
    .section__16 {
        padding-bottom: 40px;
    }
    .section__19 .law-school__advantage {
        max-width: 300px;
        margin-left: auto;
        margin-right: auto;
    }
    .law-school__advantage--number {
        left: 50%;
    }
    .law-school__advantage--top {
        width: 60%;
    }
    .title__yellow::before {
        width: 100%;
        left: 0;
    }
    .section__24--title .title__yellow {
        display: block;
    }
    .section__23 {
        padding-bottom: 30px;
    }
    .section__24__list--line {
        flex-direction: column;
        margin-bottom: 20px;
    }
    .section__24__list--line:nth-child(2n) {
        flex-direction: column;
    }
    .section__24__list--line:nth-child(2n) .section__24__list--right {
        margin-right: 0;
    }
    .section__24__list--right {
        margin-left: 0;
    }
    .section__24__list--title {
        text-align: center;
    }
    .section__24__list--text {
        text-align: center;
    }
    .section__24 {
        padding-bottom: 50px;
    }
    .section__27--text {
        font-size: 16px;
    }
    .section__31--text {
        font-size: 18px;
    }
    .section__30--test .text {
        margin-bottom: 20px;
    }
    /*-----------------------------------------*/
    .second-page--title {
        font-size: 40px;
        margin-bottom: 25px;
    }
    .person_year__title {
        font-size: 24px;
    }
    .person_year__title span {
        display: block;
    }
    .popular_materials--title {
        font-size: 40px;
        margin-bottom: 40px;
    }
    .banner__img iframe {
        display: none;
    }
    .banner__img--gif {
        display: block;
    }
    .banner__img--gif img {
        width: 100%;
    }
    .banner__img--gif video {
        width: 100%;
    }
    .about-mission__title {
        margin-bottom: 30px;
    }
    .section__about-page-1 {
        padding: 70px 0;
    }
    .about-page__city {
        margin-bottom: 50px;
    }
}

@media screen and (max-width: 520px) {
    .section__20--body .text {
        font-size: 16px;
    }
    .section__20--body .name {
        font-size: 25px;
    }
    .section__22--text {
        font-size: 16px;
    }
    .section__23--text {
        font-size: 16px;
    }
    .section__24--title {
        font-size: 45px;
    }
    .section__26--title {
        font-size: 40px;
    }
    .section__26--text {
        padding: 20px 30px;
    }
    .section__27--title .subtitle {
        font-size: 50px;
    }
    .section__27--btn {
        width: 100%;
    }
    .section__29--title .subtitle {
        font-size: 50px;
    }
    .section__29--title {
        font-size: 40px;
    }
    .section__29--img img {
        height: 180px;
    }
    .section__29-btn .btn {
        margin-right: 10px;
        margin-bottom: 10px;
    }
    .section__29-btn {}
    .section__30--title .subtitle {
        font-size: 50px;
    }
    .section__31--text {
        font-size: 16px;
    }
    .section__31 {
        padding-bottom: 50px;
    }
    .section__11--title {
        font-size: 55px;
    }
    .section__11--title .subtitle {
        font-size: 50px;
    }
    .participant_projects__title {
        font-size: 30px;
    }
    .about-numbers--col {
        margin-top: 25px;
    }
}

@media screen and (max-width: 480px) {
    .section__29__book--item {
        margin: 05px;
    }
    .section__about .section__title {
        font-size: 60px;
    }
    .section__about {
        padding-top: 120px;
    }
    .law-school__title {
        line-height: 1;
    }
    .law-school__title .subtitle {
        display: block;
    }
    .law-school__text {
        font-size: 16px;
    }
    .law-school__advantage {
        margin-bottom: 15px;
    }
    .section__10--qr-text {
        font-size: 16px;
    }
    .section__12--title:before {
        left: -30px;
        right: -30px;
        width: auto;
    }
    .section__12--text {
        margin-top: 40px;
    }
    .section__12--text {
        font-size: 16px;
    }
    .section__13--title .subtitle {
        font-size: 60px;
    }
    .section__13--text {
        font-size: 16px;
    }
    ol.section__13--list {
        padding-left: 55px;
    }
    .section__13--list li {
        font-size: 16px;
    }
    .section__13 {
        padding-bottom: 50px;
    }
    .section__14--title {
        font-size: 35px;
    }
    .section__14 {
        padding-top: 50px;
    }
    .section__14--text {
        font-size: 16px;
    }
    .section__15--title {
        font-size: 35px;
    }
    .section__16--title {
        font-size: 40px;
    }
    .law-school__title .subtitle {
        font-size: 40px;
    }
    .law-school__title {
        margin-bottom: 20px;
    }
    .section__17--text {
        font-size: 16px;
    }
    .section__19--title {
        font-size: 40px;
    }
    .section__20--img {
        min-width: 150px !important;
        max-width: 150px !important;
    }
    .section__20--item-1 .section__20--body {
        margin-left: 0px;
    }
    .section__20--body {
        margin-left: 0 !important;
        top: 50% !important;
        display: flex;
        justify-content: center;
        flex-direction: column;
        padding-left: 10px;
    }
    .section__20--body .name {
        font-size: 20px;
    }
    .section__20--body .text {
        font-size: 14px;
    }
    .section__20--item .d-flex {
        display: none !important;
    }
    .section__20 {
        padding-bottom: 50px;
    }
    .section__20--text {
        font-size: 16px;
    }
    .section__20--text .size22 {
        font-size: 19px;
    }
    .section__20--schedule {
        padding: 35px 15px 30px 15px;
        margin: 0 -15px;
    }
    .schedule__title {
        font-size: 20px;
    }
    .schedule__line--number {
        font-size: 16px;
        width: 30px;
        height: 30px;
    }
    .section__21--text {
        font-size: 14px;
        padding-top: 0;
    }
    .section__21--number {
        font-size: 30px;
        width: 50px;
        min-width: 50px;
        height: 50px;
        margin-right: 10px;
    }
    .section__19 .law-school__advantage {
        max-width: 200px;
    }
    .section__22--title {
        font-size: 30px;
    }
    .slider__22__item img {
        margin: 0 auto;
    }
    .slider__22__item {
        display: flex;
        justify-content: center;
    }
    .section__24--title {
        font-size: 40px;
    }
    .section__24 {
        padding-top: 40px;
    }
    .section__25--title .title__yellow {
        display: block;
    }
    .section__25--title {
        font-size: 45px;
    }
    .section__25 {
        padding-top: 50px;
    }
    .section__27--subtitle2 {
        margin-bottom: 25px;
        font-size: 16px;
    }
    .section__27--btn .title {
        font-size: 25px;
    }
    .section__28--title .druk_wide {
        font-size: 60px;
    }
    .section__28--title {
        font-size: 40px;
        margin-bottom: 20px;
    }
    .section__29--img img {
        height: 148px;
    }
    .footer__left {
        width: 100%;
        justify-content: center;
        margin-bottom: 20px;
    }
    .footer .d-flex {
        flex-direction: column;
    }
    .footer__right {
        flex-direction: column;
        justify-content: center;
    }
    .footer__contact {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .absolute__about-1 img {
        transform: none !important;
        opacity: 1 !important;
    }
    .section__10-btn {
        text-align: center;
    }
    .section__26--title .subtitle {
        font-size: 40px;
    }
    /*------------------------------------*/
    .second-page--title {
        font-size: 35px;
    }
    .second-page--title br {
        display: none;
    }
    .person_year__title {
        text-align: center;
    }
    .popular_materials--title {
        font-size: 32px;
    }
    .absolute__about-popular_materials {
        top: -80px;
    }
    .btn {
        font-size: 16px;
    }
    .participant_projects__text {
        font-size: 14px;
    }
    .section__about-numbers--title .absolute__block {
        right: 0;
    }
    .section__about-numbers--title .absolute__block img {
        max-width: 100px;
    }
}

@media screen and (max-width: 400px) {
    .law-school__text {}
    .law-school__advantage--img {
        height: 90px;
    }
    .absolute__block+img {
        width: 100%;
    }
    .absolute__block img {
        max-width: 300px;
    }
    .aboutus__title .subtitle {
        font-size: 45px;
    }
    .aboutus__title {
        font-size: 50px;
        margin-bottom: 20px;
    }
    .law-school__title {
        font-size: 35px;
    }
    .section__10--title {
        font-size: 35px;
    }
    .section__10--text {
        /*font-size: 14px;*/
    }
    .section__11--title {
        font-size: 40px;
    }
    .section__11--title .subtitle {
        font-size: 40px;
    }
    .section__11--text {
        font-size: 16px;
    }
    .section__12 {
        padding: 50px 0;
    }
    .section__12--title {
        font-size: 40px;
    }
    .section__12--title:before {
        height: 145px;
    }
    .section__12--text {
        margin-top: 20px;
    }
    .section__13--title .subtitle {
        font-size: 50px;
    }
    .section__13--title {
        font-size: 45px;
    }
    .section__14--title {
        font-size: 26px;
    }
    .section__14 {
        padding-bottom: 0px;
    }
    .section__14 .section__white {
        padding: 20px 0;
    }
    .section__15 {
        padding-top: 20px;
    }
    .section__15--title {
        font-size: 28px;
        margin-top: 15px;
    }
    .section__20--body .name {
        font-size: 18px;
    }
    .section__20--info {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .section__21--title {
        font-size: 40px;
    }
    .section__21--title .subtitle {
        font-size: 50px;
    }
    .section__22--title {
        font-size: 25px;
    }
    .section__22-btn {
        margin-top: 40px;
    }
    .section__23--text {
        margin-top: 20px;
    }
    .section__24--title {
        font-size: 35px;
    }
    .section__25--item--info .text {
        font-size: 16px;
    }
    .section__26--title {
        font-size: 32px;
    }
    svg.section__26-absol-2 {
        display: none;
    }
    .section__27--title .subtitle {
        font-size: 40px;
    }
    .section__27--title {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .section__27--subtitle {
        font-size: 30px;
        margin-bottom: 15px;
    }
    .section__27--subtitle2 {
        margin-bottom: 15px;
    }
    .section__27--btns {
        margin-top: 30px;
    }
    .section__29--title .subtitle {
        font-size: 40px;
    }
    .section__29--title {
        font-size: 35px;
    }
    .section__29--left img {
        max-width: 250px;
    }
    .section__29--images {
        padding: 0 10px;
    }
    .section__29--img {
        margin: 0 -10px;
    }
    .section__29--img img {
        height: 140px;
    }
    .section__29--subtitle2 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .section__30--title .subtitle {
        font-size: 45px;
    }
    .section__30--title {
        font-size: 40px;
    }
    .section__30 .row img {
        max-height: 200px;
        margin: 10px 0;
    }
    .section__30--test .title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .section__30--test .text {
        font-size: 14px;
    }
    .section__31--title {
        font-size: 45px;
    }
    .header__burger {
        margin-left: 15px;
    }
    .section__13--list li:before {
        font-size: 48px;
    }
    .section__16-item--title {
        font-size: 30px;
    }
    .section__17--title {
        font-size: 35px;
    }
    .popular_materials--title {
        font-size: 28px;
    }
    .header__back {
        margin-right: 10px;
    }
    .header__back a svg {
        display: none;
    }
    .section__about-numbers--title .absolute__block {
        transform: translateY(-50%);
    }
}

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