/* ======== MEDIA QUERIES ======== */
@media (max-width: 992px) {

    /* Sekcja hero - dostosowanie do widoku mobilnego */
    .main {
        height: 100vh;
        padding-top: 0;
        padding-bottom: 0;
        display: flex;
        align-items: center;
    }

    .video-background iframe {
        width: 300vw;
        /* Zwiększona szerokość dla lepszego wypełnienia */
        height: 300vh;
        /* Zwiększona wysokość dla lepszego wypełnienia */
    }

    .slider-content .slider-title {
        font-size: 42px;
        line-height: 1.2;
        margin-top: 15px;
        margin-bottom: 20px;
        letter-spacing: 1px;
    }

    .slider-content .slider-p {
        font-size: 20px;
        margin-bottom: 25px;
    }

    .slider-sub-title {
        font-size: 16px;
    }

    .navbar-light {
        padding-top: 45px;
        padding-bottom: 12px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .navbar-light .navbar-nav .nav-link.btn-main {
        color: #fff;
        padding: 10px 13px;
        background: #546819;
        box-shadow: 1px 2px 9px #6d6d6d;
        border: 1px solid #546819;
        margin-top: 30px;
        margin-bottom: 20px;
        display: inline-block;
        width: fit-content;
        transition: none;
    }

    .navbar-light.is-sticky {
        padding-top: 12px;
        background: #fff !important;
    }

    .navbar-light .navbar-collapse {
        transition: max-height 0.4s ease
    }

    .navbar-light.is-sticky .logo {
        width: 100px;
        filter: invert(70%) sepia(91%) saturate(641%) hue-rotate(38deg) brightness(91%) contrast(100%);
    }

    .logo.gLogo {
        filter: invert(70%) sepia(91%) saturate(641%) hue-rotate(38deg) brightness(91%) contrast(100%);
    }

    .navbar-light .navbar-nav .nav-link {
        color: #061D1E;
        font-size: 19px;
        margin-top: 20px;
        margin-left: 0px;
    }

    .navbar-light .navbar-nav .active .nav-link:not(.btn-main) {
        color: #ABB379
    }

    .navbar-light .navbar-toggler {
        color: rgb(255 255 255 / 55%);
        border-color: #546819;
        background: #fff;
        border-radius: 50px;
        padding: 6px 15px;
    }

    /* Toggle Button Bars */
    .custom-toggler .toggler-icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
    }

    .custom-toggler .bar {
        display: block;
        width: 18px;
        height: 2px;
        background-color: #ABB379;
        margin: 4px 0;
        transition: all 0.3s ease;
    }

    /* Text beside the icon */
    .custom-toggler .toggle-text {
        display: inline-block;
        font-size: 16px;
        vertical-align: middle;
        color: #546819;
        font-family: "IvyPrestoHeadline", serif;
        letter-spacing: 1px;
    }

    /* When active - turn into "X" */
    .custom-toggler.active .bar:nth-child(1) {
        transform: rotate(45deg) translate(4px, 5px);
    }

    .custom-toggler.active .bar:nth-child(2) {
        opacity: 0;
    }

    .custom-toggler.active .bar:nth-child(3) {
        transform: rotate(-45deg) translate(3px, -5px);
    }

    /* Slide-down animation */
    .navbar-collapse {
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }

    .navbar-collapse.show {
        max-height: 540px;
        /* adjust based on your nav height */
        top: 0;
        position: absolute;
        width: 100%;
        left: 0;
        z-index: -1;
        text-align: center;
        background: #fff;
        padding: 90px 50px;
        border-radius: 0px 0px 15px 15px;
        transition: max-height 0.4s ease;
    }

    .masonary {
        column-count: 2;
    }

    .masonary {
        display: none;
    }

    .mob-gallery {
        display: block;
        margin-top: 40px;
        margin-bottom: 60px;
    }

    .mob-gallery .m-item {
        height: 380px;
        width: 100%;
        overflow: hidden
    }

    .mob-gallery .m-item img {
        object-fit: cover;
        height: 380px;
        width: 100%;
    }

    .mob-gallery .owl-theme .owl-dots .owl-dot span {
        background: #fff;
        display: none;
    }

    .mob-gallery .owl-theme .owl-nav {
        position: absolute;
        bottom: -12%;
        left: 0%;
    }

    .mob-gallery .owl-carousel .owl-nav button.owl-next,
    .mob-gallery .owl-carousel .owl-nav button.owl-prev {
        background: #fff;
        color: rgba(84, 104, 25, 1);
        padding: 0 !important;
        font: inherit;
        width: 50px;
        height: 50px;
        line-height: 33px;
        border: 1px solid rgba(171, 179, 121, 1);
        border-radius: 16px;
        font-size: 23px;
    }

    .mob-gallery .owl-carousel .owl-nav button.owl-next:hover,
    .mob-gallery .owl-carousel .owl-nav button.owl-prev:hover {
        background-color: #fff;
        color: rgba(84, 104, 25, 1);
    }

    .gallery-sec .btn-main,
    .gallery-sec .gallery-btn {
        display: block;
        margin-left: 20px;
        margin-top: 15px;
    }

    .slider-counter {
        color: rgba(6, 29, 30, 1);
        font-family: "IvyPrestoHeadline", serif;
        margin-top: 6px;
    }
}

