/***MIN WIDTH***/
@media screen and (min-width: 992px) {
    section.wedosec { --padds: 70px; }
    .workpi-alt { flex-direction: row-reverse; }
}
/*992*/

@media screen and (min-width: 1200px) {
    .site-menutoggle { display: none; }

    .colheadright { justify-content: unset; }
   
    .headernav { margin-left: auto; /* margin-right: auto; */ }

    .headernav .menu-arrow { display: none; }
    
    .headernav .menu-item-has-children { position: relative; }
    
    .headernav .menu-item-has-children > a::after {
        display: inline-block;
        font-family: 'aad';
        content: "\e900";
        font-size: 8px;
        padding-left: 10px;
        margin-top: -1px;
        vertical-align: middle;
    }
    

    .headernav .sub-menu {
        display: block;
        position: absolute;
        left: -20px;
        top: calc(100% + 30px);
        min-width: 228px;
        max-width: 260px;
        max-height: calc(100dvh - 120px);
        padding: 10px 0;
        padding: 5px 0;
        margin: 0;
        background: var(--white);
        border-radius: 10px; 
        box-shadow: 0px 0px 30px rgb(127 137 161 / 25%);
        opacity: 0;
        visibility: hidden;
        overflow: hidden;
        transition: 0.3s;
        z-index: 99;
    }

    .headernav a {
        background-image: linear-gradient(90deg, var(--white), var(--white));
        background-position: center bottom;
        background-size: 0 2px;
        background-repeat: no-repeat;
        transition: color 0.3s ease-in-out, background-size 0.2s ease-in-out
    }

    .headernav a:hover { background-size: 100% 2px; }
    .inverse .headernav a:hover { background-image: linear-gradient(90deg, var(--beta), var(--beta)); }

    .headernav .menu-item-has-children:hover > .sub-menu { opacity: 1; top: 100%; visibility: visible; }

    .headernav .sub-menu > .menu-item-has-children > .sub-menu { top: 0; left: 100%; transform: translate(20px, -10px); }

    .headernav .sub-menu > .menu-item-has-children:hover > .sub-menu { top: 0; left: 100%; transform: translate(2px, -10px); }

    .headernav .sub-menu a { font-size: 18px; line-height: 28px; display: block; padding: 6px 15px; /* white-space: nowrap; */ color: var(--beta); background-image: linear-gradient(90deg, var(--beta), var(--beta)); background-position: left bottom; }

    .headernav .sub-menu .menu-item-has-children > a { display: flex; align-items: center; justify-content: space-between; }

    .headernav .sub-menu .menu-item-has-children > a::after { padding: 0; margin-left: 10px; transform: rotate(-90deg); }
    
    
    .termcell h3 { --fsize: 44px; line-height: 52px; }
}
/*1200*/

@media screen and (min-width: 1280px) {
    .container { padding-left: 40px; padding-right: 40px; }
    
    .termcell h3 { --fsize: 46px; line-height: 54px; }
}
/*1280*/

@media screen and (min-width: 1600px) {
    .container { padding-left: 40px; padding-right: 40px; }
    
    .termcell h3 { --fsize: 50px; line-height: 58px; }
}
/*1600*/

@media screen and (min-width: 1800px) {
    /* .container { padding-left: 40px; padding-right: 40px; } */
    
    .termcell h3 { --fsize: 60px; line-height: 75px; }
}
/*1800*/

@media screen and (min-width: 1900px) {
    .container { padding-left: 60px; padding-right: 60px; }
    .wedosec-link { --fsize: 200px; right: 150px; bottom: 150px; }
    section.absec { --imgwid: 32.29%; }
    .termrow { padding-left: 70px; }
    .milsec-l { gap: 60px; }
    section.wsection { --padds: 150px; }
}
/*1900*/



/***MAX WIDTH***/
@media screen and (max-width: 1899px) {
    .cussec .h3 { --fsize: 78px; }
}

@media screen and (max-width: 1799px) {
    h1, .h1, .font-200 { --fsize: 180px; line-height: 160px; }
    h2, .h2 { --fsize: 110px; }
    .font-60 { font-size: 58px; line-height: 73px; }
    .font-50 { font-size: 48px; line-height: 65px; }
    
    .cagency-row { --lsize: 975px; }
    .cagency h2 img { height: 80px; width: auto; }

    .homecta h2 { max-width: 90%; }

    .foom-row { grid-template-columns: 1fr 430px; }

    .heroa-sphere { width: 670px; }

    .hero-wed h1 { width: 1230px; }

    .servi-row { --servLW: 430px; }

    .wimpsec-h h2 { line-height: calc(var(--fsize) + 8px); }
    .wimpsec-h h2 img { height: 85px; width: auto; transform: translateY(-14px); }
    .wimpsec-h h2 span { margin-top: 0; }
    
   .testi-ctrls { --size: 80px; }

   .wimgcont-row { gap: 60px; }
}
/*1799*/

