@media screen and (max-width: 1319px){
    .page-template-apropos .mission p{
        font-size:36px;
        line-height: 40px;
    }
    .page-template-apropos .mission .content, .page-template-apropos .history .content{
        padding:100px 60px;
    }
    .page-template-apropos .a-propos .small-shadow{
        height: initial;
    }
    .page-template-apropos .our-products .blocks .item .icon, .page-template-actions-durables .actions .icon{
        top:80px;
    }
    .page-template-apropos .our-products .blocks .item .icon img{
        height: 100px;
    }

}
@media screen and (max-width: 1091px){
    .page-template-apropos .mission p{
        font-size: 36px;
        line-height: 46px;
    }
    .page-template-apropos .history .content h2{
        font-size: 30px;
    }
    .page-template-apropos .mission .content, .page-template-apropos .history .content{
        padding:70px 40px;
    }
    .page-template-apropos .history .content p, .page-template-apropos .equipe .content p{
        font-size: 18px;
        line-height: 24px;
    }
    .page-template-apropos .a-propos .history .small-shadow{
        height: 100%;
    }
    .page-template-apropos .our-products .blocks .item .icon, .page-template-actions-durables .actions .icon{
        top:80px;
    }
    .page-template-apropos .our-products .blocks .item .icon img{
        height: 100px;
    }
    .page-template-apropos .equipe .content{
        padding: 0 40px;
    }
    .page-template-apropos .our-products .blocks .item h3{
        font-size: 30px;
        line-height: 36px;

    }
    .page-template-apropos .our-products .blocks .item .content, .page-template-actions-durables .actions .content{
        padding: 100px 40px 30px 40px;
    }
    .page-template-apropos .rounded-circle, .rounded-circle{
        height: 132px;
        width: 132px;
    }
    .page-template-apropos .our-products .blocks .item .icon, .page-template-actions-durables .actions .icon{
        margin-left: -66px;
    }
    .page-template-apropos .our-products .blocks .item .icon img{
        height: 80px;
    }
}


@media screen and (max-width:1024px){
    .page-template-apropos .our-products .blocks .item .icon, .page-template-actions-durables .actions .icon{
        top:117px;
    }
    .social-media-icon{
        margin-right:10px;
    }


}
@media screen and (max-width:768px){
    .page-template-apropos .our-products .blocks .item .icon, .page-template-actions-durables .actions .icon{
        top:60px;
    }
}
@media screen and (max-width:991px){
    .products .product-card{
        margin-bottom:20px;
    }
    .demande-de-commandite .header-image{
        background-position: center center;
    }
    .info .info-content .info-text{
        height: auto;
        font-size:40px;
        line-height: 46px;
    }
    .news .news-image{
        height: 484px;
    }
    .hero{
        max-height: calc(100vh - 124px);

    }
    .hero .hero-text{
        line-height: 36px;
        font-size: 30px;
        margin: 100px 0;
        max-width: 70%;
        float: right;
    }
    nav .navbar-nav li{
        display: block;

    }
    nav .sub-menu{
        display: block!important;
        background: transparent;
        position: initial;
        -webkit-box-shadow: none ;
        -moz-box-shadow: none ;
        box-shadow: none;
    }
    nav .navbar-nav .sub-menu li:last-child{
        border-bottom: none;
        padding-bottom:0;
    }

    nav .navbar-nav .sub-menu li a{
        padding:5px 20px;
    }
    .home .features .feature-card {
        margin-bottom:50px;
    }
    nav .navbar-toggler{
        border:none;
    }

    .other-features .other-feature-card{
        margin: 12px 0;
    }
    .page-template-nos-produits section.marque .bg{
        height: 400px;
    }
}


@media screen and (max-width: 767px){
    .single iframe{
        max-width: 100%;
    }

    section.products.carousel h4{
        font-size:42px;
    }
    section.products.carousel h5{
        font-size:32px;
        line-height: 30px;
        margin-bottom: 20px;
    }
    section.products .carousel-item .text{
        font-size:14px;
        line-height: 20px;
    }
    section.products .carousel-item .image{
        height: 300px;
    }
    section.products.carousel .carousel-item .content{
        padding:0 50px;
    }
    .wp-block-image img {
        height: 100%;
    }
    .newslist .news-content .news-title{
        font-size:28px;
    }
    .newslist .news-content .content{
        padding:50px 30px;
    }
    .newslist article.featured{
        margin-bottom:0px;
    }
    .job .image{
        height:280px;
    }
    .page-template-carrieres h1{
        font-size:35px;
        line-height: 40px;
    }
    .page-template-carrieres .header-image h2{
        font-size:28px;
    }
    .page-template-carrieres .job .form{
        margin-top:0;
    }
    .page-template-carrieres .job{
        margin-bottom:30px;
    }
    .archive section.marque .bg{
        display: none;
    }


    .page.page-template-carrieres .header-image{
        background-position: center center;

    }
    .home section.products .row {
        display: flex;
        justify-content: center;
    }
    .page-template-apropos .our-products .blocks .item{
        margin-bottom:20px;
    }
    section.actions .content.packaging {
        padding: 0 40px;
    }
    .page-template-actions-durables .actions .icon{
        top: 140px;
    }

    .newslist article.featured .image{
        height: 400px;
    }

}