@media (max-width: 768px) {
    .cont-box .cont-text {
        width: 80%;
    }

    .logo {
        width: 128px;
    }

    .footer-logo {
        max-width: 150px;
        margin-bottom: 20px;
    }

    .gallery-sec {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .section-space {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .slider-content .slider-title {
        font-size: 36px;
        line-height: 1.2;
    }

    .contact-btn {
        display: none;
    }

    /* Style dla przycisków na urządzeniach mobilnych */
    button,
    .accordion-button {
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    button:active,
    .accordion-button:active {
        background-color: #546819;
        color: #fff;
    }

    /* Przywrócenie oryginalnego koloru po zakończeniu kliknięcia */
    button,
    .accordion-button:not(.collapsed) {
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .feature-sec {
        padding-top: 80px;
        padding-bottom: 80px
    }

    .main-heading {
        padding-left: 20px;
        padding-right: 20px;
        text-align: left;
    }

    .main-heading .heading-title {
        font-size: 32px;
    }

    .ftr-box.mid,
    .ftr-box {
        margin-top: 20px;
    }

    .ftr-box .ftr-title {
        font-size: 30px
    }

    .timeline {
        background-size: auto;
        background-color: #eaeedd;
    }

    .time-box {
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        position: relative;
        z-index: 2
    }

    .time-div .time-hr {
        background: #ABB379;
        width: 3px;
        position: absolute;
        height: 0;
        /* Zaczynamy od wysokości 0 */
        top: 0;
        /* Zaczynamy od góry */
        bottom: auto;
        z-index: 0;
        left: 49.6%;
        transition: height 2s ease-in-out;
        /* Animacja rysowania linii od góry do dołu */
    }

    /* Klasa do aktywacji animacji na mobile */
    .time-div.animate .time-hr {
        height: 100%;
        /* Maksymalna wysokość, aby na pewno dochodzić do ostatniej kropki */
        width: 3px;
        /* Stała szerokość */
    }

    .time-dot {
        margin-top: 17px
    }

    .big-img-div .big-img {
        height: 600px;
        object-fit: cover;
    }

    .big-img-div .big-img-con {
        padding: 40px 20px;
    }

    .big-img-div .big-img-con .main-heading {
        padding-left: 0;
    }

    .tab-div-left {
        padding: 20px;
        margin-top: -1px;
    }

    .tab-div-left .nav .nav-link {
        width: 100%;
        border-radius: 24px;
        font-size: 23px;
        position: relative;
        padding-left: 63px;
    }

    .tab-div-left .nav .nav-link img {
        position: absolute;
        left: 12px;
        width: 43px;
        top: 17%;
    }

    /* Ukrycie przycisku "Więcej zdjęć" na urządzeniach mobilnych */
    @media (max-width: 768px) {
        .gallery-more {
            display: none !important;
        }

        /* Style dla mobilnych akordeonów w sekcji Zalety inwestycji */
        .mobile-accordion-content {
            display: none;
            padding: 15px 15px 20px;
            background-color: #f9f9f0;
            border-radius: 0 0 12px 12px;
            margin-bottom: 15px;
            margin-top: -1px;
            /* Usunięcie przerwy między przyciskiem a treścią */
            border-top: none;
            /* Usunięcie górnej krawędzi */
        }

        .mobile-accordion-content.active {
            display: block;
        }

        /* Ukrycie nagłówka w treści akordeonu */
        .mobile-accordion-content .tab-title {
            display: none;
        }

        /* Styl dla przycisku akordeonu gdy jest aktywny */
        .tab-div-left .nav .nav-link.active {
            border-radius: 12px 12px 0 0;
            /* Zaokrąglenie tylko górnych rogów */
            margin-bottom: 0;
            /* Usunięcie marginesu na dole */
        }

        /* Styl dla przycisku akordeonu gdy jest nieaktywny */
        .tab-div-left .nav .nav-link:not(.active) {
            border-radius: 12px;
            /* Zaokrąglenie wszystkich rogów */
            margin-bottom: 10px;
        }

        .tab-div-right {
            display: none;
        }
    }

    .tab-div-right {
        background-color: #323E0F;
        padding: 70px 20px 20px;
        margin-bottom: -2px;
    }

    .tab-div-right .main-heading span,
    .tab-div-right .main-heading .heading-title,
    .mobile-section-heading .main-heading-span,
    .mobile-section-heading .heading-title {
        color: rgba(249, 249, 240, 1)
    }

    .tab-div-right .tab-div-right-con {
        background: rgba(249, 249, 240, 1);
        padding: 0px 20px 20px;
        border-radius: 24px 24px 0px 0px;
    }

    /* Style dla mobilnego nagłówka sekcji */
    @media (max-width: 768px) {
        .mobile-section-heading {
            background-color: #323E0F;
            padding: 30px 20px 20px;
            margin-bottom: 20px;
            border-radius: 12px;
        }
    }

    .tab-div-right .line-waves {
        display: none
    }

    .tab-title {
        font-size: 27px;
        margin-bottom: 10px;
    }

    .desk-h {
        display: none
    }

    .mob-h {
        display: block;
        margin-bottom: 40px
    }

    .mob-tab-h {
        display: block;
        padding: 10px 20px;
        border-bottom: .5px solid #546819;
        margin-left: -20px;
        color: rgba(84, 104, 25, 1);
        margin-right: -20px;
        font-size: 21px;
        font-family: "IvyPrestoHeadline", serif;
        margin-bottom: 30px;
    }

    .mob-tab-h img {
        margin-right: 10px
    }

    .map-sec {
        padding-top: 80px
    }

    .map-div-right {
        background-color: #F9F9F0;
        height: 100%;
        padding: 30px 20px 80px;
    }

    .map-sec .mob-h {
        padding-left: 20px;
        padding-right: 20px
    }

    /* Wyśrodkowanie mapki na urządzeniach mobilnych */
    .map-sec .col-lg-6:first-child {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 20px;
    }

    .map-sec .col-lg-6:first-child img {
        max-width: 100%;
        margin-bottom: 30px;
    }

    .green-sec {
        padding-top: 80px;
        padding-bottom: 80px
    }

    @media (max-width: 768px) {

        .green-sec .col-lg-6.text-center,
        .timeline .col-lg-10 {
            text-align: left !important;
        }
    }

    .green-sec .huge-img {
        height: 600px;
        object-fit: cover;
        object-position: center;
    }

    .green-sec a {
        display: inline-block;
        margin-top: 30px
    }

    .doc-sec .btn-main {
        font-size: 14px;
        padding: 10px 15px 10px 15px;
    }

    .doc-sec .btn-main img {
        width: 24px;
        margin-right: 5px
    }

    .cont-form {
        box-shadow: none;
        padding: 40px 20px;
    }

    .cont-form .form-title {
        font-size: 21px
    }

    .contact-sec .gallery-btn {
        width: 100%
    }

    .cont-box .cont-text {
        font-size: 16px
    }

    .con-h,
    .con-p {
        padding-left: 20px;
    }

    .cont-box-last {
        margin-bottom: 0px
    }

    .m-footer .footer-logo {
        margin-bottom: 30px
    }

    /* Style dla stopki na urządzeniach mobilnych */
    .m-footer {
        text-align: center;
    }

    /* Ukrycie KRS i NIP na urządzeniach mobilnych */
    .company-id-info {
        display: none;
    }

    /* Wyśrodkowanie widgetów w stopce */
    .m-footer .ft-widget {
        text-align: center;
        margin-bottom: 20px;
    }

    /* Linki nawigacyjne w jednej linii z paddingami */
    .m-footer .list-inline {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        margin-bottom: 20px;
        padding: 15px 0;
    }

    .m-footer .list-inline-item {
        display: inline-block;
        text-align: center;
        margin: 0;
        padding: 0 10px;
    }

    .m-footer .list-inline-item a {
        display: inline-block;
        padding: 5px 5px;
        font-size: 14px;
    }

    /* Wyśrodkowanie przycisku */
    .m-footer .btn-main {
        margin: 15px auto;
        display: block;
        max-width: 250px;
    }

    /* Wyśrodkowanie ikon social media */
    .m-footer .social-media-footer {
        text-align: center;
        margin-bottom: 20px !important;
    }
}

@media (max-width: 576px) {
    .masonary {
        column-count: 1;
    }

    /* Dodatkowe zmniejszenie czcionek dla najmniejszych ekranów */
    .slider-content .slider-title {
        font-size: 32px;
        letter-spacing: 0.5px;
    }

    .slider-content .slider-p {
        font-size: 18px;
    }

    .slider-sub-title {
        font-size: 14px;
    }

    /* Lepsze wypełnienie wideo na małych ekranach */
    .video-background iframe {
        width: 400vw;
        height: 400vh;
    }
}