/* Desktop */
@media (min-width: 1441px) and (max-width: 1919px){
    .home .banniere .container .col-sm-12 {
        width: 60%;
    }
    .home .banniere .titre {
        font-size: 115px;
        line-height: 148px;
    }
}
@media (min-width: 900px) and (max-width: 1440px){
    .boutique .box-content {
        padding: 70px 55px;
    }
    .boutique .box{
        width: calc(100svw - 30px);
    }
    .cta .btn-custom {
        padding: 15px 35px;
    }
    .marque-listing .grid-marque li{
        margin: 0 26px 23px 0;
    }
    .contenu-texte h1{
        font-size: 69px;
    }
    .copyright .footer-menu2 li {
        margin-right: 20px;
    }
    .banniere .actus-box{
        width: 280px;
    }
    .banniere .actus-box .box-img {
        height: 185px;
    }
    .banniere .actus-box .box-right .titre {
        font-size: 27px;
        line-height: 27px;
        margin-bottom: 10px;
    }
    .banniere .actus-box .box-right p{
        margin-bottom: 10px;
    }
    .home .banniere .container .col-sm-12 {
        width: 60%;
    }
    .home .banniere .titre {
        font-size: 100px;
        line-height: 120px;
    }
}
@media (min-width: 768px) and (max-width: 1366px){
    .home .banniere .container .col-sm-12 {
        width: 60%;
    }
    .banniere .actus-box{
        width: 265px;
    }
    .banniere .actus-box .box-img {
        height: 175px;
    }
    .banniere .actus-box .box-right .titre {
        font-size: 24px;
        line-height: 24px;
    }
    .banniere .titre {
        font-size: 100px;
        line-height: 120px;
    }
    .liste-lien-cta li a{
        padding: 20px 20px;
    }
}

