#post-13088 .site-two-columns-text .site-two-columns-text-container .two-columns-text-container{
    grid-template-columns: 2fr 3fr;
}
#post-13088 .sub-header-container, #post-13098 .sub-header-container{
    display: none;
}
#post-13088{
    .entry-content{
        max-width: 100%;
    }
    .site-two-columns-text .site-two-columns-text-container .two-columns-text-container{
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }

}
#post-13098{
    .entry-content{
        max-width: 100%;
    }
    .site-two-columns-text .site-two-columns-text-container .two-columns-text-container{
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
    }
}
/* map-app */
#map-app-container{
    max-width: 1640px !important;
    margin: 0 auto 80px;
    #content{
        position: unset;
        background-color: #BFBFBF;
        width: 100%;
        height: 100%;
        aspect-ratio: 2332 / 953;
        display: flex;
        justify-content: center;
        border-radius: 25px;
        /*overflow-y: scroll;*/
        overflow-x: hidden;
        max-width: 1640px;
    }

    .contentHorizontal {
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url(SE4X_DM_SOLO.jpg);
        background-size: auto 100%;
        background-position: top;
        background-repeat: no-repeat;
        /* display: none; */
    }
    #innerContent{
        position: relative;
    }
    .contentVertical {
        position: absolute;
        width: 100%;
        height: 100%;
        background-image: url(pion.jpg);
        background-size: 100% auto;
        background-position: top;
        background-repeat: no-repeat;

        /* display: none; */
    }

    .contentHorizontal{
        .button-place{
            position: absolute;
            clip-path: polygon(50% 14%, 100% 50%, 50% 86%, 0% 50%);
            /*background: #ff000038;*/
        }
        #gospodarka-wodno-sciekowa{
            left: 16.5%;
            top: 6.9%;
            width: 12%;
            height: 24%;
        }
    }

    .contentVertical {
        .button-place {
            position: absolute;
            clip-path: polygon(50% 14%, 100% 50%, 50% 86%, 0% 50%);
            /*background: #ff000038;*/
        }
        #gospodarka-wodno-sciekowa{
            left: 16.5%;
            top: 6.9%;
            width: 12%;
            height: 24%;
        }
    }

    .fade-out {
        opacity: 0;
        animation-name: fadeOutOpacity;
        animation-iteration-count: 1;
        animation-timing-function: ease-in;
        animation-duration: 0.5s;
    }

    @keyframes fadeOutOpacity {
        0% {
            opacity: 1;
        }
        100% {
            opacity: 0;
        }
    }

    .fade-in {
        opacity: 1;
        animation-name: fadeInOpacity;
        animation-iteration-count: 1;
        animation-timing-function: ease-in;
        animation-duration: 0.5s;
    }

    @keyframes fadeInOpacity {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
}
@media screen and (max-width: 1376px){
    #map-app-container{
        .contentVertical{
            .button-place{
                position: absolute;
                clip-path: polygon(50% 14%, 100% 50%, 50% 86%, 0% 50%);
            }
            #gospodarka-wodno-sciekowa{
                left: 57.6%;
                top: 79.1%;
                width: 27.8%;
                height: 12%;
            }
        }
    }
}

@media only screen and (max-width: 1024px) {
    #post-13088 .site-two-columns-text .site-two-columns-text-container .two-columns-text-container {
        display: -ms-grid;
        grid-template-columns: 100%;
        -ms-grid-columns: 100%;
        grid-gap: 30px;
        -ms-grid-gap: 30px;
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
    }
    #post-13088 .site-two-columns-text .site-two-columns-text-container h2{
        padding: 10px 0;
    }
}
@media screen and (max-width: 786px){
    #map-app-container {
        #content {
            aspect-ratio: 4/3;
        }
    }
}

.product-accordion .accordion-content .columns-container .right-column {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    .content-inner{
        margin-bottom: 30px;
    }
}
.product-accordion .accordion-content .columns-container .right-column .buttons{
    display: flex;
    flex-display: row;
    flex-wrap: wrap;
    gap: 10px 20px;
    .single-button{
        color: black;
        border-radius: 50px;
        text-decoration: none;
        font-size: 1em;
        font-weight: 400;
        border-radius: 10px;
        -moz-transition: all ease .3s;
        -ms-transition: all ease .3s;
        -o-transition: all ease .3s;
        -webkit-transition: all ease .3s;
        padding: 12px 30px;
        text-decoration: none;
        margin-top: auto;
        margin-bottom: auto;
        text-align: center;
    }
}
@media only screen and (max-width: 1024px) {
    .product-accordion.accordion  {
       padding: 0 20px 0 20px;
    }

}

.site-realization.three-columns-realization {
    h2{
        font-size: 2em;
        color: #2c304c;
        font-weight: 800;
        margin: 0 0 60px;
        padding: 0;
        position: relative;
        line-height: 45px;
        -webkit-font-smoothing: antialiased;
        text-align: center;
    }
    .related-post{
        display: flex;
        flex-direction: column-reverse;
        max-height: 100%;
        .left-column-content{
            height: auto;
        }
    }

    .related-post .left-column{
        width: 100%;
        padding: 50px;
    }
    .related-post .right-column{
        width: 100%;
    }
    #related-posts-container{
        flex-direction: row;
        width: 100%;
        align-items: flex-start;
    }
    .swiper-button-next, .swiper-button-prev{
        top: 17%;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        display: none;
        content: '';
    }
}

@media screen and (max-width: 1181px){
    .site-realization.three-columns-realization {
        .swiper-button-next{
            top: 13%;
            width: 30px;
            height: 30px;
            padding: 0;
        }
        .swiper-button-prev{
            top: 13%;
            width: 30px;
            height: 30px;
            padding: 0;
        }
    }
}