@media (max-width: 1399px) {
    header .container-fluid {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu, .dropdown-menu-desktop {
        right: 0;
    }
}

@media (max-width: 1200px) {
    .navbar .navbar-nav .nav-link {
        padding: 10px 5px;
    }

        .navbar .navbar-nav .nav-link, .navbar .navbar-nav .nav-link *,
        .navbar.header-transparent .navbar-nav .nav-link, .navbar.header-transparent .navbar-nav .nav-link * {
            font-size: 13px !important;
        }

    .progress-step-separator {
        margin-left: 15%;
    }

    section.extra-big-section.absolute-box.style-02 {
        padding-top: 0px;
        padding-bottom: 80px;
    }

    .absolute-middle-center.banner-absolute-box.style-02 {
        position: relative;
        transform: unset !important;
        left: 0 !important;
        top: 0 !important;
    }
}

@media (max-width: 991px) {
    .md-mt-68px {
        margin-top: 68px !important;
    }

    section.extra-padding-section {
        padding-top: 165px;
    }

    header .container {
        padding: 0;
    }

    header .navbar {
        margin: 0;
        border-radius: 0;
        height: 68px;
    }

    .navbar-expand-lg .navbar-toggler {
        order: 9;
    }

    .navbar-toggler-line {
        width: 18px !important;
        background-color: #3C2C3B !important;
        border-radius: 8px;
    }

    .header-transparent .navbar-toggler-line {
        background-color: #F5F0F7 !important;
    }

    .header-transparent {
        background-color: transparent !important;
    }

    .navbar-collapse-show header .navbar {
        background-color: #FFFFFF !important;
    }

    .navbar-collapse-show .navbar-toggler-line {
        background-color: #4B374A !important;
    }

        .navbar-collapse-show .navbar-toggler-line:nth-child(1),
        .navbar-collapse-show .navbar-toggler-line:nth-child(4) {
            width: 0% !important;
        }

    header .navbar [class*=col-] .navbar-nav .nav-item a {
        display: flex;
    }

    .navbar .navbar-nav {
        padding: 40px 20px;
        height: calc(100vh - 68px);
    }

        .navbar .navbar-nav .nav-link {
            justify-content: space-between;
            padding: 0 0 32px 0 !important;
        }

            .navbar .navbar-nav .nav-link, .navbar .navbar-nav .nav-link *,
            .navbar.header-transparent .navbar-nav .nav-link, .navbar.header-transparent .navbar-nav .nav-link * {
                font-size: 16px !important;
                line-height: 24px !important;
                color: #3C2C3B !important;
            }

                .navbar .navbar-nav .nav-link .dropdown-arrow {
                    content: url('/img/dropdown-arrow-mobile.svg');
                }

    .dropdown-with-icon-style02:has(.dropdown-menu.show) .nav-link {
        justify-content: flex-start !important;
    }

        .dropdown-with-icon-style02:has(.dropdown-menu.show) .nav-link p,
        .dropdown-with-icon-style02:has(.dropdown-menu.show) .nav-link span,
        .dropdown-with-icon-style02:has(.dropdown-menu.show) .nav-link .current-language {
            order: 2;
        }

    .dropdown-with-icon-style02:has(.dropdown-menu.show) .dropdown-arrow {
        transform: scaleX(-1);
    }

    .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu {
        width: 100% !important;
        margin: 0;
        padding: 0 0 32px 0;
        box-shadow: none;
    }

        .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu h6,
        .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu h6 * {
            font-size: 20px;
            line-height: 28px;
            margin-bottom: 12px !important;
        }

        .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a,
        .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu li a * {
            font-size: 14px;
            line-height: 20px;
            letter-spacing: 0.5px;
        }

        .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu.large-dropdown .dropdown-left-side a,
        .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu.large-dropdown .dropdown-left-side a * {
            font-size: 16px !important;
            line-height: 24px !important;
        }

        .navbar .navbar-nav .dropdown.dropdown-with-icon-style02 .dropdown-menu.large-dropdown {
            position: static !important;
            transform: unset;
            max-width: unset;
        }

    .large-dropdown .dropdown-left-side {
        border-right: 0;
    }

        .large-dropdown .dropdown-left-side .dropdown-grid-2col {
            gap: 12px;
        }

        .large-dropdown .dropdown-left-side .icon-background {
            width: 48px;
            height: 48px;
        }

            .large-dropdown .dropdown-left-side .icon-background img {
                width: 24px;
            }

    .large-dropdown .dropdown-full-width.dropdown-grid-3col {
        gap: 20px;
    }

    .progress-step-separator {
        margin-left: 10%;
    }

    .process-step-style-06:nth-child(even) .process-step-icon-box .progress-step-separator {
        display: none !important;
    }

    .cta-section ul {
        padding: 0 !important;
        margin: 0 !important;
    }

    .diagram-hotspot {
        background-color: #FFFFFF66;
    }

        .diagram-hotspot:hover,
        .diagram-hotspot.is-active {
            background: #9370DB66;
        }

    .diagram-content-item {
        padding: 0;
        padding-bottom: 20px;
    }

    .diagram-arrow-svg {
        display: none;
    }

    .diagram-figure {
        max-width: 100%;
        margin: 0;
    }

    .absolute-middle-center.banner-absolute-box.style-03 {
        transform: translate(55%, 40%);
    }

    .review-elements.block-elements div {
        padding: 8px 16px;
    }
}

@media (max-width: 767px) {
    section.extra-padding-section {
        padding-top: 120px;
    }

    h1, h1 * {
        font-size: 56px;
        line-height: 64px;
        letter-spacing: -0.5px;
    }

    h2, h2 * {
        font-size: 48px;
        line-height: 56px;
        letter-spacing: -0.5px;
    }

    h3, h3 * {
        font-size: 42px;
        line-height: 50px;
        letter-spacing: 0px;
    }

    h4, h4 * {
        font-size: 32px;
        line-height: 40px;
        letter-spacing: 0px;
    }

    h5, h5 * {
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 0px;
    }

    .p1, .p1 * {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0.5px;
    }

    .p2, .p2 * {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 0.5px;
    }

    .small-screen {
        height: 750px !important;
    }

    .sm-dropdown-grid-1col {
        grid-template-columns: 1fr;
    }

    .sm-last-paragraph-no-border:last-child {
        border: none;
    }

    .sm-no-border-start {
        border-left: none !important;
    }

    .newsletter {
        padding: 40px 12px;
    }

    .newsletter-style-01 .btn-newsletter {
        position: relative;
        height: 56px;
    }

    .newsletter-style-01 input {
        border-radius: 2px !important;
    }

    .service-block-with-icons {
        padding: 60px 24px;
    }

        .service-block-with-icons .row-wrapper {
            row-gap: 40px;
        }

    .outside-box-right-30 {
        margin-right: 0;
    }

    section.extra-big-section.absolute-box {
        padding-top: 0px;
        padding-bottom: 80px;
    }

    .absolute-middle-center.banner-absolute-box {
        position: relative;
        transform: unset !important;
        left: 0;
        top: 0 !important;
    }

    .banner-box.style-02 {
        padding: 24px;
    }

    .pool-grid {
        row-gap: 60px;
    }

    .pool-parameters {
        gap: 16px;
    }

    .use-of-the-swimming-pool {
        border-left: none;
    }

    .table-borderless thead tr th {
        padding: 8px;
    }

    .table-borderless tbody tr td {
        padding: 16px 8px;
    }

    .review-elements.block-elements {
        top: 8px;
        right: 8px;
    }

        .review-elements.block-elements div {
            padding: 4px 8px;
        }

    .review-elements div {
        font-size: 14px;
    }

    .progress-step-separator {
        margin-left: 13%;
    }

    .footer-right {
        display: flex;
        flex-direction: column;
    }

    .footer-right-row {
        display: contents;
    }

        .footer-right-row.footer-right-distances {
            display: flex;
            order: 5;
        }

    .footer-right-cell {
        border-right: none;
    }

        .footer-right-cell:not(:first-child) {
            padding-top: 0;
        }

    .footer-right-logo-cell {
        order: 1;
    }

    .footer-right-address-cell {
        order: 2;
    }

    .footer-right-phone-cell {
        order: 3;
    }

    .footer-right-email-cell {
        order: 4;
    }

    .footer-right-row.footer-right-distances .footer-right-cell {
        order: 5;
        padding-top: 0;
    }

    .md-flex-direction-column {
        flex-direction: column;
    }

    footer {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .legal-section {
        scroll-margin-top: 80px;
    }
}

@media (max-width: 576px) {
    .booking-error-wrap {
        min-width: 85%;
    }

    .process-step-style-06 .process-step-icon-box .progress-step-separator {
        display: none !important;
    }

    input, select, select option, textarea, .form-control, .form-select,
    input::placeholder, select::placeholder, textarea::placeholder {
        font-size: 16px;
    }
}

@media (min-width: 1200px) {
    section.extra-big-section.p-300 {
        padding-top: 300px;
    }
}

@media (min-width: 992px) {
    .diagram-content-panel {
        overflow: hidden;
    }

    .diagram-content-carousel {
        transition: transform 0.4s ease-out;
        will-change: transform;
    }
}

@media (max-width: 360px) and (max-height: 576px) {
    .cookie-consent-modal .modal-content-wrap .modal-content .modal-header {
        padding: 12px !important;
    }

    .cookie-consent-modal .modal-content-wrap .modal-content .modal-body {
        padding: 0 12px !important;
        font-size: 14px;
    }

    .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer {
        padding: 12px;
    }

        .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons {
            gap: 8px;
        }

            .cookie-consent-modal .modal-content-wrap .modal-content .modal-footer .buttons .btn {
                padding: 8px 40px !important;
            }
}