@media screen and (max-width: 1699px) {
    textarea { min-height: 280px; }
    h1, .h1, .font-200 { --fsize: 162px; line-height: 142px; }
    h2, .h2 { --fsize: 90px; }
    .font-60 { font-size: 55px; line-height: 62px; }
    .font-50 { font-size: 42px; line-height: 54px; }
    .hexp-wrap { gap: 120px; }
    .cagency-row { --lsize: 815px; --rsize: 535px; }
    .cagency h2 { line-height: calc(1em + 10px); }
    .cagency h2 span { font-size: calc(var(--fsize) - 30px); line-height: calc(var(--fsize) - 30px); }
    .cagency h2 img { height: 72px; margin: 0; }

    .wedosec-link { --fsize: 10.41vw; }
    
    .htagsec h2 { gap: 30px; }

    .foom-row { grid-template-columns: 1fr 342px; align-items: center; }

    .heroa-sphere { width: 623px; }

    .werhead h2 { line-height: 1.1; max-width: 830px; margin-bottom: 10px; }
    .werhead h2 img { width: auto; height: 77px; transform: translateY(-5px); }
    .werhead h2 span { font-size: calc(var(--fsize) - 20px); line-height: calc(var(--fsize) - 16px); }
    .wimpsec-h h2 img { height: 71px; width: auto; transform: translateY(-10px); }
    
    section.absec { --imgwid: 31%; }

    .termcell { --termW: 315px; }
    /* .termcell h3 { --fsize: 50px; line-height: 58px; } */
    .termcell p { font-size: 28px; line-height: 42px; }
    
    .termc-icon { --termIcon: 30px; }

    .hero-wed h1 { width: 1100px; }
    .hero-wed p { width: 1270px; }

    .cusvid-ctrls img { width: 160px; }

    .cussec .h3 { --fsize: 69px; }

    .cusvid { margin-bottom: 30px; }

    .testi-ctrls {  --pos: 40px;  --size: 60px; gap: 20px; }
    
    .wmoresec-row { grid-template-columns: 200px 1fr; gap: 40px; }
    .wmorelist { gap: 40px; }
    
    .workfmed-link { margin-top: 40px; }
}
/*1699*/

@media screen and (max-width: 1599px) {
    textarea { min-height: 180px; }
    h2, .h2 { --fsize: 84px; }
    /* h3, .h3 { --fsize: 76px; } */
    h3, .h3 { --fsize: 80px; }

    section.section, .foo-main { --padds: 90px; }

    .hexp-wrap { gap: 90px; width: 1380px; }
    .hexp-img { width: 400px; }
    .hexp-r .h3 { max-width: 800px; }

    .cagency { min-height: 90vh; }
    .cagency-row { --lsize: 774px; --rsize: 540px; }
    .cagency h2 span { font-size: calc(var(--fsize) - 22px); line-height: calc(var(--fsize) - 26px); }
    .cagency h2 img { transform: translateY(2px); }

    .worksec-r h3 { width: 964px; }

    .foom-row { grid-template-columns: 1fr 392px; }
    
    .foom-clinks { gap: 30px; }
    .foom-clinks a { font-size: 26px; line-height: 30px; gap: 20px; }
    .foom-clinks i { --fsize: 52px; }

    .fooc-m { --fsize: 50px; gap: 50px; }

    .hero-a h1 { gap: 320px; }
    .heroa-sphere { right: 5.5vw; }

    .werhead h2 img { height: 80px; }

    .absec-wrap { max-width: calc(100% - var(--imgwid) - 30px); }
    .absec-quote { --quoteWid: 758px; }
    .absec-soli { --size: 56px; font-size: 38px; }

    .howsec-row { gap: 60px 40px; }

    .milsec-l { --imgW: 200px; }
    .milsec-i { font-size: 28px; line-height: 40px; }

    .wopcta .bttn { --btnsize: 130px; font-size: 70px; }

    .testiwrap { padding-left: 90px; }

    .workfmed-link { margin-top: 30px; }

    .wimgcont .worktags { padding-top: 60px; }
}
/*1599*/

@media screen and (max-width: 1439px) {
    h1, .h1, .font-200 { --fsize: 150px; line-height: 140px; }
    .font-60 { font-size: 50px; line-height: 64px; }
    .font-50 { font-size: 38px; line-height: 50px; }
    .font-30 { font-size: 28px; line-height: 42px; }

    .bttn { --btnsize: 60px; font-size: 28px; line-height: calc(var(--btnsize) - 8px); }

    .site-header { padding: 30px 0; }
    .header-alt { padding-top: calc(var(--headH) + 80px);}

    .werhead h2 { max-width: 780px; }

    .cagency-row { --lsize: 774px; --rsize: calc(100% - var(--lsize) - var(--gap)); }
    .cagency-l img { max-width: 276px; }

    .suppcont li{ font-size: 24px; line-height: 38px; padding: 9px 20px; }

    .foonav { gap: 30px 50px; }
    .foom-clinks i { --fsize: 40px; }

    .fooc-l { font-size: 18px; line-height: 28px; }
    .fooc-m { --fsize: 40px; }

    .hero-a h1 { gap: 253px; }
    .heroa-sphere { width: 590px; }

    .termcell { --termW: 285px; --termSmDiff: 28px; }
    .termimg { height: 180px; }
    /* .termcell h3 { --fsize: 46px; line-height: 54px; } */
    .termcell p { font-size: 26px; line-height: 38px; }

    .milsec-l { gap: 30px; }
    .milsec-i { font-size: 24px; line-height: 36px; }

    .hero-wed h1 { width: 990px; }
    .hero-wed p { width: 1180px; }

    .wimpsec-h h2 img { height: 70px; }

    .form-row { gap: 30px 40px; }
    .cussec .h3 { --fsize: 58px; }
    .cusvid-ctrls img { width: 145px; }
    .cuscont a { font-size: 26px; gap: 20px }
    .cuscont a i { --fsize: 32px; }

    .wopcta .bttn { --btnsize: 108px; font-size: 58px; border-radius: 20px; }
    
    .worplist { gap: 50px; }
    .workpi { --workpiWid: calc(50% - 25px); }
    .workpi-lg { gap: 40px; }
    .workpi-lg .workp-cont { --workpCWid: 262px; padding-top: 40px; }

    .wmoresec-row { grid-template-columns: 160px 1fr; }
    
    .wimgcont-row { gap: 40px; }
    .wimgcont .worktags { padding-top: 40px; }
}
/*1439*/

