@media (min-width:992px) {
    html {
        font-size: calc(3px + 1vw + 1vh + .2vmin);
        font-size: var(--font-lg-size)
    }

    .mts-box-number small,
    h2 small,
    p,
    ul {
        font-size: .55rem
    }

    ul {
        padding: 0
    }

    .big-light-title {
        font-size: 5rem
    }

    .big-light-title br {
        display: inline;
        display: initial
    }

    .button-plus {
        display: inline-block
    }

    .container {
        max-width: calc(100% - 8rem)
    }

    .container-fluid {
        max-width: calc(100% - 2rem)
    }

    .recaptcha-info {
        font-size: .35rem
    }

    .recaptcha-info a {
        text-decoration: none
    }

    .recaptcha-info a:focus,
    .recaptcha-info a:hover {
        text-decoration: underline
    }

    .header-nav~.page-main .top-padd {
        height: 5rem
    }

    .wave {
        display: block
    }

    #wave-04 {
        top: unset;
        bottom: -5%
    }

    #wave-about-01 {
        bottom: -2rem
    }

    #wave-about-02 {
        top: -70%
    }

    .about-top {
        padding: 7rem 0 1rem
    }

    .about-top-content {
        width: 50%
    }

    .about-grid {
        padding: 2.5rem 0 8rem
    }

    .about-lonely {
        padding: 6.5rem 0 7rem;
        background-color: #f8f8f8;
        background-color: var(--bg-elastic)
    }

    .about-use-cases .use-case-content {
        margin-top: .5rem
    }

    .about-benefits {
        padding: 3.5rem 0 4rem
    }

    .about-interactive {
        padding: 8rem 0 15rem
    }

    .about-results {
        padding: 3.5rem 0 4rem
    }

    .about-discover {
        padding: 7rem 0;
        background-color: transparent
    }

    .lonely-content,
    .lonely-img {
        width: 50%
    }

    .benefits-content,
    .benefits-double {
        width: 50%;
        margin: 0
    }

    .benefits-double {
        height: 18rem;
        padding-left: 1rem
    }

    .benefits-double .mts-box {
        padding-left: 1rem;
        margin-bottom: 1rem
    }

    .interactive-content,
    .interactive-img,
    .results-content {
        width: 50%
    }

    .results-img {
        width: 50%;
        height: 18rem;
        margin-left: auto
    }

    .results-img>img {
        position: absolute;
        left: 0;
        top: 50%;
        width: auto;
        height: 100%;
        max-width: none;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .discover-img {
        width: 50%
    }

    .discover-content {
        width: 45%
    }

    .posts {
        margin-bottom: 7.5rem
    }

    .card {
        width: 50%
    }

    .card:nth-child(odd) {
        width: 35%;
        top: 4.5rem
    }

    .card-title {
        bottom: 1.5rem;
        font-size: 1rem;
        text-shadow: 1px 1px 1px #2c2c2c;
        text-shadow: 1px 1px 1px var(--bg-dark)
    }

    .card-footer {
        height: 1.5rem;
        font-size: .5rem
    }

    .pagination .page-numbers {
        padding: 1rem .4rem;
        font-size: 1rem;
        font-weight: 300;
        font-weight: var(--fw-300)
    }

    .blog-post-body,
    .blog-post-comments {
        padding: 0 5rem
    }

    .carousel-stripes-top {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .carousel-stripes-wrapper-main {
        height: 17rem;
        margin: 0
    }

    .carousel-stripes-wrapper {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        transition: opacity .2s, -webkit-transform .2s;
        transition: transform .2s, opacity .2s;
        transition: transform .2s, opacity .2s, -webkit-transform .2s
    }

    .carousel-stripes-wrapper.is-left {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }

    .carousel-stripes-wrapper.is-active {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    .carousel-stripes-wrapper.is-right {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%)
    }

    .carousel-stripes-bottom {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .carousel-item {
        height: 4.5rem;
        margin: 0 0 1rem
    }

    .carousel-item-icon {
        min-width: 2.4rem;
        max-width: 2.4rem
    }

    .carousel-item-title {
        font-size: .85rem
    }

    .categories {
        width: 84%;
        margin-left: 7.5%
    }

    .categories-title {
        font-size: .5rem
    }

    .categories-list-item-link {
        font-size: .8rem
    }

    .circles {
        display: flex
    }

    .contact {
        padding: 2rem 0
    }

    .contact-paragraph {
        font-size: 1rem;
        color: grey;
        color: var(--numbers-dark-color)
    }

    .contact-paragraph small {
        font-size: 50%
    }

    .cookies-body,
    .cookies-footer {
        flex-direction: row
    }

    .cookies-left {
        justify-content: space-between;
        padding-right: .5rem;
        margin-bottom: 0;
        margin-right: auto;
        width: 45%
    }

    .additional-nav-menu .menu-item:first-child .cookies-left a,
    .additional-nav-menu .menu-item:last-child .cookies-left a,
    .cookies-left .additional-nav-menu .menu-item:first-child a,
    .cookies-left .additional-nav-menu .menu-item:last-child a,
    .cookies-left .button {
        margin: 0
    }

    .cookies-right {
        width: 45%;
        padding-left: .5rem;
        margin-left: auto
    }

    .section-eu {
        flex-direction: row;
        height: 130px
    }

    .section-eu-imgs {
        width: 40%;
        height: unset
    }

    .section-eu-info {
        font-size: .5rem;
        width: 60%;
        height: unset;
        padding: 0 2rem
    }

    .section-eu-img-symbol {
        max-width: 5.5rem;
        height: 50px
    }

    .section-eu-img-symbol>img {
        max-height: unset
    }

    .section-eu-img-symbol-caption {
        font-size: .5rem
    }

    .full-system-int {
        padding: 8rem 0
    }

    .full-system-int>.container {
        display: flex;
        justify-content: flex-start;
        align-items: center
    }

    .full-system-int-content {
        width: 40%
    }

    .full-system-int-img {
        margin-left: auto;
        width: 50%
    }

    .footer-subtitle br {
        display: inline;
        display: initial
    }

    .footer-logo {
        float: left;
        width: 40%
    }

    .footer-menu {
        float: right;
        width: 60%
    }

    .footer-nav-menu {
        -webkit-column-count: 4;
        column-count: 4;
        margin: 0
    }

    .footer-nav-menu li {
        width: unset
    }

    .footer-nav-menu li a {
        font-size: .8rem
    }

    .wpcf7-form {
        width: 90%
    }

    .col-4 {
        width: 25%
    }

    .col-4,
    .col-6,
    .col-8 {
        padding: 0 1rem
    }

    .col-8 {
        width: 75%
    }
        .col-6 {
            width: 50%
        }
    .checkbox,
    .input,
    .textarea {
        font-size: .65rem
    }

    .checkbox input,
    .checkbox textarea,
    .input input,
    .input textarea,
    .textarea input,
    .textarea textarea {
        font-size: .55rem
    }

    .form-name {
        left: -4vw;
        top: 1.55rem;
        font-size: .65rem
    }

    .input input {
        height: 1.2rem
    }

    .textarea textarea {
        height: 5.4rem
    }

    .acceptances .checkbox {
        width: 70%
    }

    input[type=submit] {
        position: absolute;
        left: 75%;
        top: 50%;
        width: 25%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .header-carousel {
        flex-direction: row;
        height: unset
    }

    .header-carousel-slide,
    .header-carousel-slides {
        height: calc(100vh - 5rem - 260px)
    }

    .header-carousel-slide {
        justify-content: flex-end
    }

    .header-carousel-slide-img {
        height: calc(100vh - 5rem - 260px)
    }

    .header-carousel-pagination {
        left: unset;
        right: 1rem;
        top: 50%;
        height: 5rem;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        flex-direction: column
    }

    .header-carousel-pagination-bullet {
        margin: .25rem 0
    }

    .header-carousel-caption {
        position: absolute;
        left: 0;
        top: 50%;
        width: 60%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0
    }

    .header-carousel-caption-box {
        text-align: left;
        align-items: flex-start
    }

    .how-it-works {
        padding: 8rem 0
    }

    .how-it-works-imgs {
        width: 55%
    }

    .how-it-works-content {
        float: right;
        width: 38%
    }

    .icons {
        padding: 3rem 0 2rem
    }

    .icons-container {
        flex-direction: column;
        max-height: 18rem
    }

    .icon-box-title {
        font-size: .6rem
    }

    .icon-box {
        width: 25%;
        max-height: 25%;
        height: 3.5rem
    }

    .key-tech-features {
        padding: 5rem 0 8rem
    }

    .mts-content {
        float: left;
        width: 40%
    }

    .mts-double {
        float: right;
        width: 40%
    }

    .mts-box {
        font-size: .55rem
    }

    .header-nav.navbar-fixed {
        height: 2.5rem
    }

    .newsletter {
        padding: 3rem 0
    }

    .form-acceptance .wpcf7-list-item-label {
        font-size: .5rem;
        line-height: 1.1
    }

    .form-checkbox-container .checkbox-element {
        width: 50%;
        padding: .5rem 0
    }

    .p-box {
        font-size: .55rem;
        width: 8.5rem;
        min-height: 7.5rem
    }

    .p-box-label {
        font-size: .75rem
    }

    .page-author {
        padding: 5rem 0 2rem
    }

    .author-top {
        flex-direction: row
    }

    .author-image {
        width: 25%;
        margin-right: auto;
        padding-right: 1rem;
        justify-content: flex-start
    }

    .author-image .img-wrap {
        width: 100%;
        height: auto
    }

    .author-info {
        width: 50%
    }

    .author-body {
        flex-direction: row;
        margin: 3rem 0 0
    }

    .author-posts {
        width: 75%;
        padding-right: 3rem
    }

    .author-post {
        flex-direction: row;
        align-items: flex-start
    }

    .author-post-image {
        min-width: 40%;
        width: 40%
    }

    .author-post-info {
        padding-left: 1rem
    }

    .link-list {
        width: 25%
    }

    .link-list-title {
        font-size: .45rem
    }

    .link-list-item {
        font-size: .65rem
    }

    .pfp {
        padding: 3rem 0 5rem
    }

    .pfp:after {
        background: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0) 15%, hsla(0, 0%, 100%, 0) 85%, #fff)
    }

    .pfp-img {
        float: left;
        width: 50%;
        overflow: unset
    }

    .pfp-img-bg {
        -webkit-animation: codeScroll 150s linear infinite alternate;
        animation: codeScroll 150s linear infinite alternate;
        width: 55vw
    }

    .pfp-content {
        float: right;
        width: 45%;
        padding: 0;
        margin-left: auto
    }

    .policy {
        padding: 3rem 0
    }

    .product-top {
        padding: 7rem 0 1rem
    }

    .product-grid {
        padding: 2.5rem 0 8rem
    }

    .product-tag {
        padding: 3.5rem 0 1rem
    }

    .product-anchor {
        padding: 3rem 0 5rem
    }

    .product-tag2 {
        padding: 6rem 0
    }

    .product-server {
        padding: 4rem 0
    }

    .product-server:after {
        background: linear-gradient(0deg, #f8f8f8, hsla(0, 0%, 97.3%, 0) 15%, hsla(0, 0%, 97.3%, 0) 85%, #f8f8f8);
        background: linear-gradient(0deg, var(--bg-elastic), rgba(var(--bg-elastic), 0) 15%, rgba(var(--bg-elastic), 0) 85%, var(--bg-elastic))
    }

    .product-server .pfg-img {
        float: left;
        width: 50%;
        overflow: unset
    }

    .product-server .pfg-img-bg {
        -webkit-animation: codeScroll 50s linear infinite alternate;
        animation: codeScroll 50s linear infinite alternate;
        width: 55vw
    }

    .product-panel {
        padding: 3.5rem 0
    }

    .ptag-content {
        width: 50%;
        padding: 0 3rem
    }

    .ptag-img {
        width: 50%;
        justify-content: flex-end
    }

    .pa-img {
        order: 0
    }

    .pa-content {
        margin-left: 50%;
        width: 50%;
        order: 1
    }

    .ptag2-img {
        justify-content: flex-end
    }

    .ready-for-mobile {
        padding: 5rem 0
    }

    .ready-for-mobile-content {
        float: left;
        width: 40%
    }

    .ready-for-mobile-slides {
        float: right;
        width: 50%;
        display: block
    }

    .rfm-slides-inside {
        height: 74%
    }

    .rfm-slides {
        max-width: 50%
    }

    .rfm-slides-major {
        margin-top: 20vh
    }

    .rfm-slides-buttons {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-top: 20vh
    }

    .rfm-slides-arrows {
        display: none
    }

    .rfm-slides-numbers {
        display: flex;
        justify-content: center;
        align-items: flex-end;
        position: absolute;
        right: 0;
        bottom: -120px;
        -webkit-transform: none;
        transform: none;
        color: #cccdcf;
        color: var(--numbers-light-color);
        font-size: 3.5rem;
        font-weight: 300;
        font-weight: var(--fw-300)
    }

    .rfm-slides-num:first-child {
        width: 4rem
    }

    .rfm-slides-num:nth-child(2) {
        width: 1.2rem
    }

    .rfm-slides-num:nth-child(3) {
        font-size: 2rem;
        position: relative;
        bottom: .5rem
    }

    .rfm-slides-slide.is-left {
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%)
    }

    .rfm-slides-minor-slide.is-left,
    .rfm-slides-slide.is-right {
        -webkit-transform: translate(-50%, 150%);
        transform: translate(-50%, 150%)
    }

    .rfm-slides-minor-slide.is-right {
        -webkit-transform: translate(-50%, -150%);
        transform: translate(-50%, -150%)
    }

    .use-cases {
        padding: 5rem 0
    }

    .use-cases-top {
        width: 100%;
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        margin-left: 10vw;
        padding-bottom: 1rem
    }

    .use-cases-top:after {
        content: "";
        display: block;
        clear: both
    }

    .use-cases-container {
        height: 13rem
    }

    .use-cases-arrows {
        display: none
    }

    .use-cases-numbers {
        left: unset;
        top: unset;
        right: 0;
        bottom: 0;
        -webkit-transform: none;
        transform: none;
        color: grey;
        color: var(--numbers-dark-color);
        font-size: 3.5rem;
        font-weight: 300;
        font-weight: var(--fw-300)
    }

    .use-cases-num:first-child {
        width: 4rem
    }

    .use-cases-num:nth-child(2) {
        width: 1.2rem
    }

    .use-cases-num:nth-child(3) {
        font-size: 2rem;
        position: relative;
        bottom: .5rem
    }

    .use-cases-bullets {
        display: none
    }

    .use-case {
        flex-direction: row
    }

    .use-case-img {
        width: 50%;
        margin-bottom: 1rem
    }

    .use-case-content {
        width: 50%;
        margin-left: auto;
        margin-top: 1.5rem;
        padding-left: 2rem
    }

    .use-case.is-left,
    .use-case.is-right {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}



.ni_row {
    display: flex;
    /* gap: 70px; */
    margin-bottom: 20px;
}

.ni_row .col-6 {
    flex: 0 0 50%;
    width: 50%;
    padding: 0 70px 0 0;
}

.ni_row .col-12 {
    flex: 0 0 100%;
    width: 100% ;
    padding: 0 70px 0 0;
}

.wpcf7-form-control.wpcf7-checkbox.check-box.ni_check span.wpcf7-list-item-label {
    margin-top: 12px;
        display: flex;
}



/* Responsywność - na mniejszych ekranach pola układają się w kolumnie */
@media (max-width: 768px) {
    .ni_row {
        flex-direction: column;
        gap: 15px;
    }

    .ni_row .col-6,
    .ni_row .col-12 {
        flex: 0 0 100%;
        width: 100%;
    }
}