@media (max-width: 1367px) {
    :root {
        --spacing: 131px;
        --font-size: 20px;
        --font-size--medium: 18px;
        --font-size--large: 23px;
        --font-size--xlarge: 27px;
        --font-size--h1: 55px;
        --font-size--h2: 48px;
        --font-size--h3: 24px;
        --button-padding--top: 19px;
        --button-padding--bottom: 19px;
        --button-padding--left: 103px;
        --button-padding--right: 103px;
        --form-field--padding-top: 20px;
        --form-field--padding-left: 20px;
    }
    #hero {
        padding: 67px 30px 214px;
    }
    #hero:before {
        top: -189px !important;
        left: -266px !important;
        width: 1167px !important;
        height: 657px !important;
    }
    #hero:after {
        bottom: -36px !important;
        right: -399px !important;
        width: 970px !important;
        height: 491px !important;
    }
    #hero .brand svg {
        width: 201px;
        height: 49px;
        margin: 0 0 153px;
    }
    #heroGallery .gallery img {
        width: 112px;
        height: 112px;
    }
    .pg-section h2 + p {
        font-size: 23px;
        line-height: 28px;
        margin: 0 auto 63px;
    }
    .elementor-form .elementor-button {
        padding: 19px !important;
    }
    .captcha-note p, .captcha-note p a {
        font-size: 15px !important;
    }
    #footer {
        padding: 31px 30px 67px;
    }
    #heroGallery .gallery .gallery-item:nth-child(1) { top: 77px; left: 302px; }
    #heroGallery .gallery .gallery-item:nth-child(2) { top: -15px; left: 23px; }
    #heroGallery .gallery .gallery-item:nth-child(3) { top: 281px; left: 64px; }
    #heroGallery .gallery .gallery-item:nth-child(4) { bottom: 115px; left: 126px; }
    #heroGallery .gallery .gallery-item:nth-child(5) { top: -27px; right: 114px; }
    #heroGallery .gallery .gallery-item:nth-child(6) { top: 133px; right: 262px; }
    #heroGallery .gallery .gallery-item:nth-child(7) { top: 281px; right: 78px; }
    #heroGallery .gallery .gallery-item:nth-child(8) { bottom: 124px; right: 170px; }
    #heroGallery .gallery .gallery-item:nth-child(9) { bottom: 43px; left: -66px; }
    #heroGallery .gallery .gallery-item:nth-child(10) { bottom: -63px; left: 234px; }
    #heroGallery .gallery .gallery-item:nth-child(12) { top: 134px; right: -75px; }
    #heroGallery .gallery .gallery-item:nth-child(13) { bottom: -8px; right: -34px; }
}

@media (max-width: 1199px) {
    :root {
        --font-size: 18px;
        --font-size--medium: 16px;
        --font-size--large: 20px;
        --font-size--xlarge: 24px;
        --font-size--h1: 49px;
        --font-size--h2: 43px;
        --font-size--h3: 21px;
        --button-padding--top: 17px;
        --button-padding--bottom: 17px;
        --button-padding--left: 92px;
        --button-padding--right: 92px;
        --form-field--padding-top: 18px;
        --form-field--padding-left: 18px;
    }
    #hero {
        padding: 60px 30px 214px;
    }
    #hero:before {
        top: -170px !important;
        left: -239px !important;
        width: 1150px !important;
        height: 591px !important;
    }
    #hero:after {
        bottom: -32px !important;
        right: -359px !important;
        width: 873px !important;
        height: 441px !important;
    }
    #hero .brand svg {
        width: 180px;
        height: 44px;
        margin: 0 0 137px;
    }
    #heroGallery .gallery img {
        width: 100px;
        height: 100px;
    }
    .pg-section h2 + p {
        font-size: 20px;
        line-height: 25px;
        margin: 0 auto 56px;
    }
    .elementor-form .elementor-button {
        padding: 17px !important;
    }
    .captcha-note p, .captcha-note p a {
        font-size: 14px !important;
    }
    #footer {
        padding: 27px 30px 60px;
    }
    #heroGallery .gallery .gallery-item:nth-child(1) { top: 69px; left: 271px; }
    #heroGallery .gallery .gallery-item:nth-child(2) { top: -13px; left: 20px; }
    #heroGallery .gallery .gallery-item:nth-child(3) { top: 252px; left: 57px; }
    #heroGallery .gallery .gallery-item:nth-child(4) { bottom: 103px; left: 113px; }
    #heroGallery .gallery .gallery-item:nth-child(5) { top: -24px; right: 102px; }
    #heroGallery .gallery .gallery-item:nth-child(6) { top: 119px; right: 235px; }
    #heroGallery .gallery .gallery-item:nth-child(7) { top: 252px; right: 70px; }
    #heroGallery .gallery .gallery-item:nth-child(8) { bottom: 111px; right: 153px; }
    #heroGallery .gallery .gallery-item:nth-child(9) { bottom: 38px; left: -59px; }
    #heroGallery .gallery .gallery-item:nth-child(10) { bottom: -56px; left: 210px; }
    #heroGallery .gallery .gallery-item:nth-child(12) { top: 120px; right: -67px; }
    #heroGallery .gallery .gallery-item:nth-child(13) { bottom: -7px; right: -30px; }
}

