@media screen and (max-width: 1680px) {
    .sc-03 [class^="row"] .bx-rg .wp-arrow { right: 79.5%; }
}
@media screen and (max-width: 1550px) {
    .sc-03 [class^="row"] .bx-rg .wp-arrow { right: 78.3%; }
    .sc-07 .float-box {
        position: relative;
        display: block;
        margin-left: auto;
        width: min(1000px,100%);
    }
    .sc-03 [class^="row"] .bx-rg .slick-track {gap: 0;}
    .sc-03 [class^="row"] .bx-rg .slick-track .slick-slide {margin-right: 1rem;}
    .sc-02 .grp figure:nth-child(1) {margin-left: calc(var(--pad) * -1); }
    .sc-02 [class^="row"][class*="-flexdirrow-rev"] .grp figure:nth-child(1) {margin-right: calc(var(--pad) * -1);  }
    .sc-03 [class^="row"] .bx-rg .listing { width: 90%; }
    .sc-03 [class^="row"] .bx-rg .slick-list {clip-path: polygon(0 0, calc(115% + var(--pad)) 0%, calc(115% + var(--pad)) 100%, 0% 100%);}
    .sc-03 [class^="row"] .bx-rg .inner figure {height: 400px; }
    .sc-10.after-img > *::before, .after-img [class*="row-"]:not(:is([class*="arrow"]))::before {background-size: auto 250px; background-position: calc(50% + 45vw) 45%;}
    .after-img [class*="row-"][class*="-flexdirrow-rev"]:not(:is([class*="arrow"]))::before {background-position: calc(50% - 45vw) 45%;}
    .sc-12 .listing .slick-list { clip-path: polygon(-1.5rem -1.5rem, 100vw -1.5rem, 100vw calc(100% + var(--pad)),-1.5rem calc(100% + var(--pad))); }
    .sc-03.after-img [class*="row-"]:not(:is([class*="arrow"]))::before { background-position: calc(50% - 45vw) 20%; }
    .sc-03.after-img [class*="row-"]:not(:is([class*="arrow"])) .bx-rg { z-index: 2; }
    .sc-10.after-img > *::before {background-position: calc(50% - 45vw) 45%; }
    .sc-06::before {background: url(../images/logos/logo-overlay.svg) no-repeat calc(50% + 45vw) 95%/auto 200px, url(../images/logos/logo-overlay.svg) no-repeat calc(50% - 45vw) 0%/auto 200px;}
    .sc-14::before {background: url(../images/logos/logo-overlay.svg) no-repeat calc(50% + 45vw) 95%/auto 200px, url(../images/logos/logo-overlay.svg) no-repeat calc(50% - 45vw) 20%/auto 200px;}
}
@media screen and (max-width: 1280px) {
    body {font-size: var(--size-15);}
    [class^="btn-"] {font-size: var(--size-15);}
    footer [class*="wp-txt"] :is([class^="btn-"],p,li) {font-size: var(--size-14);}
}
@media screen and (min-width: 1200px) {
    .mob {display: none !important;}

    header .primary li.has-chid-item {position: relative;}
    main > header .primary ul.sub-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        opacity: 0;
        display: flex;
        row-gap: 1rem;
        max-width: 350px;
        visibility: hidden;
        width: max-content;
        transition: all .5s;
        flex-direction: column;
        transform: translateX(-50%);
        background: var(--color-white);
        padding: 2rem 2rem 1rem !important;
        box-shadow: 0 3rem 1rem #00000029;
    }
    header .primary li.has-chid-item:hover > ul.sub-menu {
        opacity: 1;
        visibility: visible;
    }
    body.home:not(.sticky) main > header .primary ul.sub-menu { background: var(--color-gray); }
    header .primary ul.sub-menu > li {transition: all .5s;}
    header .primary ul.sub-menu > li:not(:first-child) {
        position: relative;
        margin-top: -2rem;
    }
    header .primary li.has-chid-item:hover > ul.sub-menu > li:not(:first-child) { margin-top: 0; }
}
@media screen and (max-width: 1199px) {
    .desk {display: none !important;}
    main > header { padding-block: .7rem; }
    main > header .bx-ct .logo {
        position: relative;
        gap: .5rem;
        left: initial;
        padding-top: 0;
        transform: initial !important;
    }
    header .logo .lg1 { width: 2.9rem; }
    header .logo .lg2 { width: 4.7rem; }
    footer .logo .lg1 { width: 4.5rem; }
    footer .logo .lg2 { width: 8rem; }
    body:not(.home) main > header .bx-ct .logo .lg1 {
        opacity: 1;
        visibility: visible;
    }
    header .navbar .ctn-nav {
        position: fixed;
        visibility: hidden;
        transition: all 1s;
        inset: 5.8rem 0 0 calc(100% - 400px);
    }
    header .navbar.show-nav .ctn-nav { visibility: visible; }
    header .navbar .ctn-nav nav {
        position: relative;
        left: 100%;
        width: 100%;
        height: 100%;
        display: flex;
        row-gap: 4rem;
        text-align: center;
        align-items: center;
        padding: 4rem 3rem;
        transition: all .5s;
        flex-direction: column;
        justify-content: center;
        background: var(--color-yellow);
    }
    header .navbar .ctn-nav nav::before {
        position: absolute;
        inset: 0;
        content: '';
        opacity: .2;
        display: block;
        background-repeat: no-repeat;
        background-size: auto min(600px,90vw);
        background-position: calc(100% + 35vw) center;
        background-image: url(../images/logos/logo-overlay.svg);
    }
    header .navbar .ctn-nav nav .nav {
        position: relative;
        display: flex;
        row-gap: 1.5rem;
        align-items: center;
        flex-direction: column;
    }
    header .navbar.show-nav .ctn-nav nav { transform: translateX(-100%); }
    header .primary {
        position: relative;
        gap: 0;
        display: flex;
        text-align: center;
        flex-direction: column;
    }
    header .primary li.has-chid-item {position: relative;}
    main > header .primary ul.sub-menu {
        position: relative;
        max-height: 0;
        row-gap: 0.5rem;
        display: flex;
        overflow: hidden;
        flex-direction: column;
        transition: max-height .5s;
    }
    main > header .primary li.has-chid-item.active > ul.sub-menu {max-height: var(--sh);}
    header .primary li.has-chid-item > span.overlay-toggle {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        z-index: 1;
        height: var(--ov);
    }
    header .primary li.has-chid-item > span.overlay-toggle::before {
        position: absolute;
        top: 0;
        right: 0;
        scale: .3;
        content: '';
        transition: all .5s;
        padding: 1rem 1.5rem;
        background-color: currentcolor;
        clip-path: polygon(20% 0, 0 0, 50% 100%, 100% 0, 80% 0%, 50% 60%);
    }
    header .primary li.has-chid-item.active > span.overlay-toggle::before {transform: rotate(-180deg);}
    header .primary li.has-chid-item > a:not([href^="#"]) + span.overlay-toggle { left: calc(100% - 2rem); }
    header .primary > li:not(:last-child)::after {
        position: relative;
        width: 5rem;
        content: '';
        display: block;
        height: .065rem;
        margin: 1rem auto .5rem;
        background: var(--color-greenarms);
    }
    main > header .bx-rg { justify-content: flex-end; }
    header .bx-rg [class^="btn-"][class*="-icn"] {
        gap: 0;
        font-size: 0;
        display: flex;
        width: 2.7rem;
        height: 2.7rem;
        padding: 0.5rem;
        align-items: center;
        justify-content: center;
    }
    header [class^="btn-"][class*="-icn"]  > img { transform: scale(1.3); }
    header .toggle {
        position: relative;
        width: 0;
        height: 0;
        padding: 1rem;
        display: block;
        cursor: pointer;
        transition: all .5s;
    }
    header .navbar.show-nav .toggle {transform: rotate(45deg) scale(.8);}
    header .toggle::before {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        content: '';
        height: .065rem;
        transform: translate(-50%,-50%);
        background: var(--color-greenarms);
    }
    header .navbar.show-nav .toggle::before {background: none;}
    header .toggle span {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 100%;
        height: .07rem;
        margin-top: -.6rem;
        transition: all .5s;
        transform-origin: center;
        transform: translate(-50%,-50%);
        background: var(--color-greenarms);
    }
    header .toggle span + span {margin-top: .6rem;}
    header .navbar.show-nav .toggle span {margin-top: 0;}
    header .navbar.show-nav  .toggle span + span {transform: translate(-50%,-50%) rotate(90deg);}
    body.home main > header + div > div > section:not(section + section) > [class*="py-"] { padding-top: 5.8rem; }
    .sc-07 .float-box { width: min(900px,100%); }
    .sc-07 .float-box::before { inset: -8rem -50vw -8rem 7.8%;}
    .sc-06 .row > .bx-articles > div figure { height: 300px; }
    .sc-13 .row [class^="bx-"]:not(.bx-1) { flex: 1 1 233px; }
    .sc-06 .bx-articles article .bx-lf { width: 45%; }
    .bx-share .rs a {
        width: 1.6rem;
        height: 1.6rem;
    }
    .bx-share {
        padding: .6rem 1rem;
        font-size: var(--size-17);
    }
    .sc-01 .listing figure {
        min-height: 500px;
        max-height: 500px;
    }
    .sc-01 .body {
        width: min(500px,100%);
        padding: 4rem 3rem 4rem 8rem;
    }
    .sc-03 [class^="row"] .bx-rg { width: 100%; }
    .sc-03 [class^="row"] .bx-lf::before {
        position: absolute;
        inset: -3rem calc(var(--pad) * -1);
        content: '';
        background: var(--color-yellow);
    }
    .sc-03 [class^="row"] .bx-rg::before { content: none; }
    .sc-03.after-img [class*="row-"]:not(:is([class*="arrow"]))::before {
        z-index: 2;
        background-position: calc(50% - 45vw) 4%;
    }
}
@media screen and (max-width: 1199px) {
    .sc-06 .row { 
        align-items: center; 
        flex-direction: column;
    }
    .sc-01 {overflow: hidden;}
    main > header { width: 100vw; }
    .sc-03 {overflow: hidden;}
    .sc-09 .listing {gap: 3rem 5%;}
    .sc-09 .listing .inner {
        width: 47.5%;
        padding: 1rem;
        border-radius: 1rem;
        border: .065rem solid var(--color-greenarms);
    }
    .sc-09 .listing .inner:nth-child(3n + 2) figure {
        border-left: none;
        border-right: none;
    }
}
@media screen and (max-width: 900px) {
    body {
        --pad: 2rem;
        --dif: -4rem;
    }
    .sc-02 [class^="row"] > .bx-rg,
    .sc-02 [class^="row"] > .bx-lf {
        width: 80%;
        flex: 0 0 auto;
        margin-inline: auto;
    }
    .sc-02 .grp figure:nth-child(1) { margin-left: 0; }
    .sc-04 [class^="row"][class*="-flexdirrow-rev"] {flex-direction: column-reverse;}
    .sc-04 [class^="row"] .bx-lf {width: 100%;}
    .sc-04 [class^="row"][class*="-flexdirrow-rev"] .bx-lf > figure,
    .sc-04 [class^="row"][class*="-flexdirrow-rev"] .bx-rg .cvr-img > figure {
        margin-left: calc(var(--pad) * -1);
        margin-right: calc(var(--pad) * -1);
    }
    .sc-04 [class^="row"] .bx-rg .wp-txt {
        top: initial;
        transform: initial;
        padding-inline: 4rem !important;
    }
    .sc-09 .listing figure { height: 300px; }
    .sc-07 [class^="icn-list"] {
        gap: 1.5rem;
        flex-direction: column;
    }
    .sc-07 .icn-list-horizontal > li:not(:first-child)::before {content: none;}
}
@media screen and (max-width: 750px) {
    h1 { font-size: var(--size-40); }
    h2 { font-size: var(--size-24); }
    h3 { font-size: var(--size-20); }
    h4 { font-size: var(--size-19); }
    h5 { font-size: var(--size-17); }
    h6 { font-size: var(--size-16); }
    [class^="btn-"] { font-size: var(--size-13); }
    [class^="btn-"][class*="-circle"] { z-index: 1; margin-top: 0.1rem; }
    .arrow { padding: 1.2rem; }
    header .navbar .ctn-nav { inset: 5.8rem 0 0; }
    .sc-01 .listing figure {
        height: 440px;
        max-height: initial;
        min-height: initial;
    }
    .sc-01 .ctn-arrows {
        position: relative;
        left: 0;
        width: 100%;
        top: initial;
        transform: initial;
        margin-inline: auto;
        padding-bottom: 6rem;
        margin-top: -10.5rem;
    }
    .sc-01 .wp-arrow {
        gap: 1rem;
        width: 100%;
        height: auto;
        margin-inline: 0;
        justify-content: center;
    }
    .sc-01 .body { padding: 4rem 2rem 4rem 2rem; }
    .sc-01 .body h1 { font-size: var(--size-18); }
    .sc-04 [class^="row"] .bx-rg .wp-txt { padding-inline: 0 !important; }
    .sc-02 [class^="row"] > .bx-rg, .sc-02 [class^="row"] > .bx-lf { width: 100%; }
    .sc-03 [class^="row"] .bx-rg .wp-arrow {
        right: 50%;
        transform: translateX(50%);
    }
    .sc-03 [class^="row"] .bx-rg .inner h3 { font-size: var(--size-12); }
    .sc-03 [class^="row"] .bx-rg .inner figure { height: 320px; }
    .sc-03 [class^="row"] .bx-rg .listing { width: 87%; }
    .sc-03 [class^="row"] .bx-rg .slick-track .slick-slide {
        margin-right: 0;
        padding-inline: 0.5rem;
    }
    .sc-04 [class^="row"] .bx-lf figure > img[data-speed] {transform: inherit !important;}
    .sc-06 .row > .bx-aside,
    .sc-06 .bx-articles article .bx-lf { width: 100%; }
    .sc-06 .bx-articles article .bx-lf > figure { height: 231px; }
    .sc-06 .row > .bx-aside aside,
    .sc-06 .row > .bx-articles > div { padding:1.5rem 1.5rem; }
    .sc-06 .row > .bx-articles > div figure { height: 200px; }
    .sc-06 .bx-articles article h2,
    .sc-06 .row > .bx-articles > div h2 { font-size: var(--size-24); }
    .sc-06 .row > .bx-aside aside h4 { font-size: var(--size-18); }
    .sc-12 .listing { width: min(861px,100%); }
    .wp-form .half { width: 100%; }
    .wp-links { padding-inline: 0rem; }
    .bx-share {
        gap: 1rem;
        flex-direction: column;
    }
    select, input:not(:is([type="button"],[type="submit"],[type="radio"],[type="checkbox"],[type="file"])) { height: 3.5rem; }
    .acceptance { font-size: var(--size-12); }
    .wp-form :is(.half,.full) label:not([class]) {
        margin-bottom: .3rem;
        font-size: var(--size-17);
    }
    .sc-09 .listing .inner { width: 100%; }
    .sc-09 .listing figure { height: min(300px,70vw); }
    .sc-07 .float-box .bx-lf {
        height: initial;
        margin-inline: auto;
    }
    .sc-07 .float-box .bx-lf figure {
        bottom: 0;
        height: min(400px,90vw);
    }
    .sc-07 .float-box::before { inset: 15% calc(var(--pad) * -1) -8rem calc(var(--pad) * -1); }
}