@media(max-width: 1279px) {

    :root {
    --gap: 20px;
    --section-padding: 150px;
    --inside-padding: 35px;
    }

    html {
        font-size: 18px;
    }

    body {
        padding: 20px;
    }

    header nav {
        display: none;
    }
 
    .head-menu-bars {
        display: flex;
    }

    .button {
        width: 230px;
    }

    .button .col {
        height: 50px;
    }

    header .logo-block img, footer .head-logo {
        max-width: 175px;
    }

    .hero-module {
        height: calc(100vh - 40px);
    }

    .copyright-block {
        border-top: 2px solid var(--gray-text-color);
    }

    .copyright-block .col:first-child {
        position: relative;
        top: 5px;
    }

    .casestudy-list .casestudy-content .item {
        font-size: var(--large-text-size);
    }

    .hero-module .motto-block .name br {
        display: none;
    }

}

@media (min-width: 768px) and (max-width: 1023px) {

}

@media (max-width: 1024px) {

    .head-menu-block .menu-box {
        margin-top: 15vh;
    }

    #subpage .decorative-block {
        display: none;
    }

    .button {
        width: 200px;
    }

    .max-wrapper {
        padding-left: 4vw;
        padding-right: 4vw;
    }

    .cta-module .bottom-block .col.l {
        padding: 35px;
    }

    header .logo-block img, footer .head-logo {
        max-width: 150px;
    }

    .infilab-icon {
        max-width: 80px;
    }

    .casestudy-list .casestudy-content .item:nth-child(2) {
        flex: 0 0 calc(45% - var(--gap));
    }

    .hero-module .motto-block .name {
        padding: 0;
    }

    .cta-module .img-block {
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 992px) {

    :root {
        --gap: 26px;
        --section-padding: 150px;
        --inside-padding: 35px;
        --gray-color: #0c0c0c;
    }

    html {
        font-size: 20px;
    }

    .col-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .cta-module .bottom-block .col.l, .cta-module .bottom-block .col.r {
        flex-basis: 100%;
        padding: 50px 25px;
    }

    #home .hero-module .motto-block .name {
        height: 150px;
    }

    .button {
        width: 230px;
    }

    .whyus-module .content-block.max-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .kt-row-column-wrap {
        grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
    }

    #subpage .hero-module {
        height: 50vh;
    }

    .services-module .content-block {
        padding-left: 8vw;
        padding-right: 8vw;
    }

    .copyright-block {
        padding-left: 0;
        padding-right: 0;
        gap: 10px;
    }

    .copyright-block .col {
        flex-basis: 100%;
    }

    footer .footer-module .col:last-child {
        text-align: left;
        justify-content: flex-start;
    }

    footer .head-logo {
        margin-bottom: 10px;
    }

    .copyright-block, .copyright-block .col:last-child {
        text-align: left;
    }

    .infilab-icon {
        max-width: 125px;
    }

    #subpage .hero-module .motto-block .name {
        padding-top: 15%;
    }

    .cta-single {
        padding-left: 0;
        padding-right: 0;
    }

    .casestudy-list .casestudy-content .item:first-child, .casestudy-list .casestudy-content .item:nth-child(2) {
        flex-basis: 100%;
    }

    .casestudy-list .review-block {
        text-align: left;
    }

    .casestudy-list .casestudy-header h2 {
        font-size: var(--h3-text-size);
    }

    .article-page article, .article-page aside {
        flex-basis: 100%;
    }

    .article-page article .button-box {
        text-align: center;
    }

    .reorder {
        order: 2;
    }

    .ryboxx-design {
        position: static;
    }

    .ryboxx-design img {
        width: 15px;
        margin-left: 5px;
        margin-right: 7px;
        top: 1px;
    }

    .hero-module .motto-block .name br {
        display: inline-block;
    }

    #content h2.wp-block-heading br {
        display: none;
    }

    .article-page aside .latest-module h5 {
        font-size: var(--h4-text-size);
    }

}