@media (max-width: 991px) {
    :root {
        --font-size: 17px;
        --font-size--h1: 44px;
        --font-size--h2: 39px;
        --font-size--h3: 19px;
        --button-padding--top: 15px;
        --button-padding--bottom: 15px;
        --button-padding--left: 82px;
        --button-padding--right: 82px;
        --form-field--padding-top: 15px;
        --form-field--padding-left: 15px;
    }
    #hero {
        padding: 43px 30px 300px;
        height: auto;
    }
    #hero:before {
        top: -10px !important;
        left: -109px !important;
        width: 519px !important;
        height: 300px !important;
        background-image: url(i/icons/swish-lg-m.svg) !important;
    }
    #hero:after {
        bottom: -16px !important;
        right: -110px !important;
        width: 473px !important;
        height: 240px !important;
        background-image: url(i/icons/swish-sm-m.svg) !important;
    }
    #hero .brand svg {
        width: 156px;
        height: 38px;
        margin: 0 0 127px;
    }
    #heroGallery .gallery img {
        width: 85px;
        height: 85px;
    }
    .pg-section h2 + p {
        font-size: 17px;
        line-height: 22px;
        margin: 0 auto 49px;
    }
    .captcha-note p, .captcha-note p a {
        font-size: 13px !important;
    }
    #footer {
        padding: 24px 30px 54px;
    }
    #hero .hero-content h1, #hero .hero-content h1 + p {
        text-align: center;
    }
    #hero .hero-content h1 {
        margin: 0 0 39px;
    }
    #hero .hero-content h1 em {
        display: block;
    }
    #heroGallery .gallery .gallery-item:nth-child(9),
    #heroGallery .gallery .gallery-item:nth-child(10),
    #heroGallery .gallery .gallery-item:nth-child(12),
    #heroGallery .gallery .gallery-item:nth-child(13) {
        display: none;
    }
    #heroGallery .gallery .gallery-item:nth-child(1) { top: 71px; left: -13px; }
    #heroGallery .gallery .gallery-item:nth-child(2) { top: 337px; left: -70px; }
    #heroGallery .gallery .gallery-item:nth-child(3) { top: unset; bottom: 186px; left: -13px; }
    #heroGallery .gallery .gallery-item:nth-child(4) { bottom: 43px; left: 71px; }
    #heroGallery .gallery .gallery-item:nth-child(5) { top: 71px; right: -6px; }
    #heroGallery .gallery .gallery-item:nth-child(6) { top: 337px; right: -73px; }
    #heroGallery .gallery .gallery-item:nth-child(7) { top: unset; bottom: 185px; right: 70px; }
    #heroGallery .gallery .gallery-item:nth-child(8) { bottom: 43px; right: -42px; }
}

@media (max-width: 767px) {
    :root {
        --font-size--h2: 33px;
        --button-padding--left: 73px;
        --button-padding--right: 73px;
    }
    .elementor-form .elementor-button {
        width: 100% !important;
    }
    #footer {
        padding: 21px 30px 23px;
    }
    .elementor-form textarea.elementor-field-textual {
        height: 176px !important;
    }
}