@media screen and (min-width: 1681px) {

}
@media screen and (max-width: 1680px) {
   
}
@media screen and (min-width: 1201px) {
    .toggle-nav,.arrow-toggle {display: none;}
    header .primary > li > .sub-menu.simple {
        position: absolute;
        width: 300px;
        top: 3.25rem;
    }
    header .primary > li > .sub-menu:not(.simple) {
        position: fixed;
        top: 5.05rem;
        width: min(960px, 100%);
    }
    header .primary > li.has-sub-simple .sub-menu {
        padding: 1rem 1rem;
        flex-direction: column;
    }
}
@media screen and (max-width: 1200px) {
    header .primary .arrow-toggle {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: var(--ah);
    }
    .arrow-toggle::before {
        position: absolute;
        top: 50%;
        right: 0;
        content: '';
        width: 3rem;
        height: 1.5rem;
        transition: all .5s;
        color: var(--purple);
        background-color: currentColor;
        transform: translateY(-50%) scale(.5);
        clip-path: polygon(93% 0, 100% 0, 51% 100%, 0 0, 7% 0, 51% 88%);
    }
    .show > .arrow-toggle::before {clip-path: polygon(100% 100%, 93% 100%, 52% 12%, 7% 100%, 0 100%, 52% 0);}
    .wp-sld.slick-slider { margin-inline: -.35rem; }
    .slick-slide.item-card { padding-inline: .7rem; }
    header a.logo { width: 10rem; }
    body.hidden {overflow: hidden;}
    body.hidden header .other-btn {z-index: -1;}
    header {transition: all .5s;}
    body.sticky header {background: var(--white);}
    header .wp-nav {
        position: fixed;
        visibility: hidden;
        transition: all 1s;
        inset: 0 0 0 calc(100% - 400px);
    }
    header .primary > li.has-sub-simple {width: 100%;}
    header .header-nav.show .wp-nav {visibility: visible;}
    header .wp-btns {align-items: initial;}
    header .wp-nav nav {
        position: relative;
        left: 100%;
        height: 100vh;
        transition: all .5s;
        background: var(--white);
        padding: 7rem 2rem 2rem !important;
    }
    header .header-nav.show .wp-nav nav {left: 0;}
    header .primary {
        height: 100%;
        overflow: scroll;
        flex-direction: column;
        align-items: flex-start;
    }
    header .primary > li > .sub-menu {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        border-radius: 0;
        box-shadow: none;
        transform: initial;
    }
    header .primary > li .wp-article {
        margin-top: 2rem;
        border-top: 0.3rem solid var(--purple);
    }
    header .primary li > .sub-menu {
        max-height: 0;
        transition: all .5s,max-height .5s;
        clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
    }
    header .primary li.show > .sub-menu {
        max-height: var(--sh);
        clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
    }
    header .primary > li :is(.ctn-sub-menu,.wp-article) {width: 100%;}
    header .primary > li .ctn-sub-menu {
        display: flex;
        flex-direction: column;
    }
    header .primary > li > .sub-menu li.show:not(li:last-child) > .sub-menu {margin-bottom: 1rem;}
    header .primary > li > .sub-menu .sub-menu > li {
        width: 100%;
        display: inline-block;
    }
    header .primary > li > .sub-menu > .ctn-sub-menu {
        padding: 0;
        column-count: 1;
    }
    header .toggle-nav {
        position: relative;
        z-index: 2;
        display: flex;
        row-gap: .6rem;
        flex: 0 0  auto;
        cursor: pointer;
        padding: .5rem 1rem;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        background: var(--purple);
        transition: all 400ms ease;
        margin: -1rem -1rem -1rem 1rem;
    }
    header .toggle-nav > span {
        position: relative;
        width: 2rem;
        height: 0.1rem;
        line-height: 0;
        border-radius: 1rem;
        transition: all .3s;
        display: inline-block;
        background: #FFFFFF;
        transform-origin: 55% center;
    }
    .hidden header .toggle-nav {row-gap: 0;}
    .hidden header .toggle-nav > span:nth-child(even) { background: transparent; }
    .hidden header .toggle-nav > span:first-child {transform: rotate(-45deg);}
    .hidden header .toggle-nav > span:last-child { transform: rotate(45deg);}
}
@media screen and (max-width: 1023px) {
    .sc-milti-filter .body > .flex > .item-card {  width: 50%; }
}
@media screen and (max-width: 600px) {
	section.bg-gray.sc-3col-ttl-form-price {
        padding-top: 0px;
        padding-bottom: 0px;
    }
	
	.sc-3col-ttl-form-price .bx-ct > .flex {
        margin-inline: 1rem;
    }


.sc-3col-ttl-form-price .wp-form {
    flex-wrap: wrap;
    flex-direction: column;
}

.sc-3col-ttl-form-price .wp-form .third {
    width: calc(100%);
}

.RemonterDiv {
    margin-top: -30px;
}

.single-product button.single_add_to_cart_button {
    width: 100%!important;
    font-size: 20px!important;
}

#FormSelecteurProduit h6 {
    font-size: 20px;
}

