@media screen and (max-width: 1680px) {
    :root {
        --size-h1-super: 85px;
        --size-h1: 48px;
        --size-h2: 42px;
        --size-h3: 39px;
        --size-h4: 26px;
        --size-h5: 17px;
        --size-h6: 12px;
        --size-p-super: 30px;
        --size-p: 19px;
        --size-p-small: 13px;
        --size-a-btn: 16px;

        --size-full-text-block: 750px;
    }
    .page-template-home h5 { font-family: 'AxiformaMedium', sans-serif; }
    .full-text-scroll-block-home .scroll-centered-text { width: 1220px; padding-left: 100px; padding-right: 0 }
    .logo-img { width: 240px }
    .full-text-scroll-block-home .scroll-centered-text::after { height: 250px; width: 80px; }
    footer > * { width: 1250px }
    .text-block-holder .text-block { width: 570px; }
    .digital .centered-text { width: calc(var(--size-full-text-block) * 1.08) }
    .full-text-block { background-size: 24% }
    .digital .full-text-block { background-size: 34% }
    .scroll-centered-text { width: 1090px; padding-right: 140px }
    .scroll-centered-text::after { height: 250px; right: 0 }
    .business-card-content-wrapper img { width: 200px }
    .location-item { width: 200px }
    .article-header-text { width: 720px; }
    .header-text-block { padding-right: 280px; background-size: 450px; }
    .article-quote-content { width: 550px; }
    .article-quote-block > * { margin: 0 100px; }
    .article-float-image-block, .article-text-block-wrapper { width: 1080px }
    .article-float-image-block { padding-right: 440px }
    /*.article-float-image-block-wrapper { background-size: 44% }*/
    ol li::before { width: 56px; height: 56px; }
}

@media screen and (max-width: 1600px) {
    :root {
        --size-h1-super: 80px;
    }
}

@media screen and (max-width: 1500px) {
    :root {
        --size-h1: 45px;
    }
    footer .social-media a { width: 56px; }
    .header-text-block { padding-top: 300px; }
    .article-quote-block { padding: 90px 40px; }
    .image-row-item h4 { font-size: calc(var(--size-p-super) - 3px); }
    .location-item { width: 185px; }
}

@media screen and (max-width: 1440px) {
    :root {
        --size-h1-super: 72px;
        --size-h1: 41px;
        --size-h2: 36px;
        --size-h3: 33px;
        --size-h4: 24px;
        --size-h5: 14px;
        --size-h6: 10px;
        --size-p-super: 29px;

        --size-full-text-block: 700px;
        --size-scroll-btn: 65px;
        --size-text-media-block: 47%;
    }
    ol li::before { width: 54px; height: 54px; }
    .pre-footer-contact-box { width: 900px }
    .logo-img { width: 205px }
    .text-block-holder .text-block { width: auto; margin-right: 80px; }
    .text-media-block-wrapper.media-position-reversed .text-block { margin-right: 80px; }
    .home-slider-title { padding-bottom: 20px }
    .image-hover-item { margin: 30px }
    .image-hover-item, .image-hover-item-image { width: 350px; height: 350px; }
    .digital .full-text-block { background-size: 28%; }
    .banner-overlay h1 { bottom: 100px; left: 160px; }
    .scroll-centered-text { width: 990px; padding-right: 120px }
    .scroll-centered-text::after { height: 220px }
    #our-story p + p { margin-top: calc(var(--indent-p) * 0.5) }
    #our-story h3 + p { margin-top: calc(var(--indent-between-text) * 0.5) }
    .location-item { width: 170px }
    .header-text-block { padding-left: 200px; background-size: 400px; }
    .article-quote-block > * { margin: 0 70px }
    .article-quote-title::before { width: 180px; height: 125px; }
    .article-quote-title::after { width: 85px; height: 60px; }
    .scroll-to-next { bottom: 20px; }
    .slider-block .bx-wrapper .bx-prev { margin-right: 70px; margin-top: 17px; }
}