@media screen and (max-width: 566px){
    .page-template-actions-durables .actions .icon{

        top: 100px;

    }
}

@media screen and (max-width: 768px){
    .single-post .header-image{
        height:40vh;
    }
    .single-post .title h1{
        font-size: 35px;
        line-height: 41px;
    }

    .single-post .title {
        padding: 70px 0;
    }

    .newslist.bg_gray .news-content .news-title{
        font-size:20px;
    }
    .page-template-apropos .mission p{
        font-size: 28px;
        line-height: 42px;
    }
    .archive section.marque .bg{
        height: 500px;
    }
    .archive .other-products h2{
        float:none!important;
        text-align: center;
    }
    section.news .news-excerpt{
        display: none;
    }

    section.news .news-content{
        padding:50px;
    }
    section.news .news-image{
        height: 484px;
    }
    section.news .news-content .news-title, .features .feature-title{
        font-size:26px;
        line-height: 28px;
    }
    section.news .news-content span{
        font-size:14px;
        display: block;
    }
    .other-features .other-feature-card {
        background-size: cover;
        background-position: center center;
        max-width: 100%;
        margin:12px 0;
    }
    .other-features .other-feature-card.middle-card{
        margin:0;
    }

    .navbar-collapse{
        position: absolute;
        top: 85px;
        left: initial;
        right: 0;
        border: initial;
        background: #fceadb;
        padding: 20px;
        z-index: 100;
    }

    nav .navbar-nav{
        width:270px;

    }
    nav .navbar-nav li a{
        padding: 15px 0;
    }
    nav .navbar-nav li:last-child {
        margin-right: 0;
        padding-bottom: 25px;
        border-bottom: 2px solid #007749;
    }
    nav .navbar-nav .sub-menu, nav .navbar-nav{
        width:100%;
        max-width: 100%;
    }
    nav .navbar-nav li a, nav .languages a{
        text-transform: none;
        font-size: 28px;
        line-height: 25px;
        margin-right:0;
        color:#006341;
        font-weight: 500;
        display: block;
    }

    nav .navbar-nav .sub-menu li a{
        font-size: 14px;
    }
    nav .languages{
        padding: 30px 0 10px 0;
        border-bottom: none;
    }

    nav .languages a{
        padding:0;
    }

    nav .languages .d-lg-none{
        float: right;
    }
    header .top{
        position: relative;
        z-index: 1000;
        box-shadow: 0 0 5px 0;
    }
    .page-template-nos-produits section.marque .bg{
        height: 400px;
    }
}

