@media(min-width: 993px) and (max-width: 1400px) {
    body#home .contact .contact-info .contact-row.desktop {
        display: none;
    }

    body#home .contact .contact-info .contact-row.laptop {
        display: flex;
        flex-direction: column;
    }

    body#home .contact .contact-info .contact-row.laptop div {
        display: flex;
        flex-direction: row;
        padding-bottom: 20px;
    }

    body#home .contact .contact-info .contact-row.laptop .title-mobile {
        width: 15%;
    }


    body#template.kontakt .top h1 br {
        display: none;
    }

    body#home .review-col.right .reviews-container {
        padding: 0;
        align-items: center;
    }

    .parallax-bg,
    .parallax-bg-left {
        background-size: 200% !important;
    }
}

@media(min-width: 577px) and (max-width: 992px) {
    .header {
        position: relative;
        padding: 27px 40px;
        justify-content: space-between;
        border-bottom: 1px solid #ffffff;
    }

    body#template.myjnia .parallax-bg {
        height: 500px !important;
    }

    nav#desktop-menu {
        display: none;
    }

    nav#mobile-menu.active {
        right: 0
    }

    .header a#mobile-title {
        display: block;
    }

    .header #overlay.active {
        display: block;
        opacity: 1;
    }

    .header #hamburger-btn {
        display: block;
    }

    body#home .hero-text h1 {
        font-size: 34px;
    }

    body#home .hero-text h3 {
        font-size: 14px;
    }

    body#home .offer {
        flex-direction: column;
    }

    body#home .offer-item {
        width: 100%;
        border: 0;
    }

    body#home .offer .offer-item:first-child {
        flex-direction: row-reverse;
        border: 0;
        border-bottom: 1px solid #ffffff;
    }

    body#home .offer-item:first-child .offer-item-text {
        border: 0;
    }

    body#home .offer-item:first-child .offer-item-image {
        border-right: 1px solid #fff;
    }

    body#home .about h2 {
        font-size: 19px;
        padding-top: 8px;
        padding-bottom: 20px;
    }

    body#home .about {
        padding: 40px 40px 20px;
    }

    /* ============= WARTOŚCI - START ============= */
    body#home .values {
        flex-direction: column;
        width: 100%;
        border-bottom: 0px;
    }

    body#home .values .value,
    body#home .values .title {
        flex-direction: row;
        width: 100%;
        border-right: 0px;
        border-bottom: 1px solid #ffffff;
        padding: 30px 40px;
    }

    body#home .value.value--last {
        border-bottom: 0;
    }

    body#home .value h2 {
        font-weight: 700;
        font-size: 82px;
        width: 30%;
        margin-bottom: 0;
    }

    body#home .values .title {
        padding: 40px 40px 10px !important;
        border-bottom: 0 !important;
    }

    body#home .values .title h3 {
        font-weight: 400;
        font-size: 16px;
    }

    body#home .value-right-column {
        /* padding-left: 58px; */
        width: 70%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    body#home .values .icon-mobile {
        display: inline;
    }

    /* ============= WARTOŚCI - KONIEC ============= */

    body#home .reviews {
        margin: 0;
        border-top: 0;
        flex-direction: column;
        border-bottom: 0px;
    }

    body#home .reviews .review-col.left:has(.content-mobile) {
        display: block;
        border-top: 1px solid #ffffff;
    }

    body#home .reviews .content-desktop {
        display: none;
    }

    body#home .review-col.left {
        border-right: 0;
        padding: 40px;
    }

    body#home .review-col {
        width: 100%;
    }

    body#home .review-col h2 {
        font-size: 34px;
        padding-bottom: 0
    }

    body#home .review-col.right {
        padding-left: 40px;
        padding-right: 40px;
    }

    body#home .review-col.right .reviews-container {
        padding: 40px;
        justify-content: center;
    }

    body#home .review-col.right .review {
        max-width: 100%;
        margin-bottom: 11px;
    }

    body#home .reviews .review-col.left:has(.content-desktop) h3 {
        text-transform: uppercase;
        font-weight: 900;
        font-style: italic;
    }

    body#home .contact .contact-info .contact-row.desktop {
        display: none;
    }

    body#home .contact .contact-info .contact-row.mobile {
        display: flex;
        flex-direction: column;
    }

    body#home .contact .contact-info .contact-row.mobile div:has(.title-mobile) {
        display: flex;
        padding-bottom: 30px;
    }

    body#home .contact-row a.address {
        width: 70%;
    }

    body#home .contact .contact-info .contact-row.mobile .title-mobile {
        width: 30%;
    }

    body#home .contact .contact-info .btn-outline {
        margin: 0 auto;
    }

    body#home .contact .contact-image .desktop {
        display: none;
    }

    body#home .contact .contact-image .mobile {
        display: block;
        object-fit: cover;
    }

    body#home .contact .contact-image div:has(.mobile-text) {
        display: flex;
        flex-direction: column;
        position: absolute;
        width: 40%;
        height: auto;
        top: 22%;
        left: 50%;
        align-items: flex-end;
    }

    /* body#home .contact .contact-image .mobile-text {
        height: 26px;
    } */
    body#home .contact .contact-image .mobile-text.bottom {
        width: 80%;
    }

    /* =============================================== */

    body#template .top {
        padding: 60px 40px;
    }

    body#template .bottom {
        flex-direction: column;
    }

    body#template .bottom .col {
        width: 100%;
    }

    body#template .bottom .content {
        padding: 30px 40px 36px 40px;
    }

    body#template .bottom .col:has(.content) {
        border-right: 0;
    }




    body#template.o-nas .bottom .col:nth-child(1) {
        width: 100%;
        border-right: 0;
    }

    body#template.o-nas .bottom .col:nth-child(2) {
        width: 100%;
        border-top: 1px solid #ffffff;
    }

    body#template.o-nas .about-us-bottom-image {
        height: 100px;
    }

    body#template.o-nas .bottom .col:has(.reviews-container) {
        height: auto;
    }


    body#template.myjnia .bottom .review {
        margin: 50px 40px;
    }

    body#template.myjnia .bottom .background-image {
        border-bottom: 1px solid #ffffff;
    }

    body#template .bottom .table.desktop {
        display: none;
    }

    body#template .bottom .table.mobile {
        display: block;
    }

    body#template .bottom .table.mobile .row {
        width: 100%;
    }

    body#template .bottom .table.mobile .head {
        width: 100%;
        justify-content: center;
        text-align: center;
        align-items: center;
        flex-direction: column;
    }

    body#template .bottom .table .head.border-right-0 {
        border-right: 0;
    }

    body#template .bottom .table.mobile .col-3 {
        width: 33.333% !important;
    }

    body#template .bottom .table .head.border-right-0 {
        border-right: 0;
    }

    body#template .bottom .table.mobile .value {
        justify-content: center;
        text-align: center;
    }


    body#template.kontakt .bottom .col:nth-child(1) {
        width: 100%;
    }

    body#template.kontakt .bottom .col:nth-child(2) {
        display: none;
    }

    body#template.kontakt .bottom .map {
        width: 100%;
    }

    body#template.kontakt .bottom .map iframe {
        min-height: 576px;
    }

    body#template.kontakt .bottom .reviews {
        width: 100%;
        padding: 82px 40px;
    }

    body#template.kontakt .bottom .row:has(.map) {
        flex-direction: column;
    }

    body#template.kontakt .top h1 br {
        display: none;
    }

    body#template.kontakt .bottom .col:has(.map) {
        border-right: 0;
    }




    body#template.konserwacja .bottom .review {
        margin: 50px 40px 50px auto;
    }

    body#template.konserwacja .bottom .background-image {
        background-position: center;
        border-top: 1px solid #ffffff;
    }
}





