@media (max-width: 1212px) {

    /* Default */
    .container {
        max-width: 1050px;
    }

    /* Nav */
    .nav {
        position: relative;
    }

    .nav__menu {
        position: fixed;
        inset: 0;
        top: 66px;
        z-index: 2;
        width: 100%;
        height: calc(100vh - 66px);
        display: flex;
        align-items: center;
        flex-direction: column;
        overflow-y: auto;
        padding: 50px 0 20px;
        opacity: 0;
        visibility: hidden;
        transition: all .4s ease;
    }

    body.menu-active,
    html:has(.menu-active) {
        overflow: hidden !important;
    }

    .menu-active .lang {
        color: #fff !important;
        border: 1px solid #FFF !important;
    }

    .menu-active .nav .logo img {
        display: block !important;
    }

    .menu-active .nav .logo img:nth-child(2) {
        display: none !important;
    }

    .nav .logo {
        margin-right: auto;
    }

    .menu-active .burger::after,
    .menu-active .burger::before,
    .menu-active .burger span {
        background-color: #fff !important;
    }

    .menu-active .burger {
        border: 1px solid #fff !important;
    }

    .menu-active header {
        background: transparent !important;
    }

    .menu-active header::before {
        content: '';
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100vh;
        background: rgba(0, 0, 0, 0.50) !important;
        backdrop-filter: blur(24px);
        z-index: -1;
    }

    .menu-active .nav__menu {
        opacity: 1;
        visibility: visible;
        transition: all .4s ease;
    }

    .tel {
        margin: 0 24px 0 auto;
    }

    .burger {
        display: block;
    }

    .nav__menu ul {
        flex-direction: column;
        width: 100%;
        max-width: 1050px;
        align-items: flex-start;
        margin: auto;
        justify-content: flex-start;
    }

    .nav__menu ul a {
        font-size: 40px;
        line-height: 120%;
        color: #fff !important;
    }

    .nav__menu .tel span b,
    .nav__menu .tel span,
    .nav__menu a,
    .menu-active .tel span b,
    .menu-active .tel span {
        color: #FFF !important;
    }

    .nav__menu .tel {
        padding-top: 50px;
    }

    .nav__menu .btn {
        color: #00423E !important;
        justify-content: space-between;
    }

    .nav > .btn {
        display: none;
    }

    .nav > .btn.mob {
        display: inline-flex;
    }

    /* About */
    .about__content {
        max-width: calc(100% - 528px);
    }

    /* fragen */
    .fragen__content::before {
        right: -100px;
    }
}

@media (max-width: 1110px) {

    /* Default */
    .container {
        max-width: 950px;
    }

    /* Nav */
    .nav__menu ul {
        max-width: 950px;
    }

    /* About */
    .about > img {
        width: 349px;
        display: none;
    }

    .about > img.mob {
        display: block;
    }

    .about__content {
        margin-top: 20px;
        max-width: calc(100% - 360px);
    }

    /* Geo */
    .geo {
        gap: 24px;
    }

    /* Contact */
    .contact {
        padding: 64px;
    }

    /* Katalog */
    .katalog__aside {
        width: 240px;
    }

    .katalog__content {
        width: calc(100% - 248px);
    }

    /* Card */
    .card__swiper {
        max-width: 444px;
        min-width: 444px;
    }

    .card__content {
        width: calc(100% - 476px);
    }
}


