@media (min-width:1920px) {
    .container {
        max-width: 1820px
    }

    .brand-link {
        width: 20%
    }

    .main-menu {
        width: 80%
    }

    .brand-link:before {
        content: "";
        position: absolute;
        height: 70%;
        width: 1px;
        background-color: var(--gray-table);
        right: -5%
    }
    .heading-section__title h1 {
        max-width: 950px
    }
}

@media (min-width:1268px) and (max-width:1919px) {
    .brand-link:before {
        content: "";
        position: absolute;
        height: 70%;
        width: 1px;
        background-color: var(--gray-table);
        right: 10px
    }
}

@media (min-width:1200px) and (max-width:1919px) {
    .brand-link {
        width: 25%
    }

    .main-menu {
        width: 75%
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .brand-link {
        width: 28%
    }

    .main-menu {
        width: 72%
    }
}

@media (min-width:1441px) {
    .menu-item-1 {
        margin-left: 22px
    }

    .menu-item-1.first {
        margin: 0
    }
}

@media (min-width:992px) and (max-width:1680px) {
    .brand-link {
        padding-right: 20px;
    }
}

@media (min-width:992px) and (max-width:1441px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1280px !important
    }

    .menu-item-1 {
        margin-left: 8px
    }

    .menu-item-1.first {
        margin: 0
    }

    .category-trainer-item__body .trainer-way {
        min-height: 38px
    }

    .category-trainer-item__body .category-card__description {
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 50px
    }
}

@media (min-width:1367px) and (max-width: 1919px) {
    .heading-section__title h1 {
        max-width: 710px
    }
}

@media (min-width:991px) and (max-width:1366px) {
    .heading-section__title h1 {
        max-width: 700px
    }
}

@media (min-width:1201px) {
    .white-card.our-target__card {
        flex: 0 0 auto;
        width: 19%
    }

    .white-card.blue-long__card {
        flex: 0 0 auto;
        width: 24%;
        margin-right: 1%
    }
}

@media (min-width:991px) and (max-width:1200px) {

    .white-card.our-target__card,
    .white-card.blue-long__card {
        flex: 0 0 auto;
        width: 47%;
        margin: auto
    }

    .white-card.blue-long__card:first-child {
        margin-right: 3%
    }
}

@media (min-width:992px) {
    header {
        background-color: #fafafa
    }

    header.out {
        transform: translateY(-100%)
    }
    
    .mw-lg-50 {
        max-width: 50%;
    }

    .navbar-container {
        background: white
    }

    .nav {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center
    }

    .first.menu-item-1 {
        display: none
    }

    .footer-submenu .first.menu-item-1 {
        display: block
    }

    .brand-link {
        display: flex;
        flex: 0 0 auto;
        position: relative;
        align-items: center;
    }

    .brand-link:after {
        content: "Школа воздушной гимнастики Натальи Барсуковой";
        margin-left: 14px;
        font-size: clamp(11px, .8vw, 14px);
        font-weight: 700;
        line-height: 130%;
        color: var(--blue-secondary)
    }

    .brand-link svg {
        max-width: 100%
    }

    .main-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
        padding: 26px 0;
        flex: 0 0 auto
    }

    header .header-form-contacts {
        display: none !important
    }

    .parent ul {
        /* height: 150px; */
        position: absolute;
        padding: 10px 0;
    }
    
    .open.parent ul {
        top: 24px;
    }

    .heading-section__title {
        padding: 138px 0
    }

    .heading-section__img {
        background-image: url(/images/banner-img.webp);
        background-size: contain;
        background-position: right bottom;
        background-repeat: no-repeat;
        height: 100%;
        width: 50%;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 2
    }

    .heading-section__box {
        filter: blur(160.24px);
        -webkit-filter: blur(160.24px);
        background-color: rgba(146, 150, 248, .7);
        background-size: contain;
        background-position: right bottom;
        background-repeat: no-repeat;
        height: 100%;
        width: 55%;
        position: absolute;
        bottom: 0;
        right: -190px;
        z-index: 1
    }

    .video-section {
        max-width: fit-content;
        margin: -70px auto 0 auto;
        position: relative;
        z-index: 4
    }

    h2 {
        font-weight: 600;
        font-size: clamp(20px, 4vw, 24px);
        margin-bottom: 24px;
    }

    .advantages-small li {
        margin-right: 18px;
        min-width: fit-content
    }

    .main-slider,
    .if-we-section,
    .blue-long-section {
        margin-top: 60px
    }

    .our-target-section,
    .blue-section,
    .our-target-section,
    .path-video-section,
    .category-announcement-section,
    .category-schedule-section,
    .category-form-section,
    .category-price-section,
    .promo-section {
        margin-top: 90px
    }

    .ways-row,
    .events-row {
        padding: 60px 0
    }

    .ways-row .button,
    .events-row .button {
        margin-top: 40px
    }

    .category-trainer-item {
        height: 100%
    }

    .ways-row .category-card__image,
    .events-row .category-card__image,
    .announcement-block,
    .main-page-video {
        border-radius: 30px
    }

    .category-fest-section {
        margin-top: 30px
    }

    .fest-row {
        padding: 50px;
        border-radius: 30px
    }

    .fest-main-img img,
    .fest-images img,
    .card__image-page {
        border-radius: 20px
    }

    .category-announcement-section h3 {
        max-width: 642px;
        margin: auto
    }

    .announcement-block .button {
        max-width: 240px
    }

    .table-bordered tbody tr:first-child {
        border-top: none
    }

    .table-bordered thead th:first-child {
        border-right: none
    }

    .table-bordered tbody tr td:nth-child(2) {
        border-left: none
    }

    .table-bordered thead th:nth-child(2) {
        border-left: none
    }

    .table-bordered tbody tr td:first-child {
        border-right: none
    }

    .category-form-section {
        padding: 70px 0
    }

    .price-block .table-bordered tbody tr td {
        width: 50%
    }

    .price-block .table-bordered tbody tr td:first-child {
        background: #fafafa;
        border-right: 1px solid #bdbdbd
    }

    footer {
        padding: 90px 0
    }
}