@media(max-width: 576px) {
    footer {
        padding: 12px 20px 32px;
        display: flex;
        flex-direction: column;
        gap: 12px
    }

    footer a img {
        display: inline;
    }

    .container {
        padding: 0 8px;
    }

    .mobile-container {
        position: relative;
    }

    .mobile-container::before {
        content: "";
        width: 1px;
        background: white;
        height: 100%;
        position: absolute;
        z-index: 1000;
        top: 0px;
        right: 0px;
    }

    .mobile-container::after {
        content: "";
        width: 1px;
        background: white;
        height: 100%;
        position: absolute;
        z-index: 1000;
        top: 0px;
    }

    .full-width {
        width: 100vw !important;
        margin-left: calc(-50vw + 50%);
    }

    .header {
        position: relative;
        padding: 27px 20px;
        justify-content: space-between;
    }

    nav#desktop-menu {
        display: none;
    }

    nav#mobile-menu.active {
        right: 0
    }

    .header a#mobile-title {
        display: block;
    }

    .header #overlay.active {
        display: block;
        opacity: 1;
    }

    .header #hamburger-btn {
        display: block;
    }

    .full-width-line.margin-top {
        display: none;
    }

    body#home .hero {
        flex-direction: column-reverse;
        border: none;
    }

    body#home .hero-image-mobile {
        display: block;
    }

    body#home .hero-image-desktop {
        display: none;
    }

    body#home .hero-text-container {
        padding-left: 20px;
        padding-right: 20px;
        border-right: 0;
    }

    body#home .hero-text {
        padding: 43px 0 64px;
        margin: 0;
    }

    body#home .hero-text h3 {
        font-size: 14px;
    }

    body#home .hero-text h1 {
        font-size: 34px;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    body#home .hero-image {
        border-top: 1px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }

    body#home .rating {
        margin: 0;
        font-size: 14px;
    }

    body#home .offer {
        flex-direction: column;
        border-bottom: 0px;
    }

    body#home .offer-item {
        flex-direction: column;
        width: 100%;
    }

    body#home .offer-item-text {
        width: 100%;
        border-right: 0;
        padding: 20px 12px;
        border-bottom: 1px solid #ffffff;
    }

    body#home .offer-item-text h3,
    body#home .offer-item-text .krown-container {
        margin-bottom: 90px;
    }

    body#home .offer-item-image img {
        width: 100%;
        height: 100%;
        border-bottom: 1px solid #ffffff;
    }

    body#home .offer-item-image img.no-border {
        border-bottom: 0
    }



    /* ============= O NAS - START ============= */
    body#home .about {
        align-items: flex-start;
        padding: 40px 20px 20px;
    }

    body#home .about h2 {
        font-size: 19px;
        text-align: left;
        padding-top: 8px;
        padding-bottom: 20px;
    }

    body#home .about h3 {
        display: block;
        font-weight: 400;
        font-size: 16px;
        color: #3772FF;
        text-transform: uppercase;
    }

    body#home .about p {
        text-align: left;
        padding-bottom: 20px;
    }

    /* ============= O NAS - KONIEC ============= */



    /* ============= WARTOŚCI - START ============= */
    body#home .values {
        flex-direction: column;
        width: 100%;
        border-bottom: 0px;
    }

    body#home .values .value,
    body#home .values .title {
        flex-direction: row;
        width: 100%;
        border-right: 0px;
        border-bottom: 1px solid #ffffff;
        padding: 30px 12px;
    }

    body#home .value.value--last {
        border-bottom: 0;
        ;
    }

    body#home .value h2 {
        font-weight: 700;
        font-size: 82px;
        width: 30%;
        margin-bottom: 0;
    }

    body#home .values .title {
        padding: 40px 12px 10px !important;
        border-bottom: 0 !important;
    }

    body#home .values .value.value--last {
        padding: 30px 20px !important;
    }

    body#home .values .title h3 {
        font-weight: 400;
        font-size: 16px;
    }

    body#home .value-right-column {
        /* padding-left: 58px; */
        width: 70%;
    }

    body#home .values .icon-mobile {
        display: inline;
    }

    /* ============= WARTOŚCI - KONIEC ============= */



    /* ============= OCENA - START ============= */
    body#home .reviews {
        margin: 0;
        border-top: 0;
        flex-direction: column;
        border-bottom: 0px;
    }

    body#home .reviews .content-desktop {
        display: none;
    }

    body#home .reviews .review-col.left:has(.content-mobile) {
        display: block;
        border-top: 1px solid #ffffff;

    }

    body#home .reviews .review-col.left:has(.content-mobile) h3 {
        text-transform: uppercase;
        font-weight: 900;
        font-style: italic;
    }

    body#home .review-col {
        width: 100%;
    }

    body#home .review-col.left {
        border-right: 0;
        padding: 40px 12px;
    }

    body#home .review-col h2 {
        font-size: 34px;
        padding-bottom: 0;
    }

    body#home .review-col.right {
        background-image: url('../img/review-mobile.webp');
        padding-left: 20px;
        padding-right: 20px;
        background-position: unset;
    }

    body#home .review-col.right .reviews-container {
        padding: 21px 0px;
    }

    body#home .review-col.right .review {
        max-width: 100%;
        margin-bottom: 11px;
    }

    /* ============= OCENA - KONIEC ============= */




    /* ============= KONTAKT - START ============= */
    body#home .contact {
        flex-direction: column;
        border: 0;
    }

    body#home .contact .contact-info {
        width: 100%;
        border-right: 0;
    }

    body#home .contact .contact-image {
        width: 100%;
    }

    body#home .contact .contact-info .contact-row.desktop {
        display: none;
    }

    body#home .contact .contact-info .contact-row.mobile {
        display: flex;
        flex-direction: column;
    }

    body#home .contact .contact-info .contact-row.mobile div:has(.title-mobile) {
        display: flex;
        padding-bottom: 30px;
    }

    body#home .contact .contact-info .contact-row.mobile .title-mobile {
        width: 30%;
    }

    body#home .contact-row a.address {
        width: 70%;
    }

    body#home .contact .contact-info .contact-info-top {
        padding: 40px 20px 30px;
    }

    body#home .contact .contact-info .contact-info-top h2 {
        font-size: 16px;
    }

    body#home .contact .contact-info .btn-outline {
        margin: 0 auto;
    }

    body#home .contact .contact-image .desktop {
        display: none;
    }

    body#home .contact .contact-image .mobile {
        display: block;
        border-bottom: 1px solid #ffffff;
        padding-top: 50px;
    }

    body#home .contact .contact-info-bottom {
        padding: 40px 12px;
    }

    body#home .contact .contact-info-bottom.desktop {
        display: none;
    }

    body#home .contact .contact-info-bottom.mobile {
        display: block;
    }

    body#home .contact .contact-image div:has(.mobile-text) {
        display: flex;
        flex-direction: column;
        position: absolute;
        width: 40%;
        height: auto;
        top: 22%;
        left: 52%;
        align-items: flex-end;
    }

    /* body#home .contact .contact-image .mobile-text {
        height: 26px;
    } */

    body#home .contact .contact-image .mobile-text.bottom {
        width: 80%;
    }

    /* ============= KONTAKT - KONIEC ============= */



    /* =============================================== */
    body#template .top {
        padding: 0px 12px 60px;
    }

    body#template .top h1 {
        font-size: 34px;
    }

    body#template .top .krown-container {
        display: none;
    }

    body#template .bottom {
        flex-direction: column;
    }

    body#template .bottom .col {
        width: 100%;
    }

    body#template .bottom .content {
        padding: 30px 12px 36px 12px;
    }

    body#template.myjnia .bottom .review {
        width: 100%;
    }

    body#template .bottom .review {
        max-width: 100%;
    }

    body#template .bottom .table.desktop {
        display: none;
    }

    body#template .bottom .table.mobile {
        display: block;
    }

    body#template .bottom .table.mobile .row {
        width: 100%;
    }

    body#template .bottom .table.mobile .head {
        width: 100%;
        justify-content: center;
        text-align: center;
        align-items: center;
        flex-direction: column;
    }

    body#template .bottom .table.mobile .value {
        justify-content: center;
        text-align: center;
    }


    body#template .bottom .table.mobile .col-3 {
        width: 33.333% !important;
    }

    body#template .bottom .table .head {
        font-size: 12px;
        padding: 12px;
    }

    body#template .bottom .table .head.border-right-0 {
        border-right: 0;
    }

    body#template .bottom .table .value.border-right-0 {
        border-right: 0;
    }

    body#template .bottom .table .value {
        font-size: 12px;
        padding: 8px;
        display: flex;
        align-items: center;
    }

    body#template .bottom .content p {
        font-size: 14px;
    }

    body#template .bottom .content .rating span {
        font-size: 14px;
    }



    body#template.o-nas .bottom .col:nth-child(1) {
        width: 100%;
        border-right: 0;
    }

    body#template.o-nas .bottom .col:nth-child(2) {
        width: 100%;
        border-top: 1px solid #ffffff;
    }

    body#template.o-nas .bottom .content .row:has(.krown) p {
        font-size: 14px;
    }

    body#template.o-nas .krown {
        max-width: 60px;
    }

    body#template.o-nas .bottom .btn-outline {
        margin: 0 auto;
    }

    body#template.o-nas .bottom .reviews-container {
        padding: 22px 20px;
    }

    body#template.o-nas .about-us-bottom-image {
        height: 100px;
    }

    body#template.o-nas .bottom .col:has(.reviews-container) {
        height: auto;
        background-image: url('../img/review-mobile.webp');
    }



    body#template.myjnia .bottom .review {
        margin: 50px 20px;
    }

    body#template.myjnia .bottom .background-image {
        border-bottom: 1px solid #ffffff;
    }



    body#template.kontakt .contact-row.desktop {
        display: none;
    }

    body#template.kontakt .contact-row.mobile {
        display: flex;
        flex-direction: column;
    }

    body#template.kontakt .contact-row.mobile div {
        display: flex;
        padding-bottom: 30px;
    }

    body#template.kontakt .contact-row.mobile .title-mobile {
        width: 30%;
    }

    body#template.kontakt .contact-row.mobile .address {
        width: 70%;
    }

    body#template.kontakt .contact-row {
        padding: 30px 12px;
    }

    body#template.kontakt .top h1 br {
        display: none;
    }

    body#template.kontakt .bottom .col:nth-child(1) {
        width: 100%;
    }

    body#template.kontakt .bottom .col:nth-child(2) {
        display: none;
    }

    body#template.kontakt .bottom .map {
        width: 100%;
    }

    body#template.kontakt .bottom .map iframe {
        min-height: 320px;
    }

    body#template.kontakt .bottom .reviews {
        width: 100%;
        padding: 30px 12px;
    }

    body#template.kontakt .bottom .row:has(.map) {
        flex-direction: column;
    }

    body#template.kontakt .bottom .col:has(.map) {
        border-right: 0;
    }


    body#template.konserwacja .bottom .review {
        margin: 50px 20px;
    }

    body#template.konserwacja .bottom .background-image {
        border-top: 1px solid #ffffff;
    }

    body#template.myjnia .parallax-bg {
        height: 500px !important;
    }

    .polityka .bottom {

        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}