@media (max-width: 767px) {

    :root {
        --section-padding: 100px;
    }

    html {
        font-size: 18px;
    }

    header .cta-block, .decorative-block {
        display: none;
    }

    .head-menu-block .button-box {
        display: block;
    }

    .aboutus-module .top-block .col:first-child img {
        margin-left: auto;
        margin-right: auto;
    }

    .aboutus-module .top-block .col.n:first-child {
        order: 2;
    }

    .aboutus-module .top-block .col.n:last-child {
        order: 1;
        margin-bottom: var(--section-padding);
    }

    .min-wrapper {
        margin-left: 12vw;
        margin-right: 12vw;
    }

    header {
        padding-top: 60px;
    }

    .services-list .item {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .button {
        width: 230px;
    }

    .services-list .item h3 {
        margin: var(--gap);
    }

    .hero-module .motto-block .name {
        font-size: 1.75rem;
        height: auto;
    }

    .cta-module .img-block {
        aspect-ratio: 16 / 16;
    }

    .cta-module .logo-box img {
        width: 200px;
    }

    footer .footer-module {
        text-align: left;
        padding-left: 0;
        padding-right: 0;
    }

    .logo-module {
        padding-left: 0;
        padding-right: 0;
    }

    #home .hero-module .motto-block .name {
        height: auto;
    }

    .hero-module .motto-block .name {
        font-size: 1.65rem;
        height: auto;
    }

    .txt.small {
        max-width: 100%;
    }

    .services-module .icon img {
        max-width: 80px;
    }   

    header.onscroll {
        padding-top: 30px;
    }

    header {
        padding-bottom: 30px;
    }

    .infilab-icon {
        max-width: 100px;
    }

    .casestudy-list .casestudy-header .info-block {
        text-align: left;
    }

    .casestudy-list .review-block {
        font-size: var(--large-text-size);
    }

    body.post-template-default .inside-content, body.category-blog .inside-content,  body.post-type-archive-realizacje .inside-content {
        padding-left: 0;
        padding-right: 0;
    }

    .article-page article h1 {
        font-size: var(--h3-text-size);
    }

    .article-page article .img-box {
        aspect-ratio: 16 / 12;
    }

    .head-menu-block .menu-box ul li a {
        padding: 8px 0;
        font-size: 1.25rem;
    }

    .head-menu-block .menu-box {
        margin-top: 10vh;
    }

    .article-page article .h1 {
        font-size: 1.75rem;
    }
}

@media (min-width: 1024px) and (max-width: 1279px) and (orientation: landscape) {

}

@media (max-width: 1023px) and (orientation: landscape) {

    .head-menu-block {
        align-items: center;
    }

    header {
        padding-top: 60px;
    }

    .hero-module .motto-block .name {
        font-size: 1.65rem;
    }

    .hero-module {
        height: calc(165vh - 40px);
    }

    .head-menu-block .menu-box .menu-nawigacja-glowna-container {
        flex-basis: 100%;
    }

    .head-menu-block .menu-box ul li {
        display: inline-block;
    }

    .head-menu-block .menu-box ul li a {
        padding: 12px 12px;
        font-size: 1.15rem;
        border-bottom: none;
    }

    .head-menu-block .menu-box ul {
        text-align: center;
    }

    .head-menu-block .menu-box {
        margin-top: 25vh;
    }

    #subpage .hero-module {
        height: calc(100vh - 40px);
    }

    .hero-module .motto-block .name br {
        display: none;
    }

    .reorder {
        order: 2;
    }
}

@media (max-width: 600px) and (orientation: landscape) {

    .hero-module .motto-block .name {
        font-size: 1.25rem;
    }

    .head-menu-block .menu-box ul li a {
        padding: 5px 5px;
        font-size: 0.75rem;
    }

    header .logo-block img, footer .head-logo {
        max-width: 100px;
    }

    header.onscroll {
        padding-top: 20px;
    }

    header {
        padding-bottom: 20px;
    }

    .aboutus-module .top-block .col.n {
        flex-basis: 100%;
    }
}

@media(max-width: 395px) {

    .head-menu-block .menu-box ul li a {
        padding: 8px 0;
        font-size: 1.15rem;
    }

    header .logo-block img, footer .head-logo {
        max-width: 125px;
    }

    .button {
        width: 210px;
    }
}

@media(max-width: 385px) {

    .hero-module .motto-block .name {
        font-size: 1.45rem;
    }
}

@media(max-width: 365px) {

    .head-menu-block .menu-box ul li a {
        font-size: 1rem;
    }
}

@media(max-width: 335px) {

    html {
        font-size: 14px;
    }

    header .logo-block img, footer .head-logo {
        max-width: 100px;
    }

    .button {
        width: 180px;
    }

    .button .col {
        height: 40px;
    }

    .head-menu-block .menu-box ul li a {
        padding: 2px 0px;
    }

    .head-menu-block .menu-box {
        margin-top: 15vh;
    }   

    .services-list .item {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media (min-width: 758px) and (max-width: 1279px) {}

@media (min-width: 1024px) and (max-width: 1279px) {}

@media(min-width: 1280px) and (max-width: 1599px) {

    html {
        font-size: 20px;
    }

    header .logo-block {
        max-width: 150px;
    }

    header nav a  {
        padding: 10px 0;
    }

    .button {
        width: 250px;
    }

    .services-list .item, .casestudy-list .casestudy-content .item {
        padding-left: 25px;
        padding-right: 25px;
    }

}

@media(min-width: 1366px) and (max-width: 1440px) { 

}

@media(min-width: 1600px) and (max-width: 1919px) {

    html {
        font-size:24px;
    }

}

@media(min-width: 1920px) {

}

@media(min-width: 2560px) {

    html {
        font-size: 30px;
    }

    .cta-module .img-block {
        background-size: 100% 100%;
    }

    .max-wrapper {
        padding-left: 12vw;
        padding-right: 12vw;
    }

    .button {
        width: 320px;
    }

    .article-page aside .latest-module .button-box .button {
        width: 250px;
    }

    .button .col {
        height: 70px;
    }

    .wp-block-image img {
        width: 100%;
    }

    #content .socialmedia-block img {
        width: 60px;
    }

}