@media (max-width: 1500px) {
     .small {
         margin-bottom: 50px;
     }
 }
 
 @media (max-width: 1440px) {
     .slick-prev {
         left: 0;
     }
     .slick-next {
         right: 0;
     }
     .slider__blog-item__title {
         right: 50px;
     }
     .slider__blog-item__text {
         right: 240px;
     }
 }
 
 @media (max-width: 1225px) {
     .benefits__items {
         display: flex;
         flex-wrap: wrap;
         justify-content: space-around;
     }
     .benefits__item {
         display: block;
         margin-right: 0;
     }
     .small__inner {
         padding-top: 20px;
     }
     .small__text {
         padding-top: 20px;
     }
     .connection__map {
         padding: 50px 0;
     }
     .form__title {
         margin: 50px auto;
     }
     .form__inner {
         display: flex;
         justify-content: space-around;
         flex-wrap: wrap;
     }
     .form__item {
         margin-bottom: 40px;
     }
     .desc__title {
         margin: 0 auto;
     }
 }
 
 @media (max-width: 1200px) {
     .gallary__btn {
         padding-top: 50px;
         padding-bottom: 20px;
     }
     .gallary__items {
         display: flex;
         justify-content: space-around;
     }
     .gallary__item {
         padding: 0 5px;
     }
 }
 
 @media (max-width: 1150px) {
     .small__title {
         margin: 0 auto;
         text-align: center;
         width: 400px;
     }
     .small__text {
         width: 500px;
     }
     .benefits__item-title {
         padding-top: 10px;
     }
     .pricing {
         padding-bottom: 50px;
     }
     .pricing__title {
         padding-top: 50px;
         margin-bottom: 30px;
     }
     .pricing__inner {
         display: flex;
         justify-content: space-around;
         flex-wrap: wrap;
     }
     .pricing__inner a {
         margin: 10px 0;
     }
     .pricing__item {
         display: block;
     }
 }
 
 @media (max-width: 1050px) {
     .logo {
         padding-right: 30px;
     }
     .small__title {
         text-align: center;
         width: 300px;
     }
     .small__text {
         width: 400px;
     }
     .team {
         margin-top: 50px;
     }
     .team__title {
         margin-bottom: 50px;
     }
     .team__inner {
         display: flex;
         justify-content: space-around;
         flex-wrap: wrap;
     }
     .team__item {
         display: block;
     }
     .team__item-instructor {
         margin-bottom: 50px;
     }
 }
 
 @media (max-width: 992px) {
     .desc {
         margin-top: 50px;
     }
     .desc__title {
         text-align: center;
         width: 90%;
     }
     .desc__content {
         padding-top: 50px;
     }
     .desc__content-text {
         text-align: justify;
         margin-bottom: 15px;
     }
     .benefits__item {
         padding: 10px 10px;
     }
     .benefits__inner {
         display: block;
     }
     .benefits__info-item {
         width: 300px;
     }
     .benefits__text {
         min-width: 100%;
         text-align: justify;
     }
     .small {
         background-image: none;
     }
     .small__inner {
         min-width: 90%;
         padding: 20px 0;
     }
     .small__title {
         text-align: center;
         width: 100%;
     }
     .small__text {
         width: 100%;
     }
     .gallary__btn-item {
         margin-bottom: 0;
     }
     .dlockquote__text {
         text-align: center;
     }
     .blockquote__author {
         text-align: center;
         margin-left: 0;
     }
     .gallary__video {
         height: 400px;
     }
     .connection__map {
         display: none;
     }
     .form__item {
         width: 100%;
     }
     .form__contacts {
         width: 100%;
         display: flex;
         flex-direction: column;
         align-items: center;
     }
 }
 
 @media (max-width: 860px) {
     .menu__list {
         display: flex;
         justify-content: space-between;
         align-items: center;
     }
     .menu__list-item+.menu__list-item {
         margin: 10px;
     }
     .desc__title {
         text-align: center;
     }
     .desc__content {
         display: flex;
         flex-direction: column;
         width: 100%;
     }
     .desc__content-item {
         margin: 0 auto;
         width: 100%;
     }
     .desc__content-text {
         width: 100%;
     }
     .gallary__numbers {
         margin-top: 50px;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-around;
     }
     .gallary__numbers-item {
         display: block;
         padding-bottom: 10px;
     }
     .form__inner {
         margin-bottom: 50px;
     }
     .footer {
         margin-top: 50px;
     }
 }
 
 @media (max-width: 760px) {
     .header__top {
         background-image: none;
         min-height: 0;
     }
     .header__title {
         padding-top: 50px;
         font-size: 100px;
         line-height: 140px;
     }
     .header__subtitle {
         padding-bottom: 50px;
     }
     .header__icon {
         margin-top: 130px;
     }
     .header__top-inner {
         display: flex;
         justify-content: space-between;
         background-color: #007ab2;
         width: 100%;
         height: 100px;


         
    position: fixed;
    top: 0;
    left: 0;
    right: 0;

    background: linear-gradient(
        180deg,
        rgba(95, 108, 110, 0.75) 0%,
        rgba(51, 51, 51, 0.45) 45%,
        rgba(51, 51, 51, 0.15) 100%
    );

    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);

    border-top: 2px solid #007ab2;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);

    padding-top: 5px;
    padding-bottom: 5px;

    box-shadow:
        0 8px 32px rgba(0, 122, 178, 0.25),
        inset 0 1px 0 rgba(255, 255, 255, 0.15);

    display: flex;
    justify-content: space-around;
    align-items: center;

    z-index: 999;

     }
     .logo {
         order: 2;
     }
     .menu__btn {
         order: 1;
         position: relative;
         display: block;
         padding: 0 15px;
         border: none;
         background-color: transparent;
     }
     .menu__list {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;

    display: block;
    margin: 0;
    padding: 15px 0;

    /* Темное стекло */
    background: linear-gradient(
        180deg,
        rgba(95, 108, 110, 0.72) 0%,
        rgba(51, 51, 51, 0.55) 50%,
        rgba(36, 33, 33, 0.88) 100%
    );

    /* Эффект стекла */
    backdrop-filter: blur(18px) saturate(140%);
    -webkit-backdrop-filter: blur(18px) saturate(140%);

    /* Грани */
    border-top: 2px solid rgba(0, 122, 178, 0.9);
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);

    /* Объем */
    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.35),
        0 0 25px rgba(0, 122, 178, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.12);

    text-align: center;

    z-index: 5;

    transform: translateY(-200%);
    transition: transform .5s ease;
     }
     .header__content-inner {
         display: none;
     }
     .header__top-inner.header__top-inner--active .menu__list {
         transform: translateY(34%);
     }
     .menu__list-item {
         padding: 10px 0;
     }
     .menu__list-item+.menu__list-item {
         margin: 0px;
     }
     .header__title {
         font-size: 150px;
         line-height: 190px;
     }
     .desc__content {
         margin-bottom: 30px;
     }
     .benefits {
         padding: 30px 0;
     }
     .benefits__title {
         width: 90%;
         margin: 0 auto 100px;
     }
     .benefits__items {
         text-align: center;
     }
     .benefits__item {
         display: flex;
         flex-direction: column;
         justify-content: center;
         width: 100%;
     }
     .benefits__item-title {
         margin: 0 auto;
     }
     .benefits__item p {
         width: 100%;
         text-align: center;
     }
     .slider__blog-item {
         text-align: center;
         padding: 160px 0 200px 0;
     }
     .slider__blog-item__title {
         position: static;
         right: auto;
         font-size: 24px;
         line-height: 32px;
         text-align: center;
     }
     .slider__blog-item__text {
         right: auto;
         font-size: 14px;
         line-height: 18px;
         position: static;
         text-align: center;
     }
     .pricing__inner {
         width: 100%;
     }
 }
 
 @media (max-width: 600px) {
     .small__inner {
         width: 100%;
     }
     .small__title {
         width: 90%;
     }
     .blockquote__author {
         margin-top: 20px;
     }
 }
 
 @media (max-width: 540px) {
     .header__top-inner {
         padding: 10px 0;
         display: flex;
         align-items: center;
     }
     .logo {
         margin: 0 auto;
         padding: 0;
     }
     .header__top {
         background-image: none;
     }

     .menu__list {
    position: absolute;
    
    left: 0;
    width: 100%;

    background: linear-gradient(
        180deg,
        rgba(40, 48, 55, 0.92) 0%,
        rgba(32, 39, 45, 0.88) 100%
    );

    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);

    border-top: 2px solid #007ab2;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);

    border-radius: 0 0 16px 16px;

    box-shadow:
        0 15px 40px rgba(0, 0, 0, 0.45),
        0 0 25px rgba(0, 122, 178, 0.15);

    text-align: center;
    align-items: center;

    z-index: 999;
     }
     .header__title {
         display: none;
     }
     .header__subtitle {
         display: none;
     }
     .header__icon {
         display: none;
     }
     .title,
     .desc__title {
         font-size: 34px;
         line-height: 44px;
     }
     .benefits__info-item {
         width: 250px;
     }
     .small__title {
         text-align: center;
         width: 90%;
     }
     .small__text {
         text-align: justify;
     }
     .gallary__item {
         width: 100%;
     }
     .gallary__item-btn {
         display: block;
         margin-bottom: 15px;
     }
     .gallary__video {
         height: 300px;
     }
     .team__title {
         width: 90%;
     }
     .form__btn-item {
         margin-top: 40px;
         padding: 12px 60px;
     }
     .form__social-list {
         display: flex;
         justify-content: space-around;
         flex-wrap: wrap;
         align-items: center;
     }
     .form__social-list li {
         margin: 10px 0;
         display: block;
     }
 }
 
 @media (max-width: 490px) {
     .gallary__btn-item {
         font-weight: 400;
         font-size: 18px;
         line-height: 18px;
         padding: 15px 60px;
     }
     .gallary__numbers-item {
         width: 100%;
         padding: 10px;
         border: 3px dashed #007ab2;
         margin-bottom: 10px;
     }
     .pricing__title {
         width: 89%;
     }
     .form__title {
         width: 90%;
     }
     .footer {
         height: 100px;
     }
 }