@media screen and (max-width: 1399px) {
}
/*1399*/

@media screen and (max-width: 1366px) {
    :root { --siteradius40: 30px; }

    h1, .h1, .font-200 { --fsize: 146px; line-height: 136px; }
    h2, .h2 { --fsize: 75px; }
    h3, .h3 { --fsize: 72px; }
    .h3s span { --fsdiff: 6px; }

    .font-50 { font-size: 36px; line-height: 48px; }
    
    .hero-h .hero-cont { padding-bottom: 70px; }
    .hero-vid { min-height: 700px; }

    .hexp { height: auto; max-height: unset; min-height: 80dvh; }
    .hexp-wrap { gap: 70px; }
    .hexp-img { width: 340px; }

    .cagency-row { --lsize: 714px; }
    .cagency h2 { line-height: calc(1em + 14px); }
    .cagency h2 img { height: 67px; transform: translateY(4px); }
    .cagency h2 span { font-size: calc(var(--fsize) - 19px); }

    .suppcont ul, .worktags ul { gap: 15px; }

    .suppsec-row { grid-template-columns: 200px 1fr; }

    .hexp-r .h3 { max-width: 750px; }

    .fooc-l, .fooc-r { --colw: 435px; }
    .fooc-l { gap: 12px; }

    .fooc-m { --fsize: 40px; gap: 40px; }

    .heroa-sphere { right: 5.3vw; width: 543px; }
    .werhead h2 img { height: 70px; }

    .absec-quote { --quoteWid: 712px; }

    .howsec-row { grid-template-columns: 262px 1fr; }
    .termcell { --termW: 28%; }
    .termcell p { font-size: 25px; line-height: 37px; }
    .termc-icon { --termIcon: 26px; }

    .milsec-l { --imgW: 180px; }

    .hero-wed h1 { width: 960px; }
   
    .wimpsec-h h2 img { height: 60px; }
    .wimpsec-h h2 span { font-size: calc(var(--fsize) - 12px); }

    section.servisec.sec100 { --padds: 70px; }
    .servi-row { --servLW: 330px; --thisGap: 60px; }
    .feats { gap: 30px; }
    .testisl { min-height: 0; }
    .testi-ctrls { --pos: 30px; --size: 50px; }

    .worksecs-wrap, .halves-row { gap: 40px; }
    .worktpest { margin-top: 40px; }
    .py-150 { --padds: 60px; }

    .hero-back { --size: 80px; font-size: 46px; }
}
/*1366*/

@media screen and (max-width: 1279px) {
    :root { --siteradius40: 30px; }
    h1, .h1, .font-200 { --fsize: 134px; line-height: 126px; margin-bottom: 20px; }
    h2, .h2 { --fsize: 70px; }
    h3, .h3 { --fsize: 66px; }
    h4, .h4 { --fsize: 48px; }
    h5, .h5 { --fsize: 40px; }

    .font-60 { font-size: 46px; line-height: 60px; letter-spacing: -1px; }

    .hexp-r .h3 { max-width: 710px; }
    
    .cagency-row { --lsize: 646px; --gap: 50px; }
    .cagency-l img { max-width: 256px; max-height: 70px; width: auto; }
    .cagency h2 img { height: 64px; }

    .wedosec-link { --fsize: 9vw; right: 6vw; bottom: 6vw; }
    .wedocont { font-size: 26px; line-height: 34px; }

    .werhead h2 { max-width: 700px; }
    .werhead h2 img { height: 62px; }

    .suppcont ul, .worktags ul { gap: 10px; }
    .suppsec-row { grid-template-columns: 160px 1fr; }

    .foom-clinks { gap: 30px; }
    .foom-clinks a { font-size: 22px; line-height: 22px; gap: 15px; }
    
    .fooc-m { --fsize: 30px; gap: 30px; }

    .hero-a h1 { gap: 266px; }
    .heroa-sphere { right: 5.6vw; }

    .brexsec { min-height: 80vh; }

    .werhead h2 span { font-size: calc(var(--fsize) - 16px); }
    .werhead h2 img { height: 68px; }
    .absec-quote { --quoteWid: 644px; }
    .absec-soli { --size: 52px; font-size: 35px; }

    /* .termcell h3 { --fsize: 44px; line-height: 52px; } */
    .termcell p { font-size: 24px; line-height: 36px; }

    .milsec-i { font-size: 22px; line-height: 34px; }

    .hero-wed h1 { width: 894px; }
    .hero-wed h1 span { display: block; }
    .hero-wed p { width: 1100px; }

    .wimpsec-row { grid-template-columns: 242px 1fr; }

    .wopcta .bttn { --btnsize: 100px; font-size: 52px; padding: 0 32px; }
    
    .py-150 { --padds: 40px; }

    .wimgcont .worktags { padding-top: 20px; }
    .wimgcont li { font-size: 18px; padding: 10px 15px; }
    .wimgcont-imglg .wimgcont-r { width: unset; }

}
/*1279*/