/*@media screen and (max-width: 1400px) {*/
/*    .full-text-scroll-block-home .scroll-centered-text { width: 800px }*/
/*    .text-block-holder .text-block { width: 450px }*/
/*    .image-hover-item, .image-hover-item-image { width: 300px; height: 300px; }*/
/*    .image-hover-item { margin: 20px }*/
/*    .scroll-centered-text { width: 850px; padding-right: 0; }*/
/*    .scroll-centered-text::after { right: -100px; height: 200px }*/
/*}*/
@media screen and (max-width: 1366px) {
    :root {
        --size-h1-super: 67px;
        --size-h1: 39px;
        --size-h2: 34px;
        --size-h3: 31px;

    }
    .text-block-holder .text-block { margin-left: 0 }
    .banner-overlay h1 { bottom: 110px; }
    .full-text-scroll-block-home .scroll-centered-text { width: 1000px }
    .full-text-block { background-size: 21%; }
    #our-story p { font-size: 90% }
    .business-card { padding: 40px 30px; }
    .header-text-block { background-size: 350px; }
    .article-quote-block { justify-content: right; }
}
@media screen and (max-width: 1300px) {
    :root {
        --size-p: 17px;
        --size-p-super: 25px;

        --indent-p: 15px;
    }
    ol li::before { width: 50px; height: 50px; }
    .privacy-policy { position: unset; transform: none; }
    .article-float-image-block, .article-text-block-wrapper { width: 800px }
    .article-float-image-block-wrapper { background-size: 0; }
    .article-float-image-block { padding-right: 0 }
    .image-hover-items-holder { margin-top: 50px }
    #web-mobile p + p { margin-top: calc(var(--indent-p) * 0.5) }
    #web-mobile h3 + p { margin-top: calc(var(--indent-between-text) * 0.5) }
    .business-card { margin-top: 150px; }
    .business-card-blue.business-card { margin-top: 50px }
    .header-text-block { background-size: 22%; padding-left: 150px; }
    .article-full-image { height: 400px }
    .westland-column-item img { max-width: 60% }
    .westand-columns .lightblue-bg, .westand-columns .lightgreen-bg { display: none; }
    .westland-column-item { margin-right: 15px }
}
@media screen and (max-width: 1200px) {
    :root {
        --size-scroll-btn: 50px;
        --size-text-media-block: 47%;
        --size-h1-super: 40px;

        --size-h1: 30px;
        --size-h2: 28px;
        --size-h3: 25px;
        --size-h4: 17px;
        --size-p: 17px;
        --size-a-btn: 14px;
    }
    .full-text-block .centered-text p { font-size: var(--size-h3) }
    footer .contact-social { display: none; }
    .logo-img { width: 200px; }
    .header-menu-btn { margin-top: 30px; }
    nav { padding-top: 20px; }
    .service-item .service-title { background-size: 20px 20px; padding-left: 30px; }
    .header-text-block { padding: 250px 50px 50px 50px; }
    .header-text-block { background-position: top right; background-size: 300px; }
    .business-card::after { border-width: 75px 145px 75px 0; }
    .business-card-holder { padding-bottom: 60px; }
    .slider-block .bx-wrapper .bx-prev { margin-right: 55px }
    .slider-block .bx-controls { right: 17%; top: 17% }
}
@media screen and (max-width: 1100px) {
    .pre-footer-contact-box { width: auto; margin: 0 100px; }
    .article-quote-block > * { margin: 0 40px }
    .article-quote-title::after { width: 60px; height: 40px }
    .article-quote-title::before { width: 125px; height: 85px }
    .article-quote-block { padding: 40px }
    .business-card-content-wrapper img { width: 120px }
    .full-text-scroll-block-home .scroll-centered-text { width: 800px; padding: 30px; }
    .scroll-centered-text { padding-right: 0 }
    .scroll-centered-text::after { content: none }
    .scroll-to-up { bottom: 10px; }
}
@media screen and (max-width: 1000px) {
    /*.full-text-scroll-block-home .scroll-centered-text::after { height: 150px; width: 50px; left: -80px; }*/
    /*.scroll-centered-text p { font-size: var(--size-h4); }*/
    .scroll-centered-text { width: 100%; padding: 30px; }
    /*.full-text-scroll-block-home .scroll-centered-text { width: 600px; padding: 30px; }*/
    header { padding: 40px 0 0 40px; }
    .text-block-holder { margin-left: 40px; margin-right: 40px; }
    .text-block-holder .text-block { margin-right: 0 }
    .scroll-to-next { display: none; }
    .text-media-block-wrapper.media-position-reversed .text-block { margin-right: 0; }
    .block-holder .bx-wrapper .bx-controls-direction a { width: 20px; height: 60px }
    .image-row-item h4 { font-size: var(--size-h4) }
    .location-item { width: 160px }
    .image-hover-item, .image-hover-item-image { width: 200px; height: 200px; }
    .contact-left-inner { width: auto; padding: 20px; }
    .contact-left { padding: 0 }
    .contact-right { padding-top: 20px }
    .close-popup { top: 15px; }
    .wpcf7-form .input-text { width: 100% }
    /*.full-text-scroll-block-home .scroll-centered-text { margin-left: 0 }*/
}
@media screen and (max-width: 900px) {
    :root {
        --size-text-media-block: 100%
    }
    .scroll-centered-text p { font-size: var(--size-h4); }
    .full-text-scroll-block-home .scroll-centered-text p { font-size: var(--size-h2); }
    .scroll-centered-text { width: auto; padding-left: 40px !important; margin: 0; }
    .full-text-scroll-block-home .scroll-centered-text { width: 100%; }
    .banner-overlay h1 { left: 120px }
    .text-block-holder .text-block { margin: 30px; }
    .text-media-block-wrapper.media-position-reversed .text-block { margin: 40px; }
    .text-block-holder .text-block { width: auto }
    .scroll-centered-text { padding: 30px 30px 30px 0; }
    .banner-overlay h1 { bottom: 80px; }
    .city-naming { display: none; }
    .footer-logo::before, .footer-logo::after { width: 28%; }
    .footer-links ul li { display: none; }
    .footer-links ul li:first-child { display: block; }
    .trapezium + .row .full-text-block-wrapper .full-text-block { padding: 200px 20px 20px 20px; }
    .footer { margin-top: 40px }
    .article-header-text { width: auto; }
    .article-text-block, .article-float-image-content { padding: 0 20px }
    ol { margin: 10px }
    .business-card { padding: 20px }
    .business-card-social { padding-left: 20px }
    .contact-right { padding: 50px 20px 20px 20px }
    .close-popup { top: 45px; right: 20px; position: fixed }
    .services-image { display: none !important }
    .service-text { display: block !important; margin-top: 10px; }
    .service-item .service-title::after { content: none }
    .service-item { border-top: 0 !important; }
    .text-block-holder { margin-left: 0; }
    .row, .banner-overlay { height: auto !important; min-height: calc(100vw * var(--media-proportion)) }
    .page-template-content-page .row { min-height: 0 }
    .full-text-block { padding: 200px 20px 60px; }
    .text-media-block-wrapper { flex-direction: column; }
    .text-media-block-wrapper.media-position-reversed { flex-direction: column; }
    .text-media-block-image-holder, .text-media-block-video-holder { padding-bottom: calc(200% * var(--media-proportion)); }
    .block-holder-inner > h3 { padding-top: 30px; }
    [style*="dothe180-campaign-image.jpg"] { width: 100% !important }
}
@media screen and (max-width: 800px) {
    :root {
        --size-h1-super: 30px;
        --size-h1: 25px;
        --size-h2: 20px;
        --size-h3: 18px;
        --size-h4: 15px;
        --size-h5: 14px;
        --size-h6: 13px;
        --size-p: 15px;
    }
    .footer-links { flex-wrap: wrap }
    .pre-footer-contact-box { margin: 0 20px; }
    .article-full-image { height: 200px }
    .image-row-item h4 { margin-top: 10px }
    .html-404-inner img { max-width: 20vw }
    .close-popup { top: 15px; width: 30px; height: 30px; }
}
@media screen and (max-width: 700px) {
    .banner-overlay h1 { bottom: 20px; left: 60px; }
    header { padding: 20px 0 0 20px; }
    /*.text-block-holder { margin-left: 20px; }*/
    .logo-img { width: 150px }
    .business-card::after { right: 45px }
    .business-card-blue.business-card::after { left: 45px }
    .image-hover-items-holder { flex-wrap: wrap }
    .scroll-centered-text { padding-left: 20px !important }
    .text-media-block-wrapper.media-position-reversed .text-block { margin: 20px; }
}
@media screen and (max-width: 600px) {
    :root {
        --size-scroll-btn: 30px;
    }
    .full-text-scroll-block-home p, .full-text-block .centered-text p { font-size: var(--size-h3) }
    .pre-footer-contact-box { padding: 25px 30px; }
    .footer-links { justify-content: space-between; }
    .scroll-centered-text::after { display: none; }
    .full-text-scroll-block-home .scroll-centered-text { margin-left: 0; padding: 30px; }
    .article-quote-block > * { margin: 0 10px }
    .block-holder-inner { width: auto }
    .business-card-holder { display: flex; flex-wrap: wrap; }
    .business-card { width: 80%; margin-left: -10%; margin-right: unset; margin-top: 20px }
    .business-card-blue.business-card { margin-left: unset; margin-right: -10%; margin-top: 100px; }
    .slider-block .bx-wrapper .bx-prev { margin-right: 35px; }
    .slider-block .bx-wrapper .bx-prev { margin-top: 10px }
    .contact-popup .social-media img { width: 50px }
}
@media screen and (max-width: 500px) {
    .pre-footer-contact-box { padding: 25px 30px; }
    .pre-footer-contact-box { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; }
    .pre-footer-contact-box .social-connected { margin-top: 20px; }
    .footer-links { justify-content: space-around; }
    .scroll-centered-text::after { display: none; }
    .full-text-scroll-block-home .scroll-centered-text { margin-left: 0; padding: 30px; }
    .footer-logo::before, .footer-logo::after { display: none }
    .btn { padding: 7px 25px; }
    .article-quote-block { flex-direction: column }
    .article-quote-content { width: auto; margin-top: 20px }
    .article-quote-title { margin: 50px 10px; }
    .scroll-to-up { right: 0; left: 0; margin: 0 auto; transform: translateX(0%) rotate(180deg); width: calc(var(--size-scroll-btn) * 2); height: calc(var(--size-scroll-btn) * 2); }
}
@media screen and (max-height: 428px) and (orientation: landscape) {
    .header.active .header-menu-btn { display: none; }
    .nav { padding-top: 0 }
    nav ul li { padding: 2px 0 }
    .nav .menu li:hover > .sub-menu { height: 0 !important }
    .menu { margin-left: 0; margin-bottom: 0; }
    .contact-copyright { display: none }
    .contact-bottom-block { bottom: 0 }
}
@media screen and (max-width: 400px) {
    :root {
        --size-h1-super: var(--size-h1);
        --size-h1: 20px;
        --size-h2: 19px;
    }
    .logo-img { width: 100px }
    .header-menu-btn { margin-top: 10px }
    .burger { width: 20px; margin-right: 5px }
    .line3 { margin-bottom: 3px; border-width: 1.5px; }
    .icon-close { font-size: 30px }
    .westand-columns { flex-direction: column; }
    .westland-column-item + westland-column-item { margin-top: 20px; }
    .copyright { padding: 10px; }
    .trapezium + .row .full-text-block-wrapper .full-text-block { padding-top: 100px; }
    .header-text-block { background-size: 200px; }
    .business-card-content-wrapper img { width: 80px }
    .slider-block .bx-controls { right: 3%; top: 17% }
    .full-text-block { padding: 120px 20px 60px; }
}

@media screen and (max-width: 300px) {
    :root {
        --size-h1: 15px;
        --size-h2: 14px;
        --size-h3: 13px;
        --size-h4: 12px;
        --size-h5: 11px;
        --size-h6: 10px;
        --size-p: 12px;
        --size-a-btn: 12px;
    }
    .logo-img { width: 80px }
    .business-card::after { content: none }
}



@media (min-aspect-ratio: 16/10) and (max-aspect-ratio: 16/8) {
    .row {
        height: 100vh;
    }
}
@media (min-aspect-ratio: 16/8) {
    .scroll-to-next {
        display: none !important;
    }
}