@media screen and (max-width: 1290px) {
    .section-post-title, .section-post-title-sub {
        margin: 0 20px;
    }
    .section-hero:before {
        /* background: url(../i/icon-abs-1-mob.svg);
        width: 193px;
        height: 334px; */
        display: none;
    }
    .hero-abs-svg-wrapper.reveal{
        display: none;
    }
    .section-hero-first-block-circle{
        bottom: -210px;
        right: -260px;
    }
    .section-hero-first-block-arrow{
        bottom: -210px;
        right: -240px;
    }
    .section-hero:after {
        background: url(../i/icon-abs-2-mob.svg);
        width: 106px;
        height: 158px;
    }
    .main-menu {
        gap: 10px;
    }
    .main-menu li a, .site-header-phones li a, .site-header-link {
        font-size: 16px;
        line-height: 20px;
    }
    .site-header-right {
        gap: 14px;
    }
    .site-header-phones li img {
        width: 20px;
        height: 20px;
        margin-top: -10px;
    }
    .site-header-phones li {
        padding: 0 0 0 26px;
    }
    .site-header-phones {
        padding-right: 20px;
    }
    .testimonials-slider-item-content {
        gap: 20px;
        padding-left: 40px;
    }
    .testimonials-slider-item-content:before {
        width: 28px;
        height: 50px;
        background-size: 100% auto !important;
    }
    .testimonials-slider-item-content-text,
    .testimonials-slider-item-author, .testimonials-slider-item-author span {
        font-size: 14px;
        line-height: 18px;
    }
    .section-closest-events-item {
        width: calc(50% - 10px);
    }
    .section-closest-events-item-text {
        font-size: 18px;
        line-height: 22px;
    }
    .section-courses-item-img {
        height: 348px;
    }
}
@media screen and (max-width: 1190px) {
    .site-footer-top .site-size {
        gap: 28px;
        flex-wrap: nowrap;
    }
    .modal-window {
        width: 90%;
        left: 5%;
    }
}
@media screen and (max-width: 1220px) {
    .section-faq-items {
        width: calc(100% - 40px);
    }
}
@media screen and (max-width: 1024px) {
    .section-hero-title-main {
        /* font-size: 36px;
        line-height: 40px; */
        font-size: 32px;
        line-height: 1.3;
    }
    .section-hero-title-sub {
        font-size: 20px;
        line-height: 26px;
    }
    .section-hero-link {
        font-size: 18px;
        line-height: 24px;
        width: 100%;
        padding: 12px;
        text-align: center;
    }
    .section-hero {
        height: 512px;
    }
    .section-hero .site-size {
        height: 430px;
    }
    .site-header, .site-header .site-size {
        height: 52px;
    }
    .logo {
        width: 78px;
        height: 28px;
        background: url(../i/logo-mob.svg) no-repeat center center;
    }
    .main-menu, .site-header-link {
        display: none;
    }
    .mob-menu-overlay, .mob-menu {
        display: block;
    }
    .section-study {
        padding: 40px 0;
    }
    .section-study-title:first-child {
        font-size: 24px;
        line-height: 30px;
        padding: 0 0 12px;
    }
    .section-study-title {
        padding: 20px 0;
    }
    .section-study-features {
        margin: 0;
    }
    .section-study-feature {
        font-size: 14px;
        line-height: 18px;
        padding: 8px 12px;
        text-align: center;
    }
    .section-study-title {
        font-size: 20px;
        line-height: 26px;
    }
    .section-study-slider-wrapper, .section-study-slider, .section-study-slider-slide {
        height: 60px;
    }
    .section-study-slider-wrapper {
        margin: 0 0 20px;
    }
    .section-study-slider-slide {
        line-height: 60px;
    }
    .section-study-slider-prev, .section-study-slider-next {
        display: none !important;
    }
    .section-hero-link {
        width: auto;
        max-width: 100%;
    }
    .site-footer-top .site-size {
        padding-top: 40px;
        flex-wrap: wrap;
        gap: unset;
    }
    .site-footer-logo {
        width: 100%;
        background-size: 146px auto;
        padding-top: 108px;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 28px;
    }
    .footer-menu-col {
        width: 100%;
        padding-top: 22px;
    }
    .footer-menu-col li + li {
        margin-top: 12px;
    }
    .footer-menu-col a, .footer-menu-col.m-content {
        font-size: 14px;
        line-height: 20px;
    }
    .footer-menu-col + .footer-menu-col {
        margin-top: 28px;
    }
    .site-footer-top .site-size > div:not(.footer-menu-col) {
        width: 100%;
    }
    .site-footer-top .site-size > div {
        margin-bottom: 14px;
    }
    .site-footer-copyright .site-size {
        padding-bottom: 40px;
        padding-top: 8px;
        flex-wrap: wrap;
    }
    .site-footer-copyright .site-size span {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }
    .site-footer-bottom-menu {
        padding: 12px 0 0;
        margin: 0;
        gap: unset;
        flex-wrap: wrap;
    }
    .site-footer-bottom-menu li {
        width: 100%;
    }
    .site-footer-bottom-menu li + li {
        margin-top: 12px;
    }
    .site-footer-bottom-menu a {
        font-size: 14px;
        line-height: 20px;
    }
    .section-contact-us {
        padding: 40px 0 378px;
    }
    .contact-form-wrapper {
        width: calc(100% - 16px);
        margin-left: 8px;
        margin-right: 8px;
    }
    .section-contact-us-title {
        font-size: 24px;
        line-height: 30px;
    }
    .section-contact-us-text {
        font-size: 16px;
        line-height: 22px;
    }
    .section-contact-us-img {
        position: absolute;
        width: 318px;
        height: 318px;
        background: url(../i/img-contact-us-mob.png) no-repeat center center;
        right: auto;
        left: 50%;
        margin-left: -159px;
        bottom: 40px;
    }
    .section-contact-us:after {
        width: 140px;
        height: 147px;
        background: url(../i/icon-circle-mob.svg) no-repeat center center;
    }
    .testimonials-slider-item {
        flex-wrap: wrap;
        padding: 16px;
    }
    .testimonials-slider-item, .testimonials-slider-wrapper,
    .testimonials-slider, .testimonials-slider-item-img {
        height: auto;
    }
    .testimonials-slider-item-img {
        border-radius: 200px;
        width: 160px;
        height: 214px;
        margin: 0 auto 16px;
    }
    .testimonials-slider-item-img-wrapper {
        height: 280px;
        line-height: 280px;
        margin-top: -140px;
    }
    .testimonials-slider-item-content {
        width: 100%;
        padding: 0;
    }
    .testimonials-slider-item-content:before {
        display: none;
    }
    .testimonials-slider-item-content-text, .testimonials-slider-item-author,
    .testimonials-slider-item-author span {
        font-size: 16px;
        line-height: 22px;
    }
    .section-blog .site-size {
        width: calc(100% - 20px) !important;
    }
    .section-courses-item-img {
        height: 240px;
    }
    .package-wrapper:before {
        display: none;
        padding: 34px;
    }
}