@media screen and (max-width: 1199px) {
    :root { --siteradius40: 20px; }

    /* .site-header .container { width: 100%; max-width: 100%; } */
    
    .colheadleft {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: auto;
        flex: 1 0 auto  ;
    }

    .colheadright {
        --topOffset: 100px;
        position: fixed;
        left: 0;
        top: var(--topOffset);
        display: none;
        width: 100%;
        height: calc(100vh - var(--topOffset));
        padding: 0px;
        background: var(--white);
        overflow-x: hidden;
        overflow-y: auto;
        z-index: 100;
    }
    
    .inverse .colheadright { --topOffset: 80px; box-shadow: 0px -10px 35px rgba(13, 0, 238, 0.05); }

    .headernav { display: block; }
    .headernav .sub-menu { display: none; left: 0%; top: auto; width: 100%; background: rgba(168,168,168,0.1); transform: translateX(0%); }
    .headernav .sub-menu .sub-menu { background-color: #f3f3f3; }
    .headernav li { margin-left: 0; margin-right: 0; border-bottom: 1px solid #e5e5e5; }
    .headernav > li, .headernav .sub-menu > li  { display: flex; flex-wrap: wrap; padding: 0; }
    .headernav a { font-size: 16px; color: var(--body); }
    .headernav > li > a, .headernav .sub-menu > li > a { flex: 1 0 auto; padding: 12px 15px; }
    .headernav .sub-menu > li:first-child { border-top: 1px solid #e5e5e5; }
    .headernav .sub-menu > li > a { max-width: 100%; padding-left: 25px; }
    .headernav .sub-menu .sub-menu > li > a { padding-left: 35px; }
    .headernav .icon-angle-down { font-size: 10px; line-height: 52px; width: 46px; height: 100%; text-align: center; }
    .headernav .icon-angle-down::before { display: inline-block; transform: rotate(0deg); vertical-align: middle; transition: 0.3s ease-in-out; }
    .headernav .icon-angle-down.open { background-color: rgba(179,179,179,0.1); }
    .headernav .icon-angle-down.open::before { transform: rotate(180deg); }
    .headernav > li.menu-item-has-children > a, .sub-menu >li.menu-item-has-children > a { flex: 1 0 calc(100% - 46px); max-width: calc(100% - 46px); }
    .colheadright .bttn { display: none; }

    .headernav a:hover,
    .headernav .current-menu-ancestor>a,
    .headernav .current-menu-parent>a,
    .headernav .current-menu-item>a {
        color: var(--alpha);
    }


    h1, .h1, .font-200 { --fsize: 110px; line-height: 105px; letter-spacing: -3px; }
    /* .font-60 { font-size: 40px; line-height: 50px; letter-spacing: -0.3px; } */
    .font-60 { font-size: 34px; line-height: 44px; letter-spacing: 0; }
    .font-50 { font-size: 34px; line-height: 46px; }
    .hexp-img { width: 300px; }

    .cagency-row { flex-direction: column; gap: 30px; }
    .cagency-l, .cagency-r { flex: 1 0 100%; max-width: 100%; }

    .wedosec-link { --fsize: 8vw; right: 5vw; bottom: 4vw; }
    
    .suppcont li { font-size: 22px; line-height: 36px; }

    /* .suppsec-row { grid-template-columns: 110px 1fr; } */

    .htagsec h2 { gap: 20px; }

    .homecta h2 { max-width: 840px; }

    .foom-row { grid-template-columns: 1fr; }
    .foom-r { order: -1; }
    .foom-r a { width: 300px; }

    .fooc-row { flex-direction: column-reverse; gap: 20px; }

    .fooc-l, .fooc-r { flex: 1 0 100%; max-width: 100%; min-width: 100%; text-align: center; justify-content: center; }

    .hero-a h1 { gap: 196px; }
    .heroa-sphere { right: 5.3vw; width: 420px; }
    
    .wersec-row { gap: 30px; }
    .werhead h2 img { height: 58px; }
    .werhead h2 span { font-size: calc(var(--fsize) - 20px); }

    .absec-pic {
        position: relative;
        display: block;
        width: 100%;
        max-width: 390px;
        margin: 0 30px;
        border-radius: var(--siteradius40);
    }
    .absec-wrap { max-width: 100%; margin-top: 40px; }
    .absec-quote { --quoteIcon: 52px; --quoteWid: 648px; margin-top: 40px; }

    .howsec-row { grid-template-columns: 1fr; gap: 50px; }
    .howsec-l { position: static; }
    .howsec-l h2 { writing-mode: unset; transform: none; }
    .termimg { height: 150px; }

    .milsec-l { --imgW: 160px; }
    .mils-img { border-radius: 20px; }

    .whysec { min-height: 0; }

    .hero-wed p { width: 860px; }

    .wimpsec-row { grid-template-columns: 132px 1fr; }

    .servisec { position: static; }
    .servi-row { --servLW: 290px; }
    .servi-l { position: sticky; top: 40px; }
    .feats { grid-template-columns: 1fr; gap: 20px; }

    .cussec-row { grid-template-columns: 1fr; width: 100%; max-width: 830px; gap: 30px; }
    .cusvid { width: 100%; max-width: 830px; }
    .cussec .h3 span { display: block; }
    .cuspara { margin-bottom: 0; }
    .cussec-form { margin-bottom: 50px; }

    .workpi.workpi-lg { gap: 30px; }
    .workpi-lg .workp-cont { padding-top: 20px; }

    .testisl { min-height: 0; }
    .testiwrap { width: 63.71vw; }
    .testiimg { width: calc(100vw - 61vw); }
    .testisl-p::before { font-size: 34px; margin-bottom: 16px; }

    .wmoresec-row { grid-template-columns: 142px 1fr; gap: 20px; }
    /* .wmorei { --minw: 33vw; } */
    .wmorei-cont .h4 { --fsize: 40px; }
    .testisl-name span { font-size: 0.6em; }

    .cagency-l h2 { width: 100%; max-width: 660px; }
    .werhead h2 { max-width: 690px; }
}
/*1199*/

@media screen and (max-width: 1023px) {
    .htagsec h2 { flex-direction: column; }
}
/*1023*/

@media screen and (max-width: 991px) {
    h1, .h1, .font-200 { --fsize: 88px; line-height: 78px; }

    section.section, .foo-main { --padds: 70px; }

    .hexp-wrap { flex-wrap: wrap; gap: 30px; text-align: center; justify-content: center; }
    .hexp-img { width: 250px; }

    .cagency-l { max-width: 682px; }
    .cagency h2 span { font-size: calc(var(--fsize) - 20px); line-height: calc(var(--fsize) - 4px); letter-spacing: -0.5px; }
    
    .sec-row { grid-template-columns: 1fr; gap: 30px; }
    .sec-l { position: static; }
    .sec-l h2 { writing-mode: unset; transform: none; }

    .workh-list { gap: 30px; margin-bottom: 30px; }

    section.section.suppsec-r { --padds: 0; }
    .suppcont li { font-size: 20px; line-height: 30px; padding: 6px 14px; }

    .homecta h2 { max-width: 730px; line-height: 88px;  }

    .heroa-sphere { right: auto; width: 420px; }

    .hero-a h1 { flex-wrap: wrap; gap: 470px; }
    .hero-a h1 > * { width: 100%; }

    .brexsec h2 { width: 708px; max-width: 100%; }
    
    .werhead, .sec-l p { width: 100%; max-width: 600px; }

    .termrow { flex-wrap: wrap; width: 500px; max-width: 100%; gap: 40px; }
    .termcell { flex: 1 0 100%; }
    .termc-icon { flex: 0 auto; }
    .termimg { height: 130px; }

    .milsec-wrap { margin-top: 25px; }
    .milsec-l { flex-wrap: wrap; gap: 40px; }
    .milsec-i { flex: 1 0 100%; padding: 0; padding-left: 40px; }
    .milsec-i::before { left: 0; top: calc(var(--imgW) / 2 - 2px); width: 40px; height: 4px; }
    .milsec-wrap { display: flex; }
    .milsec-line { width: 4px; height: auto; flex: 1 0 4px; margin-top: 0; transform-origin: top left; }

    .wimpsec-h h2 img { height: 52px; }

    .servisec { overflow: hidden; }
    .servi-row { flex-wrap: wrap; gap: 30px; }
    .servi-l { position: static; flex: 1 0 auto; max-width: 500px; }
    .servi-r { width: 100%; flex: 1 0 100%; max-width: 100%; }
    .feats { grid-template-columns: 1fr 1fr; gap: 30px; }
    .servi-l img { --servImg: 280px; width: auto; height: auto; max-width: var(--servImg); max-height: var(--servImg); }

    .cursor-dot, .cursor-ring { display: none; }

    .cuscont a { font-size: 24px; line-height: 30px; gap: 10px; }
    .cuscont a i { --fsize: 28px; width: 30px; }

    .wopcta .bttn { --btnsize: 85px; font-size: 45px; }

    .worplist { gap: 30px; }
    .workpi { --workpiWid: calc(50% - 15px); }
    .workpi.workpi-lg { display: grid; gap: 0; }
    .workpi-lg .workp-cont { --workpCWid: 100%; }
    
    /* .slick-initialized .slick-slide.testisl { display: inline-block; } */
    .testislider .slick-track { display: block; }
    .testiimg { position: static; display: block; width: 300px; border-radius: var(--siteradius); overflow: hidden; }
    .testiwrap { width: 100%; padding: 30px 0 0; }
    .testiimg img { width: auto; height: auto; }

    .wmoresec-row { top: 60px; display: flex; flex-direction: column; max-height: calc(100vh - 152px); }
    .wmoresec-l { align-self: flex-start; }
    .wmoresec-r { flex: 1 0 auto; }
    /* .wmorelist { align-items: flex-start; padding-bottom: 12vh; }*/ 
    .wmorelist { align-items: normal; }
    .wmorei { --minw: 650px; width: min(43vh, var(--minw)); }
    .worktags li { padding: 6px 14px; }

    .wimgcont-row { grid-template-columns: 1fr; gap: 30px; }
    /* .wimgcont-l { order: 1; } */
    .wimgcont .worktags { padding-top: 0; }
    .workcont h2, .workcont .h2, .workcont h3, .workcont .h3 { --fsize: 28px; }
}
/*991*/

/********** MAX HEIGHT ********/
@media screen and (max-width: 991px) and (max-height: 960px) {
    .hero-a { --dimes: 55vh; --dimesdiffs: 5vh; }
    .hero-a h1 { gap: var(--dimes); }
    .heroa-sphere { width: calc(var(--dimes) - var(--dimesdiffs)); }
    .absec-roles { gap: 0 10px; margin-bottom: 20px; }
}
/*800 x 991*/

/********** MAX HEIGHT ********/
@media screen and (max-height: 760px) {
    .servisec { position: static; }
}
/*760*/


@media screen and (max-width: 768px) {
    .hero-vid .vid-lg { display: none; }
    .hero-vid .vid-sm { display: block; }
}
/*768*/

@media screen and (max-width: 767px) {
    h2, .h2 { --fsize: 60px; }
    h3, .h3, .cussec .h3 { --fsize: 56px; }
    .h3s span { --fsdiff: 4px; }
    h4, .h4 { --fsize: 42px; }
    h5, .h5 { --fsize: 34px; }
    h6, .h6 { --fsize: 28px; }

    .font-30 { font-size: 26px; line-height: 40px; }
    .font-50 { font-size: 32px; line-height: 44px; }

    .bttn { font-size: 26px; }
    
    .cagency-l { max-width: 541px; }
    .cagency h2 { --fsize: 54px; line-height: calc(1em + 10px); max-width: 500px; }
    .cagency h2 span { font-size: 34px; line-height: calc(var(--fsize) - 0px); }
    .cagency h2 img { height: 48px; }
    .cagency-l img { max-width: 218px; max-height: 64px; }

    .wedocont ul { gap: 10px; }
    .wedocont { font-size: 24px; line-height: 34px; }
    .wedosec-link { --fsize: 55px; right: 35px; bottom: 30px; }
    .wedocont li { gap: 15px; }

    .werhead h2 img { height: 52px; }

    .suppcont li, .worktags li { font-size: 18px; line-height: 28px; padding: 6px 12px; }

    .foom-r a { width: 260px; }
    .foonav, .foom-clinks { margin-top: 40px; }
    .foonav { gap: 20px 50px; }
    .foom-clinks { gap: 30px; }
    .foom-clinks a:nth-child(-n+2) { flex: 1 0 calc(50% - 43px); }
    .fooc-row { gap: 15px; }

    .hero-a { --dimes: 48vh; }
    
    .brexsec { min-height: 0; }

    .werhead h2 span { font-size: calc(var(--fsize) - 12px); }

    .absec-quote { --quoteWid: 569px; --quoteIcon: 40px; padding-left: calc(var(--quoteIcon) + 2px); }

    .termrow { gap: 20px; }
    .termimg { height: 125px; }

    .wimpsec-h h2 { --fsize: 50px; line-height: calc(var(--fsize) + 12px); width: 516px; }
    .wimpsec-h h2 span { font-size: calc(var(--fsize) + 3px); letter-spacing: -1px; margin-top: -5px; }
    .wimpsec-h h2 img { height: 43px; transform: translateY(-8px); }
    
    .form-row { gap: 25px; }
    
    .worplist { gap: 20px; }
    .workpi { --workpiWid: calc(50% - 10px); }
    .workp-cont .font-60 { font-size: 30px; line-height: 35px; }
    .workp-cont div { font-size: 18px; line-height: 24px; margin-top: -5px; }
    .testisl-logo img { max-width: 210px; }

    .wmorei-cont .h4 { --fsize: 30px; letter-spacing: -2px; }
    .wmorelist { gap: 20px; }

    .worktpest { margin-top: 30px; }
    .py-150 { --padds: 30px; }
    .wimgcont-row { gap: 20px; }
    /* .worksecs-wrap, .halves-row { gap: 30px; } */
    .halves-row { gap: 30px; }
    .worksecs .workfmed-link { margin-top: 20px; font-size: 20px; }

    .hero-back { --size: 75px; position: fixed; top: 110px; font-size: 44px;  }
}
/*767*/

@media screen and (max-width: 639px) {
    :root { --siteradius40: 20px; }

    .font-30 { font-size: 24px; line-height: 36px; }
    .cagency-row { gap: 20px; }
    .cagency-l { max-width: 438px; }
    .cagency h2 { --fsize: 48px; line-height: calc(1em + 10px); max-width: 420px; }
    .cagency h2 span { font-size: calc(var(--fsize) - 16px); line-height: calc(var(--fsize) - 12px); }
    .cagency h2 img { height: 44px; }
    .cagency-l img { max-width: 144px; height: 44px; max-height: 64px; object-fit: cover; border-radius: 40px; }

    .foom-clinks { gap: 18px 30px; }
    
    .foom-clinks a { font-size: 20px; line-height: 20px; }
    .foom-clinks a:nth-child(-n+2) { flex: 1 0 100%; }

    .foom-clinks .icon-mail { --fsize: 34px; }
    .foom-clinks .icon-wa { --fsize: 30px; }
    .foom-clinks a:nth-child(n+3) { margin-top: 10px; }
    .foom-clinks a:nth-child(n+3) i { --fsize: 50px; }
    
    .werhead h2 { --fsize: 48px; line-height: calc(1em + 8px); max-width: 466px; }
    .werhead h2 span { font-size: calc(var(--fsize) - 7px); line-height: 1em; }
    .werhead h2 img { height: 44px; }

    .milsec h2 { --fsize: 70px; }
    .servi-l p { margin-top: 40px; }
    .cussec .h3 { --fsize: 46px; }
    
    .workp-cont, .workpi-lg .workp-cont { padding-top: 15px; }
    .worksecs .workfmed-link { margin-top: 15px; }
}
/*639*/

@media screen and (max-width: 575px) {
    :root { --siteradius40: 14px; }
    form { --fieldfsize: 18px; --fieldsize: 60px; --fieldtop: 20px; --fieldpadds: 0 10px; }

    .container { padding-left: 20px; padding-right: 20px; }
    
    .font-60 { font-size: 32px; line-height: 42px; }
    .font-50 { font-size: 30px; line-height: 40px; }
    .font-30 { font-size: 22px; line-height: 32px; }

    .site-header { padding: 20px 0; }
    .site-header .custom-logo { height: 34px; }
    .colheadright, .inverse .colheadright { --topOffset: 54px; }
    .header-alt { --headH: 54px; }
    
    .hero-h .hero-cont { padding-bottom: 40px; }

    /* .cagency h2 { --fsize: 48px; line-height: calc(1em + 10px); } */
    .cagency h2 span { font-size: calc(var(--fsize) - 15px); line-height: calc(var(--fsize) - 6px); }
    /* .cagency-l img { max-width: 144px; height: 44px; max-height: 64px; object-fit: cover; border-radius: 40px; } */
    .cagency h2 img { height: 39px; }

    .wedocont li { gap: 12px; }

    .foom-clinks i { --fsize: 34px; }

    .werhead h2 { line-height: calc(1em + 6px); margin-bottom: 30px; max-width: 420px; }
    .werhead h2 img { height: 43px; }
    .werhead h2 span { font-size: calc(var(--fsize) - 11px); line-height: 1.2; }
    

    section.absec { padding-top: 0; }
    .absec-pic { margin: 0; border-radius: 0; max-width: 100%; }
    .absec-wrap { margin-top: 30px; }
    .absec-socs { gap: 20px; }
    .absec-soli { --size: 48px; font-size: 31px; }

    .wimpsec-h h2 { width: 420px; line-height: calc(var(--fsize) + 6px); }
    .wimpsec-h h2 span { font-size: calc(var(--fsize) - 2px);  line-height: 1.1em; margin-top: 0px; }
    .wimpsec-h h2 img:first-child { display: none; }

    .feats { grid-template-columns: 1fr; gap: 20px; }
    
    .servi-l { max-width: 100%; }
    .servi-r h2 { --fsize: 55px; }
    .servi-l p { margin-top: 30px; }

    .formcol-6 { flex: 1 0 100%; }
    .cusvid-ctrls img { width: 125px; }
    section.section.cussec { --padds: 110px 0 60px; }
    
    .worplist { gap: 30px; }
    .workpi { --workpiWid: 100%; }
    .testisl-p { margin-bottom: 30px; }
    .testisl-p::before { font-size: 30px; }

    .wmorelist { gap: 20px; }
    .wmoresec-l h2 { margin: 0; }
    
    .workfmed-link { margin-top: 20px; }

    /* .worksecs-wrap, .halves-row { gap: 20px; } */
    .worksecs-wrap { gap: 30px; }

    .worktpest { margin-top: 30px; }
    .py-150 { --padds: 50px; }
}
/*575*/

@media screen and (max-width: 459px) {
    body { font-size: 18px; line-height: 28px; }

    section.section, .foo-main, section.servisec.sec100 { --padds: 60px; }
    
    .container { padding-left: 20px; padding-right: 20px; }

    h1, .h1, .font-200 { --fsize: 75px; line-height: 78px; line-height: 70px; }
    h3, .h3 { --fsize: 45px; }
    .font-60 { font-size: 28px; line-height: 38px; }
    .font-50 { font-size: 28px; line-height: 38px; }
    .font-30 { font-size: 22px; line-height: 32px; }

    .bttn { --btnsize: 52px; font-size: 24px; min-width: 140px; padding: 0 20px; }
    
    .cagency-l { max-width: 355px; }
    .cagency h2 { --fsize: 39px; max-width: 100%; }
    .cagency h2 span { font-size: calc(var(--fsize) - 8px); }
    .cagency h2 img { height: 36px; }

    .hexp { min-height: 0; }
    .hexp-img { width: 200px; }

    .homecta h2 { line-height: 75px;  }
    .homecta-btn { margin-top: 30px; }

    .foom-r a { width: 253px; }

    .fooc-m { gap: 20px; }
    .fooc-l { flex-direction: column; flex-wrap: wrap; gap: 8px; }
    .fooc-l span { display: none; }
    
    .werhead h2 { --fsize: 37px; line-height: calc(1em + 7px); max-width: 380px; }
    .werhead h2 img { height: 32px; transform: translateY(-3px); }
    .werhead h2 strong { padding-left: 4px; }
    .werhead h2 span { font-size: calc(var(--fsize) - 6px); line-height: 1.4;  margin-top: 0; }
    
    .absec-quote { --fsize: 38px; }

    .milsec h2 { --fsize: 58px; }

    .wimpsec-h h2 { --fsize: 52px; width: 336px; }
    .wimpsec-h h2 img { height: 40px; }
    .wimpsec-h h2 span { font-size: calc(var(--fsize) - 10px); }

    .servi-r h2 { --fsize: 46px; }
    .servi-l img { --servImg: 200px; }
    .servi-l p { margin-top: 20px; }
    .cusvid-ctrls img { width: 110px; }
    .cussec .h3 { --fsize: 40px; }

    .wopcta .bttn { --btnsize: 76px; font-size: 38px; padding: 0 20px; }

    .testimain h2 { --fsize: 48px; }
    .testiimg { width: 100%; }
    .testiimg img { width: 100%; }

    .halves-row { grid-template-columns: 1fr; }

    .testisl-name { line-height: 1em; }
    .testisl-name span { display: block; }

    .py-150 { --padds: 30px; }
}
/*459*/

@media screen and (max-width: 375px) {
    h1, .h1, .font-200 { --fsize: 65px; line-height: 66px; }
    .font-60 { font-size: 26px; line-height: 34px; }

    .site-header .custom-logo { height: 30px; }
    /* .colheadright, .inverse .colheadright { --topOffset: 73px; } */
    .hexp-img { width: 170px; }
    /* .header-alt { --headH: 73px; padding-top: calc(var(--headH) + 80px); } */

    .cagency h2 { --fsize: 31px; line-height: calc(1em + 8px); }
    .cagency-l img { max-width: 114px; height: 34px; max-height: 64px; }
    .cagency h2 img { height: 31px; }
    .cagency-l { max-width: 280px; }

    .wedocont { font-size: 20px; line-height: 30px; }
    .wedosec-link { --fsize: 46px; right: 25px; bottom: 20px; }
    
    .werhead { max-width: 396px; }
    /* .werhead h2 { --fsize: 42px; } */
    .werhead h2 { margin-bottom: 10px; }
    .werhead h2 img { height: 35px; transform: translateY(-4px); }
    /* .werhead h2 img + img { display: none; } */
    /* .werhead h2 strong { padding-left: 0; } */
    .werhead h2 span { font-size: calc(var(--fsize) - 8px); }

    .milsec h2 { --fsize: 50px; }

    .wimpsec-h h2 { --fsize: 48px; }
    .wimpsec-h h2 img { transform: translateY(-4px); }
    .wimpsec-h h2 span { font-size: calc(var(--fsize) - 7px); }
    /* .wimpsec-h h2 span { font-size: calc(var(--fsize) - 15px); margin-top: 4px; } */

    .servi-r h2 { --fsize: 40px; }
    .wopcta .bttn { --btnsize: 70px; font-size: 32px; padding: 0 16px; }

    .testimain h2 { --fsize: 42px; }
    .testisl-name { line-height: 1em; }
}
/*375*/

@media screen and (max-width: 359px) {
    .cuscont a { font-size: 22px; line-height: 28px; }
    .testimain h2 { --fsize: 40px; }

    .werhead h2 { --fsize: 28px; line-height: calc(1em + 8px); }
    .werhead h2 img { height: 27px; transform: translateY(-2px); }
    .wercont { font-size: 20px; line-height: 30px; }

    .wimpsec-h h2 { --fsize: 44px; }
    .wimpsec-h h2 span { font-size: calc(var(--fsize) - 4px); }
    .wimpsec-h h2 img { height: 37px; }
}
/*375*/


/* MAX HEIGHT*/
@media screen and (max-height: 700px) {
    .wmoresec-row { min-height: 86vh; }
}
/*700*/

@media screen and (max-height: 640px) {
    .wmorelist { position: static; overflow-x: auto; overflow-y: hidden; padding-bottom: 10px; }
    .wmoresec-row { height: auto; max-height: unset; min-height: unset; }
    .wmorei { width: 340px; }
}
/*640 - FOR WORK MORE*/

@media screen and (max-height: 600px) {
    .wmoresec-l h2 { margin: 0; }
}
/*600*/

@media screen and (max-height: 800px) and (min-width: 1200px) {
    .wmorei { --minw: 60.78vh; }
}
/*1200 x 800*/

@media screen and (max-height: 740px) and (min-width: 1280px) {
    .sec-l h2 { font-size: 136px; line-height: 128px; }
}
/*1280 x 740*/

@media screen and (max-height: 645px) and (min-width: 1200px) {
    .sec-l h2 { font-size: 130px; line-height: 122px; }
}
/*645 x 1200*/


/* Custom cursor */
@media (hover: hover) and (pointer: fine) {
    body, a, button, input, select, textarea, label, video, .cusvid-ctrls, .cusvid {
        cursor: none;
    }

    /* --- outer ring, now a flex container so it can hold the "more" label --- */
    .cursor-ring {
        position: fixed;
        top: 0;
        left: 0;
        width: var(--cursor-ring-size);
        height: var(--cursor-ring-size);
        border-radius: 50%;
        background: var(--cursor-ring-color);
        pointer-events: none;
        z-index: 999999;
        display: flex;
        align-items: center;
        justify-content: center;
        will-change: transform;
        transition: width 0.32s cubic-bezier(.22,.9,.3,1), height 0.32s cubic-bezier(.22,.9,.3,1), background-color 0.32s ease, transform 0.6s cubic-bezier(.22,.9,.3,1);
    }

    .cursor-dot {
        position: fixed;
        top: 0;
        left: 0;
        width: var(--cursor-dot-size);
        height: var(--cursor-dot-size);
        border-radius: 50%;
        background: var(--cursor-dot-color);
        pointer-events: none;
        z-index: 999999;
        will-change: transform;
        transition: opacity 0.2s ease;
    }

    .cursor-more-label {
        width: 64px; /* ~67px in the Figma spec, sized to match the ring at 100px */
        opacity: 0;
        transform: scale(0.6);
        transition: opacity 0.22s ease, transform 0.28s cubic-bezier(.22,.9,.3,1);
        pointer-events: none;
    }
    .cursor-more-label svg { display: block; width: 100%; height: auto; }

    /* --- states --- */

    /* hovering a plain clickable element: hide our cursor, use the native hand */
    body.cursor-is-clickable .cursor-ring,
    body.cursor-is-clickable .cursor-dot {
        opacity: 0;
    }
    
    body.cursor-is-clickable,
    body.cursor-is-clickable * {
        cursor: pointer !important;
    }

    /* hovering a .cursor-more element: enlarge ring, fade dot out, fade "more" in */
    body.cursor-is-more .cursor-ring {
        width: var(--cursor-ring-size-more);
        height: var(--cursor-ring-size-more);
        background-color: rgba(12, 0, 238, 0.6);
    }
    body.cursor-is-more .cursor-dot {
        opacity: 0;
    }
    body.cursor-is-more .cursor-more-label {
        opacity: 1;
        transform: scale(1);
    }

    /* mouse fully left the browser window */
    body.cursor-outside-window .cursor-ring,
    body.cursor-outside-window .cursor-dot {
        opacity: 0;
    }
}