@media screen and (max-width:500px) {

    .timeline > li > .timeline-panel {
        float: right;
        width: 75%;
    }

    .timeline > li > .timeline-panel:before, .timeline > li > .timeline-panel:after{
        border-left-width: 0;
        border-right-width: 15px;
        left: -15px;
        right: auto;
    }
    .timeline > li > .timeline-badge{
        left: 0;
        margin-left:0
    }

    .timeline:before{
        left:25px;
        margin-left:0;
        top: 55px;
        bottom:0;
    }

    .timeline:after{
        left:26px;

    }
}
@media screen and (max-width:440px) {
    .page-template-actions-durables .actions .icon{

        top: 60px;
    }
}
@media screen and (min-width:768px) {
    nav .navbar-brand img:last-child {
        max-height: 45px;
        margin-top: 21px;
    }
    nav .navbar-brand img:first-child {
        max-width: 125px;
    }
}
@media screen and (max-width:425px) {
    .commandite a{
        font-size:14px;
    }
    .fixed{
        position: fixed;
        width:100%;
        background: #fff;
        z-index: 100;
    }

    .page-template-actions-durables .actions .icon {
        font-size:15px;
    }
    .home .video button {
        font-size:70px;
    }

    .lock-scroll {
        overflow: hidden!important;
    }
    .single-post .title h1{
        line-height: 31px;
        font-size:26px;
    }


    .single-post .title{
        padding:50px 0;
    }
    .newslist .news-content .news-excerpt{
        font-size:16px;
        line-height: 22px;
    }
    .page-template-carrieres .jobs{
        padding-top:0;
    }
    .page-template-carrieres .header-image .text-center{
        width:100%;
    }
    section.products a{
        font-size:30px;
    }
    .carousel-control-prev{
    }
    .carousel-control-next{
    }
    section.products .carousel-item .image{
        height: 290px;
    }
    section.products .carousel-inner, section.products .carousel-inner .carousel-item, section.products .carousel-inner .carousel-item .row{
        min-height:720px;
    }

    .page-template-nos-produits section.marque .text{
        padding:0 80px 27px 80px;
    }
    .page-template-apropos .our-products .blocks .item img{
        margin-bottom:50px;
    }
    .page-template-apropos .our-products .blocks .item .icon img{
        margin-bottom:0;
    }
    .page-template-apropos .equipe .col-md-6:first-child{
        margin-bottom:40px;
    }

    .page-template-apropos .a-propos{
        margin-bottom:50px;
    }
    .page-template-actions-durables .actions .image{
        margin-bottom:50px;
    }
    .page-template-apropos .our-products .blocks .item .content, .page-template-actions-durables .actions .content{
        padding: 40px;
    }
    .page-template-apropos .our-products .blocks .item .icon, .page-template-actions-durables .actions .icon{
        top:70px;
    }
    section.actions .content h3 {
        font-size: 32px;
        line-height: 35px;
    }


    nav .navbar-brand img {
        max-width: 55%;
    }

    .info .info-content .info-text {
        height: auto;
        font-size: 30px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .home section.products .row {
        display: flex;
        justify-content: center;

    }

    .upper-footer {
        text-align: left;
    }

    .home .info {
        padding: 10px 0 320px;
    }

    .features .feature-image, section.news .news-image {
        height: 270px;
    }

    .features .feature-content {
        padding: 32px 0;
    }

    .features .small-shadow {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .features .feature-title {
        line-height: 44px;
        font-size: 38px;
        font-weight: 500;
        margin-bottom: 10px;
    }
    .features {
        padding: 72px 0 0;
    }
    .features .cta{
        font-weight: 500;
    }

    .news .news-section-header{
        margin-bottom: 45px;
    }
    section.news .news-content span{
        display: inline-block;
    }
    .news .news-content .news-title{
        margin-top:20px;
        margin-bottom: 20px;
    }

    footer .adresse{
        margin-top:40px;
    }
    footer .phone{
        margin-top: 10px!important;
    }

    footer .lower-footer{
        display: flex;
        flex-direction: column-reverse;
        padding-top:20px;

    }

    footer .social-medias{
        margin-bottom:20px;
    }

    .home section.products{
        margin-bottom:0;
    }

    section.marque .image{
        height: 50vh;
    }
    section.marque .text {
        padding: 60px;
        height: auto;
    }
    section.marque .text h3{
        font-size:26px;
        line-height: 32px;
    }

    .page .header-image, .archive .header-image{
        height: 20vh;
        margin-bottom: 50px;
    }
    h1{
        font-size: 26px;
        line-height: 28px;
    }
    h2 {
        font-size:14px
    }
    .archive .logo{
        clear:left;
    }
    .archive .logo img {
        max-width: 100px;

    }

    section.marque .text p{
        font-size:16px;
    }

    .archive section.marque .text {
        padding: 0 30px;
    }
    section.other-products .product-card{
        margin-bottom:20px;
    }
    section.other-products h2{
        margin-bottom:20px;
    }

    section.contact .text{
        padding: 0 40px;

    }

    form label{
        font-size:16px;
    }
    .navbar-collapse{
        position: fixed;
        top: 78px;
        left: 0;
        right: 0;
        bottom:0;
        background: #fceadb;
        padding: 20px;
        z-index: 1000;
        height:calc(100vh - 78px );
    }


    nav .navbar-nav li a{
        padding: 8px 0;
    }
    nav .navbar-nav li:last-child {
        margin-right: 0;
        padding-bottom: 25px;
        border-bottom: 2px solid #009364;
    }
    nav .navbar-nav li a, nav .languages a{
        text-transform: none;
        font-size: 18px;
        line-height: 20px;
        margin-right:0;
        color:#009364;
        font-weight: 500;
    }
    nav .languages a{
        display: inline;
    }
    nav .languages{
        padding: 30px 0 25px 0;
        border-bottom: 2px solid #009364;
    }

    nav .languages a{
        padding:0;
    }
    nav .d-lg-none{
        display: inline-block;
        float: right;
    }
    nav .navbar-brand{
        padding:24px 0;
    }
    .navbar-toggler{
        float:right;
    }

    section.news .news-content {
        padding: 30px;
    }
}
@media screen and (max-width: 375px){
    .navbar-toggler {
        margin-top:0;
        padding-top:8px;
    }
    .page-template-carrieres .header-image .text-center{
        height:345px;
    }
    nav .navbar-brand img:first-child{
        max-width: 45%;
    }
    nav .navbar-brand img:last-child{

    }

    .navbar-brand{
        max-width: 220px;
        margin-right:0;
    }
}

@media screen and (max-width: 320px){
    .news .news-section-header{
        flex-direction: column;
        align-items: baseline;
    }

    .page-template-carrieres .header-image .text-center{
        height:290px;
    }

    .page-template-carrieres .header-image h2{
        font-size:18px;
        line-height: 22px;
    }
    .page-template-carrieres .header-image .text-center p{
        font-size:12px;
    }
}