.third select {
    padding-left: 13px;
    font-size: 15px;
    color: #000;
}

.third label {
    font-size: 17px;
}




    .arrow:is(.prev, .next)::before { padding: 1.2rem;}
    h1 {font-size: 1.5rem;}
    h2 {font-size: 1.3rem;}
    h4 { font-size: 1rem; }
    .py-5 { padding-block: 3rem;}
    header + * { margin-top: 4.3rem;}
    header .wp-nav { inset: 0; }
    .sc-sld img.logo {
        padding: 1rem;
        width: min(49vw, 100%);
    }
    .sc-sld .body { padding-block: 17vmax; }
    .sc-sld h1 { 
        line-height: 3; 
        max-width: 80%;
        margin: 0 auto;
    }
    .wp-sld.slick-slider {
        width: 75%;
        min-width: initial;
        margin-inline: auto;
    }
    .sc-sld h1 > span {
        font-size: 3.5rem;
        vertical-align: middle;
    }
    .sc-sld h1 em { line-height: 1.5; }
    .sc-ban > figure ~ div [class*="wp-txt"] h1 time {
        margin-top: .6rem;
        font-size: 1rem;
        display: inline-block;
    }
    .link-next .circles {display: none;}
    .sc-ttl-lsd-2col-clip .item-card .card {
        flex-wrap: initial;
        flex-direction: column;
    }
    .sc-ttl-lsd-2col-clip .card figure {
        height: 35vw !important;
    }
    .sc-ttl-lsd-2col-clip .card h4 {
        height: 2.7rem;
        line-height: 1.4rem;
        -webkit-line-clamp: 2;
    }
    [class*="btn-"][class*="-spc"] {
        font-size: .7rem;
        padding-inline: .5rem;
    }
    .sc-2col-ttl-bts-txt .row [class*="flex"] {
        row-gap: 3rem;
    }
    .sc-2col-ttl-bts-txt .row [class*="flex"] > * {width: 100%;}
    .wp-tabs { flex-direction: column; }
    .wp-tabs a {
        width: 100%;
        text-align: center;
        border-radius: .5rem;
    }
    .sc-2col-txt-txt .container > [class*="flex-"] {row-gap: 3rem;}
    .sc-2col-txt-txt .card-body > div {width: 100%;}
    .sc-3col-ttl-form-price .bx-ct {padding-inline: 3vmax;}
    .sc-3col-ttl-form-price .bx-rg > .body { margin-left: 0; }
    .sc-2col-boxs .grid-box > *:not(.last) {padding: 3.5vmax 2.5vmax;}
    .sc-2col-boxs .card {padding: 2.5vmax 2vmax;}
    .sc-milti-filter .body > .flex > .item-card {  width: 100%; }
    .sc-2col-img-txt .container > [class*="flex-"] {row-gap: 3rem;}
    .sc-2col-img-txt .container > [class*="-xbetween"] {flex-direction: column-reverse;}
    .sc-2col-img-txt [class*="flex-"]:not([class*="-ystart"]) .bx-lf figure > img {position: relative;}
    [class*="btn-"][class*="-spc"][class*="-price"] { font-size: 1.1462rem;}
    .sc-ttl-lsd-2col-clip .card .card-body { padding: 1rem 1.5rem 1.5rem; }
    footer .logo {
        position: relative;
        display: block;
        margin: 0 auto;
        width: min(18rem, 70%);
    }
    footer .bx-rg {width: min(18rem, 70%);}
}
@media screen and (max-width: 350px) {
    
}