@media (max-width:991px) {
    .brand-link {
        display: none
    }

    .main-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        right: 0;
        width: 0;
        height: 100%;
        padding: 90px 50px
    }

    header .main-menu li {
        margin-top: 8px
    }

    header .first.menu-item-1:before {
        content: "Меню";
        display: block;
        margin-bottom: 18px;
        font-size: clamp(22px, 4vw, 32px);
        text-transform: uppercase;
        font-weight: 500
    }

    .parent ul {
        height: 0;
        position: relative;
        padding: 0;
    }
    
    .open.parent ul {
        height: auto;
        top: 0;
    }

    .menu-open .main-menu {
        position: fixed;
        z-index: 2;
        background: white;
        opacity: 1;
        visibility: visible;
        top: 0;
        right: 0;
        width: 98%;
        height: 100%;
        box-shadow: -200px 0 20px 20px rgb(0 0 0 / 48%)
    }

    .burger-menu {
        height: 50px;
        width: 30px;
        margin-left: auto;
        margin-right: 0;
        display: flex;
        cursor: pointer;
        position: relative;
        border-radius: 25px;
        z-index: 4;
        cursor: pointer
    }

    .burger-menu-top__block {
        position: absolute;
        top: 15px;
        width: 30px;
        height: 3px;
        background: black
    }

    .burger-menu-middle__block {
        width: 100%;
        height: 3px;
        background: black;
        margin: auto
    }

    .burger-menu-bottom__block {
        position: absolute;
        bottom: 15px;
        width: 30px;
        height: 3px;
        background: black
    }

    .active .burger-menu-bottom__block {
        transform: rotate(-45deg);
        bottom: 23px;
        background: #211e4b !important
    }

    .active .burger-menu-middle__block {
        opacity: 0
    }

    .active .burger-menu-top__block {
        transform: rotate(45deg);
        top: 24px;
        background: #211e4b !important
    }

    .advantages-small li {
        margin-bottom: 14px;
        width: 100%
    }

    .heading-section__title {
        padding: 88px 0
    }

    .heading-section__img {
        display: none
    }

    .heading-section__img-mobile {
        position: relative;
        background-image: url(/images/banner-img.webp);
        background-size: contain;
        background-position: bottom center;
        background-repeat: no-repeat;
        z-index: 2;
        height: 230px;
    }

    .main-slider,
    .if-we-section,
    .blue-long-section {
        margin-top: 40px
    }

    .our-target-section,
    .blue-section,
    .path-video-section,
    .category-announcement-section,
    .category-schedule-section,
    .category-form-section,
    .video-section,
    .category-price-section,
    .promo-section {
        margin-top: 50px
    }

    .ways-row,
    .events-row {
        padding: 30px 0
    }

    .ways-row .main-button,
    .events-row .main-button {
        margin-top: 20px
    }

    .ways-row .secondary-button,
    .events-row .secondary-button {
        margin-top: 14px
    }

    .ways-row .category-card__image,
    .events-row .category-card__image,
    .fest-main-img img,
    .fest-images img,
    .announcement-block,
    .card__image-page,
    .main-page-video {
        border-radius: 10px
    }

    .category-fest-section {
        margin-top: 20px
    }

    .fest-row {
        padding: 20px;
        border-radius: 10px
    }

    .responsive thead {
        display: none
    }

    .responsive tr {
        display: block;
        margin-bottom: .625em
    }

    .responsive td {
        border-bottom: none;
        display: block;
        font-size: .8em;
        text-align: right;
        width: 100%;
        height: 78px
    }

    .responsive td:nth-child(odd) {
        background: var(--blue-extralight)
    }

    .responsive td::before {
        float: left;
        font-weight: 500;
        width: 24%;
        text-align: left;
        height: 100%
    }

    .table-bordered tbody tr td:nth-child(2):before {
        content: "Понедельник" !important
    }

    .table-bordered tbody tr td:nth-child(3):before {
        content: "Вторник" !important
    }

    .table-bordered tbody tr td:nth-child(4):before {
        content: "Среда" !important
    }

    .table-bordered tbody tr td:nth-child(5):before {
        content: "Четверг" !important
    }

    .table-bordered tbody tr td:nth-child(6):before {
        content: "Пятница" !important
    }

    .table-bordered tbody tr td:nth-child(7):before {
        content: "Суббота" !important
    }

    .table-bordered tbody tr td:nth-child(8):before {
        content: "Воскресенье" !important
    }

    .category-form-section {
        padding: 40px 0
    }
    
    .hidden-price.text-center {
        margin-bottom: 54px;
    }

    footer {
        padding: 60px 0
    }

    footer .main-menu {
        opacity: 1;
        visibility: visible;
        position: static;
        padding: 0;
        margin-bottom: 24px;
        width: 100%
    }

    footer .main-menu li {
        text-align: center;
        margin-bottom: 12px
    }
}

@media (max-width:576px) {
    .top-bar .contacts-link svg {
        display: block
    }

    .footer-form-contacts div:first-child,
    .header-form-contacts div:first-child {
        width: 100%;
        margin-bottom: 12px
    }
}