/* Mobile */
@media only screen and (max-width: 1180px) {
    header .btn a{
        position: relative;
    }
    .home .banniere .container .col-sm-12 {
        width: 100%;
    }
    footer .liste-adresse{
        height: auto;
        overflow: hidden;
    }
    .accordion-section .accordion-list h3{
        padding-right: 2rem;
    }
    .mobile{
        display: block !important;
    }
    .desktop{
        display: none !important;
    }
    html,body{
        overflow-x: hidden !important;
        font-size: 14px;
        line-height: 18px;
    }
    .intro.page-default p{
        font-size: 14px;
        line-height: 18px;  
    }
    .banniere .titre{
        font-size: 70px;
        line-height: 65px;
        margin-bottom: 15px;
    }
    .banniere p {
        font-size: 15px;
        line-height: 19px;
    }
    header{
        padding: 0 15px;
    }

    /* Menu */
    #nav-icon1{
        width: 40px;
        height: 30px;
        position: relative;
        margin: 0 auto;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
    }
    #nav-icon1 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #fff;
        border-radius: 0px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out;
    }
    #nav-icon1 span:nth-child(1) {
        top: 0px;
    }
    #nav-icon1 span:nth-child(2) {
        top: 13px;
    }
    #nav-icon1 span:nth-child(3) {
        top: 26px;
    }
    #nav-icon1.open span:nth-child(1) {
        top: 13px;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    #nav-icon1.open span:nth-child(2) {
        opacity: 0;
        left: -60px;
    }
    #nav-icon1.open span:nth-child(3) {
        top: 13px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    header .navbar-toggler{
        border: none;
        padding: 0;
        margin: 0;
    }
    header .navbar-toggler:focus{
        outline: none;
        box-shadow: none;
    }
    .btn-custom2,.btn-custom,.marque-section .btn-custom2{
        padding: 15px 20px;
    }
    .marque .container{
        padding: 0;
    }
    h1,.single-boutique .banniere .titre,
	.banniere.page .titre,
	.banniere.page-default .titre {
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 1rem;
    }
    h2,.galerie .titre{
        font-size: 40px;
        line-height: 45px;
    }
    h3{
        font-size: 30px;
        line-height: 35px;
    }
    .grid-page .box.model .btn-grid{
        flex-wrap: wrap;
    }
    .grid-page .box.model .btn-grid li {
        margin: 0 6px .5rem 6px;
    }
    .grid-page {
        margin-bottom: 40px;
    }
    .marque-section .top{
        margin-bottom: 20px;
    }
    .services .services-block {
        margin-top: 30px;
    }
    .actus {
        margin-bottom: 40px;
    }
    footer {
        padding: 20px 0;
        background-size: 100%;
    }
    footer .container::after {
        width: 280Px;
        height: 37px;
        bottom: -28px;
        left: 15px;
        background-size: contain;
    }
    footer .footcol2{
        flex-wrap: wrap;
    }
    header .navbar-collapse {
        background: #B08143;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
        border-radius: 20px;
        text-align: center;
        padding: 20px 15px;
        height: auto;
        overflow-y: auto;
    }
    header .navbar-nav > li {
        margin-right: 0;
    }
    header .navbar-nav > .menu-item-has-children > a{
        position: relative;
        
    }
    header .navbar-nav .menu-item-has-children .sub-menu .current-menu-item a{
        color: #B08143;
    }
    header .navbar-nav > .menu-item-has-children > a::after {
        content: none;
    }
    header .navbar-nav > .menu-item-has-children button{
        background: url(../img/arrow3.png) no-repeat center;
    background-size: auto;
    background-size: 12px 6px;
    width: 20px;
    height: 20px;
    display: inline-block;
    border: none;
    border-radius: 0;
    margin-left: 5px;
    position: absolute;
    /*top: 15px; */
    transition: all .5s ease-in-out;
    }
    header .navbar-nav > .menu-item-has-children button.active{
        transform: rotate(180deg);
    }
    /* @supports (-webkit-touch-callout: none) {
        header .navbar-nav > .menu-item-has-children button{
            top: 15px;
        }
    } */
    
    header .navbar-nav .menu-item-has-children .sub-menu {
        margin: 0 auto;
        position: relative;
        top: inherit;
        right: inherit;
        overflow: hidden;
        padding: 0 15px 0 15px;
        height: 0;
        transition: all 0.3s ease;
        display: block;
        width: 100%;
    }
    header .navbar-nav .menu-item-has-children .sub-menu.active{
        margin: 1rem auto 0 auto;
        padding: 20px 15px 5px 15px;
    }
    .services .services-block .liste-mob-services{
        padding: 0;
    }
    .services .box-services{
        padding: 0 10px;
    }
    .services .box-services p br{
        display: none !important;
    }
    header.model2 #nav-icon1 span{
        background: #161615;
	}
	.site-header.fixed.model2 #nav-icon1 span{
		background: #fff;
    }
    header.model2 .navbar-nav > li a {
        color: #fff;
    }
    .intro_marque .titre {
        font-size: 60px;
        line-height: 60px;
    }
    header.model2 {
        margin-bottom: 25px;
        border-bottom: 1px solid rgba(112, 112, 112, .2);
    }
    .intro_marque p {
        font-size: 15px;
    }
    .upline .left > div{
        display: flex;
        align-items: center;
        margin-bottom: 1rem;
    }
    .upline .left > div > p:first-of-type{
        width: 85px;
        display: flex;
    align-items: center;
    }
    .upline .left > div span:first-of-type{
        width: calc(100% - 85px);
        overflow: hidden;
        white-space: nowrap;
        display: block;
    }
    .upline .left > div span:first-of-type b,.scrolling-container p b{
        display: none;
    }
    /* .upline .left > div span:first-of-type p:first-child {
        -webkit-animation: scrolling-left1 20s linear infinite;
        animation: scrolling-left1 20s linear infinite;
        display:inline-block;
        padding: 0 5px;
    }
    .upline .left > div span:first-of-type p:last-child{
        display:inline-block;
    -webkit-animation: scrolling-left2 20s linear infinite;
    animation: scrolling-left2 20s linear infinite;
    animation-delay: calc(20s / 2);
    padding: 0 5px;
    }
    .upline .left > div span:first-of-type p:last-child {
        animation-fill-mode: both;
    }
    @keyframes scrolling-left1 {
        0% {transform: translateX(50%);
            -webkit-transform: translateX(50%);}
        100% {transform: translateX(-150%);
            -webkit-transform: translateX(-150%);}
    }
    @keyframes scrolling-left2 {
        0% {transform: translateX(-50%);
            -webkit-transform: translateX(-50%);}
        100% {transform: translateX(-250%);
            -webkit-transform: translateX(-250%);}
    } */
    .uplines {
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        width: 100%;
        padding: 10px 0;
    }

    .scrolling-container {
        display: flex;
        gap: 10px; /* Space between texts */
        position: absolute;
        white-space: nowrap;
        will-change: transform;
        top: 1.5px;
    }

    .scrolling-container p {
        display: inline-block;
        font-size: 12px;
        list-style: 15px;
    }
    
    .upline .right {
        justify-content: center;
    
    }
    header .navbar-brand{
        margin-left: calc(20px - .5rem)
    }
    #menu-nos-boutiques-1.sub-menu{
        width: 255px;
        border-radius: 5px;
        background: #fff;
        overflow: hidden;
        height: 0;
        transition: height 0.3s ease;
        margin: 1rem auto 0 auto;
    }
    #menu-nos-boutiques-1.sub-menu.open{
        padding: 20px 15px 5px 15px;  
    }
    #menu-nos-boutiques-1.sub-menu a {
        text-align: left;
        color: #2B2B26;
        font-size: 14px;
        line-height: 17px;
        transition: all .5s ease-in-out;
        display: block;
    }
    #menu-nos-boutiques-1.sub-menu li {
        margin-bottom: 15px;
    }
    .cta .btn-custom {
        margin: 0 5px;
    }
    .marque-section .grid-foot .col-sm-3{
        padding: 0 1rem;
    }
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl,.row > *{
        padding-left: 14px;
        padding-right: 14px;
    }
    header.model2 .container{
        padding: 0;
    }
    .liste-lien-cta {
        display: flex;
        column-gap: 0;
        padding: 0;
        flex-wrap: wrap;
    }
    .liste-lien-cta li a{
        width: 100%;
    }
    .liste-lien-cta li{
        margin: 5px 0;
        width: 100%;
    }
    .pagination a:not(.prev):not(.next), .pagination span:not(.prev):not(.next) {
        width: 33px;
    }
    .pagination a, .pagination span {
        margin-left: 5px;
        margin-right: 5px;
        padding: 5px 10px;
        font-size: 14px;
        line-height: 20px;
      }
}
@media only screen and (max-width: 1023px){
	.banniere .titre,
	.banniere.page .titre, 
	.banniere.page-default .titre,
	.contenu-titre h1,
	.intro_marque > .container > .row > .content > .titre{
		opacity: 1!important;
		transform: none!important;
	}
}
@media (min-width: 768px) and (max-width: 1180px){
    .upline .col-sm-4{
        width: 100%;
    }
    .banniere{
        height: auto;
        padding-top: 35vh;
    }
    .banniere p br,.grid-page .box .content p br,.boutique .box-content p br,.services p br{
        display: none;
    }
    .grid-page .box.fix {
        height: auto;
        padding-top: 20vh;
    }
    .grid-page .box.model{
        min-height: auto;
        padding-top: 20vh;
    }
    .grid-page .box .content {
        padding: 0 20px 20px 20px;
    }
    .grid-page .box .content .btn-custom2 {
        padding: 15px 15px;
        width: 100%;
    }
    .marque-section .box .img1 {
        width: 200px;
        height: 300px;
    }
    .marque-section .box::after {
        width: 80px;
        height: 80px;
    }
    .marque-section .box .img2 {
        width: 200Px;
        height: 300px;
    }
    .marque-section .right-img {
        position: relative;
        min-height: 300px;
    }
    .marque-section .lien-marque li a,.marque-section .lien-marque li::after {
        font-size: 25px;
        line-height: 30px;
    }
    .marque-section .box {
        width: 100%;
        height: 350px;
    }
    .marque-section .grid-foot .col-sm-3{
        width: 50%;
        margin-bottom: 1rem;
    }
    .marque-section {
        margin-bottom: 20px;
    }
    .boutique .col-sm-6{
        width: 100%;
    }
    .services .services-block .col-sm-3{
        width: 50%;
    }
    .services {
        margin-bottom: 0px;
    }
    .cta .cta-content {
        padding: 25px 20px;
    }
    .cta .logo img {
        width: 100%;
        height: auto;
    }
    .cta .btn-custom {
        padding: 10px 25px;
    }
    .actus .box img {
        height: 150px;
        width: 100%;
    }
    footer .container > .row > div{
        width: 100%;
    }
    footer .footcol2{
        margin-bottom: 1.5rem;
    }
    .intro_marque .icn img {
        width: 85%;
    }
    .intro_marque .icn {
        height: 80px;
    }
    .intro_marque p br{
        display: none;
    }
    .contenu-texte .box-img .img1 {
        width: 200px;
        height: 300px;
    }
    .contenu-texte .box-img .img2 {
        width: 200px;
        height: 300px;
    }
    .contenu-texte .box-img {
        width: 97%;
        height: 400px;
    }
    .contenu-texte .box-img::after {
        width: 80px;
        height: 80px;
    }
    .contenu-texte h1 br{
        display: none;
    }
    .galerie .grid1 .box-img,.galerie .grid2 .box-img,.grid-content .box {
        height: 250Px;
    }
    .galerie .grid3 .box-img{
        height: 200px;
    }
    .carousel-listing .listing-C .img-box{
        height: 150px;
    }
    .marque-listing .grid-marque li {
        width: 29%;
        margin: 0 10px 23px 10px !important;
    }
    .marque-listing.noborder {
        margin-bottom: 0;
    }
    .intro .box{
        height: 30vh;
    }
    .intro .content {
        padding-left: 15px;
        padding-top: 0;
    }
    .map .content {
        padding: 0 15px 0 15px;
    }
    .accordion-section .box {
        padding: 50px 35px;
    }
    .intro.page .inverser .content,
    .intro.page-default .inverser .content {
        padding-right: 15px;
    }
    #utilityNav {
        max-width: 100%;
        padding: 0 !important;
        margin-bottom: 3rem;
    }
    #primaryNav{
        padding: 0;
    }
    #primaryNav.col6 li {
        width: 33.33%;
    }
    .upline .left > div > p:first-of-type {
        width: 85px;
    }
    .upline .left > div > span:first-of-type {
        width: calc(100% - 85px);
    }
    .grid-img-flexible img{
        height: 400px;
    }
}
@media (min-width: 768px) and (max-width: 1180px) and (orientation: landscape){
    footer .container > .row > div:nth-child(1){
        width: 40%;
    }
    footer .container > .row > div:nth-child(2){
        width: 60%;
    }
    .cta .logo img {
        width: 150px;
        height: auto;
    }
    .marque-section .box .img1 {
        width: 250px;
    }
    .galerie .grid1 .box-img{
        height: 400px;
    }
    .marque-section .box .img2 {
        width: 250Px;
    }
    .marque-section .grid-foot .col-sm-3 {
        width: 25%;
    }
    .contenu-texte .box-img .img1 {
        width: 300px;
        height: 350px;
    }
    .contenu-texte .box-img .img2 {
        width: 300px;
        height: 350px;
    }
    .contenu-texte .box-img {
        width: 97%;
        height: 450px;
    }
    .grid-content h2.titre br{
        display: none;
    }
    .marque-listing .grid-marque li {
        width: 22%;
    }
    #primaryNav.col6 li {
        width: 16.666%;
    }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .upline .col-sm-4{
        width: 100%;
    }
    .banniere{
        height: auto;
        padding-top: 35vh;
    }
    .banniere p br,.grid-page .box .content p br,.boutique .box-content p br,.services p br{
        display: none;
    }
    .grid-page .box.fix {
        height: auto;
        padding-top: 20vh;
    }
    .grid-page .box.model{
        min-height: auto;
        padding-top: 20vh;
    }
    .grid-page .box .content {
        padding: 0 20px 20px 20px;
    }
    .grid-page .box .content .btn-custom2 {
        padding: 15px 15px;
        width: 100%;
    }
    .marque-section .box .img1 {
        width: 150px;
        height: 250px;
    }
    .marque-section .box::after {
        width: 80px;
        height: 80px;
    }
    .marque-section .box .img2 {
        width: 150Px;
        height: 250px;
    }
    .marque-section .right-img {
        position: relative;
        min-height: 300px;
    }
    .marque-section .lien-marque li a,.marque-section .lien-marque li::after {
        font-size: 25px;
        line-height: 30px;
    }
    .marque-section .box {
        width: 100%;
        height: 350px;
    }
    .marque-section .grid-foot .col-sm-3{
        width: 50%;
        margin-bottom: 1rem;
    }
    .marque-section {
        margin-bottom: 20px;
    }
    .boutique .col-sm-6{
        width: 100%;
    }
    .services .services-block .col-sm-3{
        width: 50%;
    }
    .services {
        margin-bottom: 0px;
    }
    .cta .cta-content {
        padding: 25px 20px;
    }
    .cta .logo img {
        width: 100%;
        height: auto;
    }
    .cta .btn-custom {
        padding: 10px 25px;
    }
    .actus .box img {
        height: 150px;
        width: 100%;
    }
    footer .container > .row > div{
        width: 100%;
    }
    footer .footcol2{
        margin-bottom: 1.5rem;
    }
    .intro_marque .icn img {
        width: 85%;
    }
    .intro_marque .icn {
        height: 80px;
    }
    .intro_marque p br{
        display: none;
    }
    .contenu-texte .box-img .img1 {
        width: 200px;
        height: 300px;
    }
    .contenu-texte .box-img .img2 {
        width: 200px;
        height: 300px;
    }
    .contenu-texte .box-img {
        width: 97%;
        height: 400px;
    }
    .contenu-texte .box-img::after {
        width: 80px;
        height: 80px;
    }
    .contenu-texte h1 br{
        display: none;
    }
    .galerie .grid1 .box-img,.galerie .grid2 .box-img,.grid-content .box {
        height: 250Px;
    }
    .galerie .grid3 .box-img{
        height: 200px;
    }
    .carousel-listing .listing-C .img-box{
        height: 150px;
    }
    .marque-listing .grid-marque li {
        width: 29%;
        margin: 0 10px 23px 10px !important;
    }
    .marque-listing.noborder {
        margin-bottom: 0;
    }
    .intro .box {
        height: 200px;
    }
    .intro .content {
        padding-left: 15px;
        padding-top: 0;
    }
    .map .content {
        padding: 0 15px 0 15px;
    }
    .map .infos li span,.accordion-section .accordion-list h3{
        font-size: 15px;
        line-height: 20px;
    }
    .map .infos li p, .map .infos li {
        font-size: 14px;
        line-height: 18px;
    }
    .accordion-section .box {
        padding: 35px 30px;
    }
    .accordion-section .accordion-list {
        margin: 0;
        padding: 0;
    }
    .accordion-section .accordion-list h3{
        padding-right: 1rem;
    }
    .intro.page .inverser .content,
    .intro.page-default .inverser .content {
        padding-right: 15px;
    }
    .intro.contact .maps .col-sm-3{
        width: 50%;
        margin-bottom: 1rem;
    }
    #utilityNav {
        max-width: 100%;
        padding: 0 !important;
        margin-bottom: 3rem;
    }
    #primaryNav{
        padding: 0;
    }
    #primaryNav.col6 li {
        width: 50%;
    }
}
@media only screen and (max-width: 600px){
	.marque .liste-marque li{ width: 160px; }
}
@media only screen and (max-width: 428px) {
    .banniere{
        padding-bottom: 20px;
    }
    .banniere p {
        font-size: 14px;
        line-height: 18px;
    }
    .banniere::after {
        height: 100%;
    }
    .grid-img-flexible img{
        height: 300px;
    }
    .grid-img-flexible .col-sm-6{
        margin-bottom: 1rem;
    }
    .upline .social li {
        margin-left: 10px;
    }
    .banniere p br,.contenu-titre h1 br,.grid-page .box .content p br{
        display: none;
    }
    .banniere,.contenu-titre{
        margin-bottom: 30px;
    }
    .marque .liste-marque {
        padding: 0 0 30px 0;
    }
    .marque .liste-marque li img{
        height: 30px;
    }
    .contenu-titre h1 {
        padding-right: 0;
    }
    .grid-page .box.fix {
        height: auto;
        padding-top: 15vh;
    }
    .grid-page .box .content {
        padding: 0 20px 30px 20px;
    }
    .grid-page .box .content p {
        margin-bottom: 20px;
    }
    .grid-page .box.model {
        min-height: auto;
        padding-top: 15vh;
    }
    .marque-section .text-end{
        text-align: left !important;
        margin-top: 1rem;
    }
    .marque-section .lien-marque {
        margin: 0 0 30px 0;
        padding: 0;
    }
    .marque-section .lien-marque li a {
        font-size: 25px;
        line-height: 35px;
    }
    .marque-section .lien-marque li::after {
        font-size: 25px;
        line-height: 0;
    }
    .marque-section .lien-marque li:last-child::after {
        line-height: 0;
    }
    .marque-section .box {
        width: 90%;
        margin: 0;
    }
    .marque-section .box .img1{
        width: 230px;
        height: 320px;
    }
    .marque-section .box .img2 {
        width: 180px;
        height: 330px;
    }
    .marque-section .right-img {
        min-height: 350px;
    }
    .marque-section .box{
        height: 350px;
        min-height: 350px;
    }
    .marque-section .box::after {
        width: 60px;
        height: 60px;
    }
    .marque-section .right-img .box{
        right: inherit;
        left: 15px;
    }
    .cta .cta-content {
        padding: 25px 20px;
    }
    .cta .logo img {
        width: 100px;
        height: 100px;
    }
    .cta .cta-content .row > div{
        margin-bottom: 1rem;
    }
    .actus .text-end {
        text-align: left !important;
        margin-top: 1rem;
    }
    .actus .box{
        margin-bottom: 1.5rem;
    }
    footer .logo img {
        width: 100px;
        margin: 0 auto;
        display: block;
    }
    footer .footcol2 .box{
        width: 33.33%;
        margin-bottom: 1.5rem;
        text-align: center;
    }
    .copyright .footer-menu2 {
        margin: 0 0 1rem 0;
        padding: 0;
        display: flex;
        flex-direction: row;
        text-align: center;
        justify-content: center;
    }
    .copyright .footer-menu2 li a {
        font-size: 9px;
        padding: 0 5px;
    }
    .mobiles{
        display: block !important;
    }
    .desktops{
        display: none !important;
    }
    .copyright .footer-menu2 li{
        margin: 0;
    }
    footer .liste-adresse .box {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 20px;
    }
    footer .liste-adresse{
        width: 100%;
        margin-bottom: 1rem;
    }
    .copyright p{
        justify-content: center;
    }
    .copyright .right-foot {
        margin-top: 5px;
        justify-content: center;
    }
    .boutique .box{
        display: none !important;
    }
    .boutique {
        padding: 0;
        margin-bottom: 40px;
    }
    .boutique .box-content {
        padding: 30px 20px;
    }
    .services {
        margin-bottom: 0;
    }
    .banniere .btn-banniere{
        flex-wrap: wrap;
    }
    .banniere .btn-banniere li{
        margin-top: 10px;
    }
    .cta .row{
        text-align: center;
    }
    .boutique .box-content ul li a{
        color: #fff;
        padding-right: 1rem;
    }
    .boutique .box-content ul li a span{
        color: rgba(255, 255, 255, 1);
        background: rgba(47, 77, 59, 1);
    }
    .intro_marque .content {
        padding-right: 15px;
    }
    .contenu-texte .box-img .img1 {
        width: 200px;
        height: 300px;
    }
    .contenu-texte .box-img .img2 {
        width: 200px;
        height: 300px;
    }
    .contenu-texte .box-img {
        width: 97%;
        height: 400px;
    }
    .contenu-texte .box-img::after {
        width: 80px;
        height: 80px;
    }
    .contenu-texte h1 br,.intro h1 br{
        display: none;
    }
    .contenu-texte {
        margin-bottom: 35px;
    }
    .galerie .grid1 .box-img,.galerie .grid2 .box-img,.galerie .grid3 .box-img,.grid-content .box {
        height: 300Px;
    }
    .galerie {
        padding-bottom: 35px;
        margin-bottom: 30px;
    }
    .galerie .container::after,.carousel-listing .container::after {
        bottom: -35px;
    }
    .grid-content .row > div {
        margin-bottom: 0px;
    }
    .grid-content p {
        font-size: 13px;
    }
    .grid-content {
        margin-bottom: 40px;
    }
    .carousel-listing .slick-prev,.carousel-listing .slick-next {
        top: -70px;
    }
    .carousel-listing,.marque-listing {
        padding-bottom: 35px;
        margin-bottom: 35px;
    }
    .marque-listing .grid-marque li {
        width: 41%;
        margin: 0 14px 15px 14px;
    }
    .intro .box{
        height: 300px;
    }
    .intro .content {
        padding-left: 15px;
    }
    .map .content {
        padding: 0px 15px 0 15px;
    }
    .map h2 {
        margin-bottom: 20px;
    }
    .cta {
        margin-bottom: 50px;
    }
    .map .infos li span{
        font-size: 16px;
    }
    .map .infos li p{
        font-size: 14px;
    }
    .map iframe{
        height: 350px !important;
    }
    .accordion-section .box {
        padding: 25px 20px;
    }
    .accordion-section .box h2 {
        margin-bottom: 10px;
    }
    .accordion-section .accordion-list {
        margin: 0;
        padding: 0;
    }
    .accordion-section .accordion-list h3{
        font-size: 17px;
        line-height: 20px;
    }
    .accordion-section {
        margin-bottom: 30px;
    }
    .marque-listing .grid-marque {
        margin: 20px 0 50px 0;
    }
    .marque-listing .container::after {
        bottom: -35px;
    }
    .carousel-listing .listing-C {
        margin: 70px 0 0 0;
    }
    .intro.page .inverser .content,
    .intro.page-default .inverser .content {
        padding-right: 15px;
    }
    .intro.contact form {
        width: 100%;
    }
    .intro.contact .maps iframe{
        margin-bottom: 1rem !important;
    }
    #utilityNav {
        float: right;
        max-width: 100%;
        padding: 0 !important;
        margin-bottom: 3rem;
    }
    #primaryNav{
        padding: 0;
    }
    #primaryNav.col6 li {
        width: 100%;
    }
    .boutique .box-content ul li a {
        font-size: 20px;
        line-height: 30px;
    }
    .upline .popup-box .popup-content {
        left: calc(50% + 61Px);
    }
    footer .liste-adresse .box .nom{
        min-height: 56px;
    }
    .liste-lien-cta li a{
        width: 100%;
    }
    .liste-lien-cta li{
        margin: 5px 0;
        width: 100%;
    }
}
@media only screen and (max-width: 320px) {
    .boutique .box-content ul li a {
        font-size: 20px;
        line-height: 30px;
    }
    .upline .menu-upline li a{
        font-size: 11px;
    }
    .upline .right p{
        font-size: 9px;
    }
    .upline .menu-upline li {
        margin-right: 15px;
    }
    .banniere{
        padding-bottom: 20px;
    }
    .banniere p{
        margin-bottom: 20px;
    }
    .upline .popup-box .popup-content{
        width: 300Px;
        left: calc(50% + 49Px);
    }
    footer .container::after {
        width: 230Px;
    }
    .copyright .footer-menu2 li a {
        font-size: 9px;
        padding: 0 5px;
    }
}