@media screen and (max-width: 662px) {
    .section-hero-title-main {
        font-size: 24px;
    }
    .package-wrapper {
        padding: 24px 16px;
        flex-wrap: wrap;
    }
    .package-wrapper-col {
        width: 100%;
    }
    .package-wrapper-col + .package-wrapper-col {
        margin-top: 16px;
    }
    .package-title {
        font-size: 24px;
        line-height: 30px;
    }
    .package-title-sub {
        font-size: 20px;
        line-height: 26px;
    }
    .package-text {
        padding: 0;
        font-size: 16px;
        line-height: 22px;
    }
    .package-item {
        padding: 6px 0 0 40px;
        font-size: 16px;
        line-height: 22px;
        position: relative;
    }
    .package-item img {
        position: absolute;
        width: 18px;
        left: 0;
        top: 5px;
    }
    .package-wrapper-col .section-hero-link {
        width: calc(100% - 32px);
    }
}
@media screen and (max-width: 768px) {

    .section-hero-first-block-circle{
        bottom: -230px;
        right: -270px;
    }
    .section-hero-first-block-arrow{
        bottom: -220px;
        right: -250px;
    }

    .section-post-title {
        font-size: 28px !important;
        line-height: 32px !important;
    }
    .section-post-title-sub {
        font-size: 20px !important;
        line-height: 26px !important;
        padding-top: 20px;
    }
    .section-post-top:before {
        width: 193px;
        height: 334px;
        background: url(../i/icon-abs-post-top-mob.svg) no-repeat center center;
    }
    .section-post-top:after {
        width: 106px;
        height: 215px;
        background: url(../i/icon-abs-post-top-bottom-mob.svg) no-repeat center center;
        right: 0;
        bottom: 100px;
    }
    .post-img-wrapper {
        height: 180px;
    }
    .post-img {
        width: 600px;
        height: 600px;
        line-height: 600px;
        margin-top: -300px;
        margin-left: -300px;
    }
    .section-post-text {
        padding: 0 0 28px;
        font-size: 16px;
        line-height: 22px;
    }
    .section-post-text h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .section-post-content {
        padding-top: 40px;
    }
    .contact-form-wrapper {
        padding: 24px 16px;
    }
    .contact-form-group {
        width: 100%;
        margin: 6px 0;
    }
    .contact-form-wrapper input[type='submit'] {
        width: 100%;
        font-size: 18px;
        height: 48px;
    }
    .contact-form-wrapper input[type='text'], .contact-form-wrapper input[type='tel'],
    .contact-form-wrapper input[type='email'] {
        height: 52px;
        font-size: 16px;
    }
    .contact-form-text {
        font-size: 14px;
        line-height: 18px;
    }
    .section-faq {
        padding: 40px 0;
    }
    .section-faq-title {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 10px;
    }
    .section-faq-items {
        padding-top: 10px;
    }
    .section-faq-item {
        font-size: 18px;
        line-height: 24px;
        padding: 18px 52px 18px 18px;
    }
    .section-faq-item:after {
        top: 24px;
        right: 25px;
    }
    .section-faq-item-answer {
        font-size: 16px;
        line-height: 22px;
        margin-top: 2px;
    }
    .section-guarantees {
        padding: 40px 0;
    }
    .section-guarantees:before {
        height: 117px;
        background: url(../i/icon-waves-mob.svg) repeat-x bottom center;
    }
    .section-guarantees-bottom-text {
        font-size: 20px;
        line-height: 26px;
        padding-left: 32px;
    }
    .section-guarantees-bottom-text:before {
        width: 20px;
        height: 17px;
        background-size: 100% auto;
        top: 50%;
        margin-top: -8px;
    }
    .section-guarantees-item {
        width: 100% !important;
        padding: 20px;
    }
    .section-guarantees-item-image {
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
    }
    .section-guarantees-item-title {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 8px;
    }
    .section-guarantees-item-text {
        font-size: 16px;
        line-height: 22px;
    }
    .section-about-platform {
        padding: 40px 0;
    }
    .section-about-platform:before {
        background: url(../i/icon-about-platform-mob.svg);
        width: 125px;
        height: 138px;
        right: 0;
        top: 28px;
    }
    .section-about-platform-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .section-about-platform-link-image {
        width: 100%;
        /* height: 182px; */
    }
    .section-about-platform-link-image-pic {
        height: 300px;
        line-height: 300px;
        width: 800px;
        margin: -150px 0 0 -400px;
    }
    .section-about-platform-link-image-pic img{
        width: calc(100vw + 30px);
    }
    .btn-play-video {
        width: 94px;
        height: 48px;
        border-radius: 30px;
        margin: -24px 0 0 -47px;
        background-size: 18px 22px !important;
    }
    .section-testimonials {
        padding: 40px 0;
    }
    .section-testimonials-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    .testimonials-slider-wrapper {
        padding-bottom: 36px;
    }
    .testimonials-slider-dots .slick-dots li {
        width: 16px;
        height: 16px;
        border-width: 4px;
        margin: 0 5px !important;
    }
    .section-blog {
        padding: 40px 0;
    }
    .section-blog-title {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 8px;
    }
    .section-blog-title-sub {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 20px;
    }
    .section-blog-items {
        margin-bottom: 20px;
    }
    .section-blog-link a {
        font-size: 16px;
        line-height: 20px;
    }
    .section-blog-items {
        overflow-x: hidden;
        font-size: 0;
        text-align: left;
        display: block;
        white-space: nowrap;
    }
    .section-blog-items.m-list {
        flex-wrap: wrap;
        display: flex;
    }
    .section-blog-items.m-list .section-blog-item {
        width: 100%;
        margin: 8px 0;
    }
    .section-blog-item {
        width: 300px;
        height: 316px;
        display: inline-block;
        vertical-align: top;
    }
    .section-blog-item + .section-blog-item {
        margin-left: 12px;
    }
    .section-blog-item-img {
        height: 166px;
    }
    .section-blog-item-img-wrapper {
        width: 500px;
        height: 500px;
        line-height: 500px;
        margin: -250px 0 0 -250px;
    }
    .section-blog-item-content {
        padding: 12px 18px;
    }
    .section-blog-item-text-short, .section-blog-item-title {
        white-space: normal;
    }
    .section-blog-item-title {
        font-size: 18px;
        line-height: 24px;
        height: 48px;
        margin-bottom: 8px;
    }
    .section-blog-item-text-short {
        font-size: 16px;
        line-height: 22px;
        height: 66px;
    }
    .why-we-item {
        width: 100%;
        padding: 20px 16px;
        margin: 0;
    }
    .why-we-item + .why-we-item {
        margin-top: 12px;
    }
    .why-we-item-img {
        width: 44px;
    }
    .why-we-item-text {
        font-size: 20px;
        line-height: 26px;
        padding-left: 16px;
        height: auto;
        width: calc(100% - 65px);
    }
    .section-closest-events {
        padding: 40px 0;
    }
    .section-closest-events-items {
        flex-wrap: wrap;
    }
    .section-closest-events-item {
        width: 100%;
        height: auto;
    }
    .section-closest-events-item-content {
        height: auto;
        padding: 16px;
        flex-wrap: wrap;
    }
    .section-closest-events-item-btn {
        font-size: 18px;
        line-height: 24px;
        width: 100%;
        text-align: center;
    }
    .section-closest-events-item-text {
        font-size: 18px;
        line-height: 24px;
        width: 100%;
        padding-bottom: 8px;
    }
    .section-closest-events-item + .section-closest-events-item {
        margin-top: 20px;
    }
    .section-closest-events-item-img {
        height: 220px;
    }
    .section-closest-events-title {
        font-size: 24px;
        line-height: 30px;
    }
    .section-closest-events-title-sub {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 20px;
    }
    .section-closest-events-item-date {
        width: 124px;
        height: 43px;
        font-size: 16px;
        line-height: 43px;
        background-size: 100% auto;
    }
    .section-courses {
        padding: 40px 0;
    }
    .section-courses-item-img {
        height: 220px;
    }
    .section-courses-item {
        width: 100%;
        margin: 6px 0;
    }
    .package-wrapper {
        margin-top: 6px;
    }
    .section-courses-title {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 20px;
    }
    .section-courses-item-content {
        padding: 16px 140px 16px 16px;
        font-size: 18px;
        line-height: 24px;
    }
    .package-bottom-text {
        font-size: 16px;
        line-height: 22px;
        padding-left: 32px;
        text-align: left;
    }
    .package-bottom-text:before {
        width: 20px;
        height: 20px;
        background-size: 100% auto;
        top: 50%;
        margin-top: -10px;
    }
    .modal-window {
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
        top: 20px;
        padding: 24px 16px;
    }
    .modal-window-title {
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 12px;
    }
    .modal-widow-close {
        top: 5px;
        right: 5px;
    }
    .modal-window-module {
        padding: 12px 16px;
    }
    .modal-window-module-title {
        font-size: 20px;
        line-height: 26px;
    }
    .modal-window-module-content {
        font-size: 16px;
        line-height: 22px;
    }
    .modal-window-module + .modal-window-module {
        margin-top: 4px;
    }
    .modal-window.m-cf {
        width: auto;
        left: 10px;
        right: 10px;
    }
}
@media screen and (max-width: 900px) {
  .section-blog-items {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    gap: 16px;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    padding-bottom: 12px;
    width: auto !important;
    margin-bottom: 0 !important;
    font-size: initial !important;
    text-align: initial !important;
    white-space: normal !important;
  }
  .section-blog-item {
    width: 80vw !important;
    min-width: 80vw;
    max-width: 90vw;
    flex: 0 0 auto;
    scroll-snap-align: start;
  }
  .section-blog-items::-webkit-scrollbar {
    display: none;
  }
  .section-blog-items {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
@media screen and (max-width: 480px) {
    .section-courses-item-img {
        height: 190px;
    }
}
@media screen and (max-width: 375px) {
    .section-contact-us:before {
        width: 360px;
        height: 601px;
        top: auto;
        bottom: 150px;
        right: 0;
    }
}