@media (max-width: 992px) {

    /* Default */
    .container {
        max-width: 750px;
    }

    .h1,
    h1 {
        font-size: 48px;
    }

    .h2,
    h2 {
        font-size: 30px;
    }

    .h3,
    h3 {
        font-size: 24px;
    }

    .h4,
    h4 {
        font-size: 20px;
    }

    .h5,
    h5 {
        font-size: 20px;
    }

    .h6,
    h6 {
        font-size: 16px;
    }

    /* Nav */
    .nav__menu ul {
        max-width: 750px;
    }

    /* Footer */
    footer {
        padding: 40px 0 28px;
        background: url(../img/footer-bg.webp) center center / cover no-repeat;
    }

    .footer {
        display: grid;
        grid-template-columns: 1fr;
        gap: 64px;
    }

    .footer__copy {
        grid-column: 1 / 2;
        margin-top: 0;
    }

    .footer__info .logo {
        margin-bottom: 16px;
    }

    .footer__social {
        width: 280px;
    }

    /* Hero */
    .hero__content {
        width: 100%;
        margin-top: 186px;
        flex-direction: column;
    }

    .hero__content > div {
        max-width: 576px !important;
    }

    .hero__content img {
        display: none;
    }

    .hero__content p {
        margin-top: 16px;
    }

    /* About */
    .about__item {
        padding: 24px;
    }

    /* Geo */
    .geo > img {
        width: 336px;
    }

    .geo__content p {
        font-size: 16px;
    }

    /* Ser */
    .section__ser {
        padding: 80px 0;
    }

    .section__ser::before {
        left: -120px;
    }

    .section__ser::after {
        right: -120px;
    }

    .ser__swiper {
        margin-top: 54px;
    }

    .ser__label span,
    .ser__label a {
        font-size: 12px;
    }

    .ser__swiper .swiper-slide > img {
        height: 264px;
    }

    /* Col */
    .section__col {
        padding: 0 0 80px;
    }

    .section__col > img {
        margin-bottom: 80px;
    }

    .col {
        gap: 48px;
    }

    .col__swiper {
        margin-top: 0;
    }

    .col__content,
    .col__item,
    .col__swiper .swiper-slide > img,
    .col__item-content {
        width: 100%;
    }

    .col__swiper .swiper-slide {
        flex-direction: column;
        height: fit-content;
    }

    .col__swiper .swiper-slide > img {
        height: 402px;
    }

    .col__content p {
        font-size: 16px;
    }

    .col__item-content {
        padding: 24px;
    }

    .col__item-content p {
        font-size: 16px;
    }

    .col__item-content .num {
        font-size: 28px !important;
        margin-bottom: 52px;
    }

    /* Cert */
    .cert__item-img {
        height: 250px;
        padding: 0 12px;
    }

    .tab__header {
        margin: 32px 0 48px;
    }

    /* Case */
    .case .swiper-slide {
        flex-direction: row;
        gap: 24px;
        padding: 24px;
    }

    /* Contact */
    .contact {
        padding: 48px;
    }

    .section__contact {
        padding: 44px 0 80px;
    }

    .contact.flex-row {
        flex-direction: column;
    }

    .contact__form {
        width: 100%;
    }

    .contact__aside {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .contact__aside-item {
        width: fit-content;
        margin-right: 24px;
        padding-right: 24px;
        border-right: 1px dashed rgba(255, 255, 255, 0.25);
        border-bottom: none;
    }

    .contact__aside-item:nth-child(3n+3) {
        border-right: none;
    }

    /* Pol */
    .pol h1 {
        font-size: 36px;
    }

    /* Katalog */
    .katalog__aside {
        display: none;
    }

    .katalog__content {
        width: 100%;
    }

    .section__katalog {
        padding: 24px 0 80px;
    }

    .wpc-sorting-form:nth-child(2) {
        margin-top: -64px;
    }

    .wpc_show_bottom_widget .wpc-filters-widget-top-container:not(.wpc-show-on-desktop),
    .wpc_show_bottom_widget .wpc-spinner.is-active,
    .wpc_show_bottom_widget .wpc-widget-close-container,
    html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner {
        display: block;
    }

    body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-closed,
    body.wpc_show_bottom_widget .wpc-filters-widget-content.wpc-opened,
    body.wpc_show_bottom_widget .wpc-filters-widget-content:not(.wpc-opened) {
        display: block !important;
    }

    .wpc_show_bottom_widget .wpc-filters-widget-content.wpc-filters-widget-opened {
        transform: translate3d(0, 0, 0);
    }

    .wpc_show_bottom_widget .wpc-filters-widget-content {
        position: fixed;
        bottom: 0;
        right: 0;
        left: 0;
        top: 5%;
        z-index: 999999;
        padding: 0;
        background-color: #fff;
        margin: 0;
        box-sizing: border-box;
        border-radius: 7px 7px 0 0;
        transition: transform .25s;
        transform: translate3d(0, 120%, 0);
        -webkit-overflow-scrolling: touch;
        height: auto;
    }

    .wpc_show_bottom_widget .widget_wpc_filters_widget,
    .wpc_show_bottom_widget .wpc-filters-main-wrap {
        padding: 0 !important;
        margin: 0 !important;
    }

    .wpc_show_bottom_widget .wpc-filters-widget-containers-wrapper {
        padding: 0;
        margin: 0;
        overflow-y: scroll;
        box-sizing: border-box;
        position: fixed;
        top: 56px;
        left: 0;
        right: 0;
        bottom: 0;
    }

    .wpc_show_bottom_widget .wpc-filters-widget-top-container:not(.wpc-show-on-desktop),
    .wpc_show_bottom_widget .wpc-spinner.is-active,
    .wpc_show_bottom_widget .wpc-widget-close-container,
    html.is-active body:not(.wpc_show_bottom_widget) .wpc-spinner {
        display: block;
    }

    .wpc_show_bottom_widget .wpc-filters-scroll-container {
        background: #fff;
        min-height: 100%;
    }

    .wpc_show_bottom_widget .wpc-filters-open-button-container,
    .wpc_show_bottom_widget .wpc-filters-widget-controls-container,
    .wpc_show_bottom_widget .wpc-filters-widget-top-container,
    .wpc_show_open_close_button .wpc-filters-open-button-container {
        display: block;
    }

    .wpc-custom-selected-terms:not(.wpc-show-on-mobile),
    .wpc-edit-filter-set,
    .wpc_show_bottom_widget .widget_wpc_selected_filters_widget,
    .wpc_show_bottom_widget .wpc-filters-widget-content .wpc-filter-set-widget-title,
    .wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title,
    .wpc_show_bottom_widget .wpc-filters-widget-wrapper .wpc-filter-layout-submit-button,
    .wpc_show_bottom_widget .wpc-posts-found,
    body.wpc_show_bottom_widget .wpc-open-close-filters-button,
    body.wpc_show_open_close_button .wpc-filters-widget-content:not(.wpc-opened) {
        display: none;
    }

    .katalog {
        position: relative;
        z-index: 0;
    }

    .wpc_show_bottom_widget .wpc-filters-open-button-container {
        position: absolute;
        top: -63px;
        right: 0;
    }

    .wpc_show_bottom_widget .wpc-filters-open-button-container,
    .wpc_show_open_close_button .wpc-filters-open-button-container {
        display: block;
    }

    .wpc_show_bottom_widget .wpc-filters-widget-wrapper {
        padding: 20px 20px 15px;
    }

    .wpc_show_bottom_widget .wpc-filters-main-wrap .widget-title.wpc-filter-title {
        display: flex;
    }

    .wpc-overlay-visible .wpc_show_bottom_widget .wpc-filters-overlay {
        top: 0;
        opacity: .4;
    }

    body .wpc-filters-main-wrap .wpc-filters-widget-controls-container a.wpc-filters-apply-button,
    body .wpc-filters-main-wrap a.wpc-filters-submit-button {
        background: #00423E !important;
        color: #fff !important;
        border-color: #00423E !important;
    }

    body .wpc-filters-open-button-container a.wpc-filters-open-widget,
    body .wpc-filters-open-button-container a.wpc-open-close-filters-button {
        border-radius: 8px !important;
        border-color: #00423E !important;
    }

    /* Card */
    .card__swiper {
        max-width: 100%;
        min-width: 100%;
        position: relative !important;
        top: 0 !important;
    }

    .card__content {
        width: 100%;
    }

    .card {
        flex-direction: column;
    }

    .card__content > p {
        margin-bottom: 8px;
    }

    /* fragen */
    .fragen__content::before {
        right: -169px;
        bottom: 72px;
        width: 252px;
        height: 164px;
    }

    .fragen__items > div {
        width: 50%;
    }

    .fragen__items > div:nth-child(2n+2) {
        border-right: none;
    }

    .fragen__items > div:nth-child(3n+3) {
        border-right: 1px solid #D4DFDF;
    }

}

@media (max-width: 768px) {

    /* Default */
    .container {
        max-width: none;
        padding: 0 20px;
    }

    body {
        font: 14px "Onest", sans-serif;
    }

    /* Nav */
    .nav__menu {
        padding: 50px 20px 20px;
        top: 64px;
        height: calc(100% - 64px);
        align-items: flex-start;
    }

    .nav__menu ul {
        max-width: 100%;
        margin: auto 0;
    }

    .nav__menu > *:nth-child(n+2) {
        display: inline-flex;
    }

    .nav__menu .tel {
        margin: 0 0 16px;
    }

    .nav__menu > a:not(.btn) {
        display: inline-flex;
        align-items: center;
        color: rgba(255, 255, 255, 0.80);
        font-size: 16px;
        line-height: 150%;
        gap: 10px;
        transition: all .4s ease;
        margin-bottom: 16px;
    }

    .nav__menu > a:not(.btn):hover {
        color: #FFDC50;
        transition: all .4s ease;
    }

    .nav__menu .btn {
        width: 100%;
    }

    .lang {
        opacity: 0;
        visibility: hidden;
        transition: all .4s ease;
    }

    .menu-active .lang {
        opacity: 1;
        visibility: visible;
        transition: all .4s ease;
    }

    .nav > .tel,
    .nav > .btn,
    .nav > .btn.mob {
        display: none;
    }

    /* Footer */
    footer {
        font: 16px "Onest", sans-serif;
    }

    /* Contact */
    .contact {
        padding: 48px !important;
        margin: 0 20px;
        width: calc(100% - 40px);
    }

    .contact.section__ser::before {
        left: -190px;
    }

    .contact.section__ser::after {
        right: -190px;
    }

    .section__ser::before {
        left: -190px;
    }

    .section__ser::after {
        right: -190px;
    }

    .modal {
        height: fit-content;
        margin: auto;
        width: 100%;
    }

    /* Error */
    .error {
        padding: 32px !important;
        max-width: calc(100% - 40px) !important;
        margin: 0 20px;
    }

    .section__error {
        padding: 90px 0;
    }

    .wpc-sorting-form:nth-child(2) {
        margin-top: -70px;
    }

    /* Cook */
    .cook {
        padding: 16px;
        left: 16px;
        right: 16px;
        transform: translate(0);
        width: calc(100% - 32px);
        max-width: unset;
    }

    .cook p {
        margin-bottom: 6px;
    }

    .cook > svg {
        display: none;
    }

    .cook__content {
        display: grid;
        gap: 10px;
    }
}

@media (max-width: 700px) {

    /* About */
    .about {
        gap: 0;
        flex-direction: column;
    }

    .about > img {
        margin: 0 auto;
        width: 70%;
    }

    .about__content {
        margin-top: 0;
        margin-bottom: 32px;
        max-width: 544px;
    }

    .about__content .btn {
        width: 100%;
        justify-content: space-between;
    }

    .section__about {
        padding: 64px 0 32;
    }

    /* Geo */
    .section__geo {
        padding: 64px 0;
    }

    .geo {
        flex-direction: column;
        gap: 48px;
    }

    .geo > img {
        width: 70%;
    }

    /* Ser */
    .section__ser {
        padding: 64px 0;
    }

    .ser__swiper {
        margin-top: 32px;
    }

    .ser__swiper .swiper-slide > img {
        height: 243px;
    }

    .ser > p {
        font-size: 16px;
    }

    /* Col */
    .section__col {
        padding: 0 0 64px;
    }

    .section__col > img {
        margin-bottom: 64px;
    }

    .col {
        gap: 32px;
    }

    .col__swiper {
        margin-top: 16px;
    }

    .col__swiper .swiper-slide > img {
        height: 286px;
    }

    /* Case */
    .case .swiper-slide {
        flex-direction: column;
        gap: 48px;
        padding: 0;
        box-shadow: none;
    }

    .case .swiper-slide > a,
    .case__item-content {
        width: 100%;
    }

    .case .swiper-slide > a {
        height: 410px;
    }

    .section__case {
        padding: 80px 0 40px;
    }

    /* Pol */
    .section__pol {
        padding: 64px 0;
    }

    .pol h1 {
        font-size: 30px;
    }

    /* Contact */
    .contact__aside {
        display: grid;
        grid-template-rows: none;
    }

    .contact__aside-item {
        width: 100%;
        margin-right: 0;
        padding-right: 0;
        border-right: none;
        border-bottom: 1px dashed rgba(255, 255, 255, 0.25);
    }

    .contact__aside .social {
        margin: 12px 0 0;
        justify-content: flex-start;
    }

    .contact__aside-item:nth-last-child(2) {
        border-bottom: none;
    }

    /* Katalog */
    .katalog__items > div {
        width: 50%;
    }

    .section__katalog {
        padding: 24px 0 64px;
    }
}

@media (max-width: 600px) {

    /* Default */
    .h1,
    h1 {
        font-size: 40px;
    }

    .h2,
    h2 {
        font-size: 24px;
    }

    .h3,
    h3 {
        font-size: 18px;
    }

    .form .col-2 {
        width: 100%;
    }

    /* Footer */
    .footer {
        gap: 48px;
    }

    .footer__info ul {
        align-items: flex-start;
        flex-direction: column;
    }

    .footer__copy {
        flex-direction: column;
        align-items: flex-start;
        gap: 24px;
    }

    /* Hero */
    .hero__content p {
        font-size: 16px;
    }

    /* About */
    .about__items {
        padding: 24px 48px;
    }

    .about__item {
        width: 100%;
        border-right: none;
        padding: 24px 0;
        border-bottom: 2px solid #E2EFEF;
    }

    .about__item:last-child {
        border-bottom: none;
    }

    /* Geo */
    .geo > img {
        width: 90%;
    }

    /* Col */
    .col__item > img {
        display: none;
    }

    /* Contact */
    .contact {
        padding: 32px !important;
    }

    .contact > p {
        margin-bottom: 16px;
    }

    .section__contact {
        padding: 32px 0 64px;
    }

    /* Katalog */
    .pagination {
        justify-content: center;
    }

    .pagination__form {
        display: none;
    }

    .nav__menu ul a {
        font-size: 30px;
    }

    /* Card */
    .card h2 {
        font-size: 20px;
    }

    .wpc_show_bottom_widget .wpc-filters-open-button-container {
        top: -55px;
    }

    /* fragen */
    .section__fragen {
        padding: 0 0 64px;
    }

    .fragen__content::before {
        top: -68px;
        right: -199px;
        bottom: auto;
    }

    .fragen__items {
        margin-bottom: -16px;
    }

    .fragen__items > div {
        width: 100%;
        border-right: none !important;
        margin-bottom: 16px;
    }

    .fragen {
        padding: 20px;
    }

    .fragen__content {
        padding: 16px;
    }

    .fragen__item p {
        margin-bottom: 16px;
    }

}

@media (max-width: 480px) {

    /* About */
    .about > img {
        width: 90%;
    }

    /* Geo */
    .geo > img {
        width: 100%;
    }

    /* Case */
    .case .swiper-slide > a {
        height: 190px;
    }

    /* Contact */
    .contact {
        padding: 32px 20px !important;
    }

    .contact__form {
        padding: 32px 20px;
    }

    /* Katalog */
    .katalog__items > div {
        width: 100%;
    }

    .card__item {
        width: 100%;
    }
}

@media (max-width: 400px) {

    /* About */
    .about > img {
        width: 100%;
    }
}