/* responsive.css */
@media (min-width: 1200px) and (max-width: 1390px) {
    .navbar .logo img {
        max-width: 14rem;
    }

    .navbar-nav {
        padding-left: 17rem;
    }

    .navbar-nav a.nav-link {
        font-size: 1.6rem;
        margin: 0 1rem;
    }

    .navbar-nav .select-lang a.nav-link {
        padding: 0 2rem;
    }

    .product-category {
        width: 25rem;
        height: 30rem;
    }
}

@media (min-width: 1140px) and (max-width: 1199.98px) {
    .navbar .logo img {
        max-width: 15rem;
    }

    .navbar-nav {
        padding-left: 17rem;
    }

    .navbar-nav a.nav-link {
        font-size: 1.4rem;
        margin: 0 1rem;
    }

    .navbar-nav .select-lang a.nav-link {
        padding: 0 2rem;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    
    /* Header */
    .navbar .logo{
        left: 0;
    }

    .navbar .logo img {
        max-width: 12rem;
    }

    .navbar-nav {
        padding-left: 12rem;
    }

    .navbar-nav a.nav-link {
        font-size: 1.4rem;
        margin: 0 0.7rem;
    }

    .navbar-nav .nav-burger {
        padding: 0 1.5rem;
    }

    .navbar-nav .select-lang a.nav-link {
        padding: 0 1.5rem;
    }

    .navbar-nav .search a.nav-link {
        padding: 0 1rem;
    }

    .sub-menu-burger-wrapper .socials{
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .headband .breadcrumb {
        top: 0.5rem;
        left: 11rem;
    }

    /* Home */
    #home-history .tomate-basilic{
        display: none;
    }

    .product-category {
        width: 20rem;
        height: 28rem;
    }

    /* Recettes */
    #current-recette h1 {
        font-size: 4rem;
    }

    /* Footer */
    .social a {
        margin-left: 0.5rem;
    }

}

@media (min-width: 1140px){
    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0;
    }
}

@media (min-width: 992px){

    /* Modal */
    .modal-lg, .modal-xl {
        max-width: 960px;
    }
}

@media (max-width: 991.98px) {

    /*--------------------------------------------------------------
    # General
    --------------------------------------------------------------*/
    
    /* Override bootstrap */
    .navbar-expand-lg {
        flex-flow: wrap;
        align-items: start;
    }

    .order-lg-0 {
        -ms-flex-order: 3;
        order: 3;
    }

    .navbar-expand-lg .navbar-toggler {
        display: block;
    }

    .navbar-expand-lg .navbar-collapse{
        display: block !important;
    }

    .navbar-expand-lg .navbar-collapse.collapse:not(.show) {
       display: none !important;
    }

    .navbar-expand-lg .navbar-nav {
        -ms-flex-direction: column;
        flex-direction: column;
    }

    /* Navbar */
    .navbar{
        height: 9rem;
    }

    .navbar .logo{
      left: 50%;
      transform: translate(-50%, 0);
    }

    .navbar .logo img{
      width: 15.5rem;
    }

    .navbar-toggler,
    .navbar-right{
        width: 50%;
        height: 100%;
    }

    .navbar-toggler-icon {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
        margin-right: 7.75rem; /* (15.5/2) -> .navbar .logo img */
        background-image: none;
        display: inline-block;
        width: 3rem;
        height: 2rem;
        position: relative;
        -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;
    }

    .navbar-toggler-icon span{
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #1E5034;
        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;
    }

    .navbar-toggler-icon span:nth-child(1) {
      top: 0px;
    }

    .navbar-toggler-icon span:nth-child(2) {
      top: 0.9rem;
    }

    .navbar-toggler-icon span:nth-child(3) {
      top: 1.8rem;
    }

    .navbar-toggler.open .navbar-toggler-icon span:nth-child(1) {
      top: 0.9rem;
      -webkit-transform: rotate(135deg);
      -moz-transform: rotate(135deg);
      -o-transform: rotate(135deg);
      transform: rotate(135deg);
    }

    .navbar-toggler.open .navbar-toggler-icon span:nth-child(2) {
      opacity: 0;
      left: -30px;
    }

    .navbar-toggler.open .navbar-toggler-icon span:nth-child(3) {
      top: 0.9rem;
      -webkit-transform: rotate(-135deg);
      -moz-transform: rotate(-135deg);
      -o-transform: rotate(-135deg);
      transform: rotate(-135deg);
    }



    .navbar-right .navbar-nav .nav-burger,
    .navbar-right .navbar-nav .select-lang{
        display: none;
    }

    .navbar-right .navbar-nav .search{
        text-align: center;
        border: 0;
        height: 100%;
    }

    .navbar-right .navbar-nav .search .nav-link{
        padding: 0;
        margin: 0;
        margin-left: 7.75rem; /* (15.5/2) -> .navbar .logo img */
    }

    /* Languages */
    .navbar-collapse .select-lang-wrapper{
        position: relative;
        display: inline-block;
        padding: 0;
        height: auto;
        margin: 2rem 4rem;
    }

    .navbar-collapse .select-lang-wrapper #languages{
        display: flex;
        align-items: center;
        text-transform: uppercase;
        font-size: 1.2rem;
        font-weight: 600;
        padding: 1rem 1.5rem;
        border: 0.1rem #EDF0EE solid;
        border-radius: 2rem;
    }


    .navbar-collapse .select-lang-wrapper.show #languages {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        /*border: solid 1px #666;*/
        border-bottom: none;
    }

    .navbar-collapse .select-lang-wrapper.show .dropdown-menu {
        width: 100%;
        min-width: auto !important;
        padding: 0 !important;
        text-transform: uppercase;
        font-size: 1.2rem;
        border: 0.1rem #EDF0EE solid;
        border-radius: 2rem;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top: none;
    }

    .navbar-collapse .select-lang-wrapper .dropdown-item{
        padding: 0.5rem 1.5rem;
    }

    .navbar-collapse .select-lang-wrapper .dropdown-item:hover{
        background-color: #EDF0EE;
    }


    /* Main menu */
    .navbar-collapse{
        background-color: #FFF;
        overflow-y: auto;
        padding-top: 5rem;
    }

    .navbar-collapse a.nav-link{
        color: #2C2C2C;
        font-size: 3rem;
        margin: 0;
        padding: 0;
        white-space: normal;
    }

    .navbar-collapse .navbar-nav {
        padding: 0 4rem;
        height: auto;
    }

    .navbar-collapse .nav-item,
    .navbar-collapse .nav-item.dropdown
    {
        /*font-family: "CantataOne";*/
        font-family: "Barlow", sans-serif;
        font-weight: 400;
        font-style: normal;
        padding: 3rem 0;
        border-bottom: 0.1rem solid rgba(177,177,177,0.2);
    }

    .navbar-collapse .nav-item:last-child{
        border-bottom: 0;
    }

    .navbar-collapse .nav-item.dropdown{
        display: flex;
    }

    .navbar-collapse .navbar-nav .dropdown-menu{
        display: block;
        position: fixed;
        /*height: 100%;*/
        height: 100vh;
        overflow-y: auto;
        background-color: #FFF;
        left: -100%;
        top: 9rem;
        z-index: 1040;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        padding: 0 4rem;
        padding-top: 7rem;
        font-family: "Open Sans", sans-serif;
        padding-bottom: 10rem;
    }

    .navbar-collapse .navbar-nav .dropdown-menu .row > div{
        padding: 0;
    }

    .navbar-collapse .navbar-nav .dropdown-menu a{
        display: block;
        font-size: 2.2rem;
        margin: 0;
        white-space: normal;
        padding: 1.8rem 0;
        border-bottom: 0.1rem solid rgba(177,177,177,0.2);
    }

    .navbar-collapse .navbar-nav .dropdown-menu a.back{
        font-size: 2.4rem;
       font-weight: 800;
    }

    .sub-menu-nav ul.two-column {
        margin-left: 0;
        list-style-type: none;
        padding: 0;
    }

    .sub-menu-nav ul.two-column li{
        margin: 0;
        width: 100%;
    }

    .sub-menu-nav.salades img{
        width: 100px !important;
    }

    .navbar-collapse .navbar-nav .dropdown-menu .row > div:last-child a{
        border-bottom: 0
    }

    .navbar-collapse .navbar-nav .dropdown-menu a.chevron{
        color: #2C2C2C;
        border-bottom: 0;
    }

    .navbar-collapse .navbar-nav .dropdown-menu.show{
        left: 0;
    }

    .navbar-collapse .sub-menu-burger-wrapper{
        position: relative;
        display: block;
        float: none;
        border: 0;
        background-color: #F7F7F7;
        padding: 4rem;
    }

    .navbar-collapse .navbar-nav span.chevron{
        font-size: 3rem;
        padding-left: 2rem;
    }

    .navbar-collapse .sub-menu-burger-wrapper .container,
    .navbar-collapse .sub-menu-burger-wrapper ul{
        margin: 0;
    }

    .navbar-collapse .sub-menu-burger-wrapper li{
        margin: 0;
        margin-bottom: 4rem;
    }


    /* Home : Products Categories */
    .product-categories{
        width: 64rem;
        margin: 0 auto;
    }

    /* Header */
    .headband {
        height: calc(100vw * 0.45);
    }

     /* Recettes */
    #current-recette h1 {
        font-size: 4rem;
    }

    /* Actualités */
    .headband.page-produits h1, .headband.page-actualites h1 {
        font-size: 5rem;
    }
}

@media (max-width: 991.98px) {

    .navbar-collapse .sub-menu-burger-wrapper .socials{
        padding: 0;
        padding-top: 4rem;
        border-top: 0.1rem solid rgba(177,177,177,0.2);
        padding-bottom: 5rem;
    }
    .navbar-collapse .sub-menu-burger-wrapper .socials li{
        margin-bottom: 2rem;
    }

    /* Header */
    .headband .breadcrumb,
    #only-breadcrumb{
        display: none;
    }

    .navbar ul.arrow:before {
        left: -3.2rem;
    }

    /* Home */
    .carousel-caption h1, .carousel-caption h2 {
        font-size: 4rem;
    }

    .bons-plans{
        margin-top: -16rem;
    }

    .btn-bons-plans {
        width: 16rem;
        height: 16rem;
        font-size: 2rem;
    }

    .custom-slick-prev {
        left: -4rem;
    }

    .custom-slick-next {
        right: -4rem;
    }

    #home-engagements {
        padding: 5rem 0;
        background-color: #b4dec3;
    }

    #home-engagements .bloc-engagements::before,
    #home-engagements .bloc-engagements.f2::before {        
        background: none;
    }

    #home-engagements .bloc-engagements {
        padding: 3rem;
        height: auto;
        margin-bottom: 6rem;
    }

    #home-engagements .picture {
        margin-top: 4rem;
    }

    #home-engagements .bloc-engagements .element-menthe {
        position: absolute;
        left: -3rem;
        top: -12.5rem;
        transform: rotate(340deg);
        width: 15rem;
    }

    #home-engagements .bloc-engagements .home-heading {
        padding-left: 0;
        margin-top: 2rem;
    }

    #home-engagements .bloc-engagements.f2 .home-heading {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    #home-engagements .bloc-engagements .element-badge {
        bottom: -4em;
        width: 14rem;
    }

    #home-engagements .bloc-engagements .element-huile {
        right: -3rem;
        bottom: -6rem;
        width: 20rem;
    }

    #home-recettes {
        padding-top: 0;
    }

    #home-recettes .home-heading{
        padding: 0 3rem;
    }

    #rayon-traiteur p {
        font-size: 2.8rem;
        line-height: 3.6rem;
        letter-spacing: 0;
    }

    /* Footer */
    footer .socials{
        margin-top: 5rem; 
    }

    footer .legal{
        margin-top: 5rem;
    }

    footer ul.arrow:before {
        left: 2rem;
    }

    /*Cookies */
	#cookie_directive_container ul li {
        margin-bottom: 0.75rem;
    }

}


@media (max-width: 767.98px) {
    
    /* Page */
    .page-wrapper h2 {
        font-size: 3.2rem;
    }

    /* Search */
    .search-input input {
      color: #fff;
      font-size: 3rem;
    }

    .search-box.open .search-input {
        transform: translate(2rem, 0);
    }

    /* Home */
    #home-slider .carousel-item .img-fluid {
        width: auto;
        height: 58rem;
        max-width: none;
    }

    #home-slider .carousel-item.no-translate .img-fluid {
        width: 100%;
        height: auto;
    }

    #home-slider .carousel-item:not(.no-translate) .img-fluid {
        transform: translate(-30%, 0%);
    }

    #home-slider .carousel-caption h1,
    #home-slider .carousel-caption h2 {
        font-size: 3.8rem;
        line-height: 1.3;
        margin-bottom: 4rem;
    }

    #home-slider .carousel-control-next,
    #home-slider .carousel-control-prev{
        display: none;
    }

    #home-products{
        padding-top: 0;
    }

    .bons-plans {
        margin: 0;
        padding: 0;
        max-width: none;
    }

    .btn-bons-plans {
        width: 100%;
        height: auto;
        border-radius: 0;
        transform: none;
        padding: 3rem 0;
        box-shadow: none;
    }

    .btn-bons-plans br{
        display: none;
    }

    .home-heading{
        margin-top: 4rem;
    }

    .product-categories{
        width: 30rem;
        margin: 0 auto;
    }
    .product-category{
        margin: 0;
    }

    .product-categories .element-persil{
        left: -25rem;
        top: -13rem;
    }

    .product-categories .element-citron {
        right: -25rem;
        top: initial;
        bottom: -5rem;
        -webkit-transform: rotate(60deg);
        -moz-transform: rotate(60deg);
        -o-transform: rotate(60deg);
        transform: rotate(60deg);
    }



    /* Home Slider */
    .slick-dotted.slick-slider {
        margin-bottom: 4rem;
    }



    #home-history{
        padding: 5rem 0;
        text-align: center;   
    }

    #home-history .home-heading p {
        margin-top: 4rem;
        letter-spacing: 0;
    }

    #home-history .picture {
        margin-top: 4rem;
        margin-right: 0;
    }

    #home-recipes {
        padding: 8rem 0;
        text-align: center;
    }

    #home-recipes .menthe {
        right: -20rem;
        top: 42rem;
    }

    #home-recipes .home-heading {
        margin-top: 8rem;
    }

    #home-recipes h2 {
        letter-spacing: 0;
        padding: 0 3.5rem;
    }

    #home-recipes .huile {
        display: none;
    }

    #home-recipes .semoule {
        left: -15rem;
        bottom: -15rem;
    }

    #home-recipes .raisins {
        left: initial;
        right: -2rem;
        top: -6rem;
    }

    #home-contact {
        padding-top: 2rem;
        padding-bottom: 6rem;
    }

    /* Engagement Details */
    #engagement-infos .infos {
        margin-top: 8rem;
    }

    /* Footer */
    footer .list-unstyled li {
        margin-bottom: 2rem;
    }

    footer .socials {
        margin-top: 0;
    }
}

@media (max-width: 575.98px) {

    .page-wrapper.op{
        padding-top: 4rem;
        background: #23613E;
    }

    /* Page Loisirs */
    .page-wrapper.op h2.text-green{
        font-size: 2.5rem;
        color: #FFF;
        margin-bottom: 2rem;
    }
    
    /* Headband */
    .headband {
        height: calc(100vw * 1.066);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
    }

    .headband.page-produits.nouveautes,
    .headband.page-produits.salades,
    .headband.page-produits.taboules,
    .headband.page-produits.vegetal{
       height: calc(100vw * 0.5); 
    }

    .headband.page-entreprise:before{
        background-image: url(../img/headband/mobile/notre-entreprise.jpg);
        /*background-position: 60% 0;*/
    }

    .headband.page-histoire:before {
        background-image: url(../img/headband/mobile/notre-histoire.jpg);
    }

    .headband.page-saga:before {
        background-image: url(../img/headband/mobile/notre-saga-publicitaire.jpg);
    }

    .headband.page-engagements:before {
        background-image: url(../img/headband/mobile/nos-engagements.jpg);
    }

    .headband.page-recettes:before {
        background-image: url(../img/headband/mobile/recettes.jpg);
    }

    .headband.page-produits:before {
        background-image: url(../img/headband/mobile/produits.jpg);
    }

    .headband.page-actualites:before {
        background-image: url(../img/headband/mobile/actualites.jpg); 
    }

   .headband.page-sponsoring:before {
        background-image: url(../img/headband/mobile/nos-sponsoring-partenariats.jpg); 
    }
    
    /* Slider */
    #home-slider .carousel-caption.recrutement{
        margin-top: 6rem
    }

    #home-slider .btn-lg {
        padding: 1.5rem 2rem;
        border-radius: 3rem;
        font-size: 1.2rem;
    }

    /* Home */
    #home-contact .instagram-feed img{
        margin-bottom: 4rem;
    }

    #home-links a:not(.last){
        margin-bottom: 6rem;
    }

    #home-history .tomate-basilic {
        left: -11rem;
    }

    #home-recipes .menthe {
        right: -22rem;
        top: 28rem;
    }

    #home-recipes .raisins {
        right: -7rem;
    }

    #home-recipes h2 {
        padding: 0 2rem;
    }


    /* Pages */
    .headband .w-75{
        width: 80% !important;
    }

    .headband h1,
    .headband.page-produits h1 {
        font-size: 4.5rem;
    }


    /* Entreprise */
    #company-values {
        padding: 6rem 0;
    }

    #company-values h2 {
        margin-top: 4rem;
    }

    .page-wrapper .intro.big {
        font-size: 2.6rem;
    }

    .services .row:not(:last-child) {
        margin-bottom: 0;
    }   

    .services .d-flex{
        flex-direction: column;
    }

    .services .icon-circle{
        margin-bottom: 2rem;
    }

    .services p{
        margin-left: 0;
        font-size: 1.6rem;
        margin-bottom: 6rem;
    }

    #company-engagements {
        padding-top: 6rem;
    }

    #company-engagements .recolte{
        margin-top: 6rem;
    }

    #company-engagements {
        padding-bottom: 35rem;
    }

    #company-interview{
        padding-bottom: 15rem;
    }

    #company-interview .bloc-interview {
        position: absolute;
        top: -20rem;
        left: 0;
        padding: 0 3rem;
    }

    #company-discover .element-fueilles-olivier {
        left: -12rem;
        top: -10rem;
    }

    #company-discover .picture .overlay h3 {
        font-size: 3.2rem;
    }

    /* Histoire */
    #history-intro {
        padding: 6rem 0;
    }


    #history-intro h2 {
        margin-bottom: 4rem;
    }

    /* Timeline */
    .timeline .row{
        position: relative;
        z-index: 1;
    }

    .timeline h2 {
        font-size: 5rem;
        margin-top: 3rem;
        background-color: #F7F7F7;

    }

    .timeline h3,
    .timeline p {
        margin: 4rem auto;
        width: 80%;
        background-color: #F7F7F7;
        padding: 2rem 0;
    }

    #saga-timeline {
        background-color: #F7F7F7;
    }

    .timeline .col-11{
        background-color: #F7F7F7;
    }

    /* Engagements */
    .secondary-nav {
        display: none;
    }

    .page-wrapper.produits .secondary-nav,
    .page-wrapper.actualites .secondary-nav
    {
        display: block;
    }

    .page-wrapper.produits .filters, .page-wrapper.actualites .filters {
        flex-direction: column;
    }


    .engagements-list{
        overflow: hidden;
    }

    #intro-engagements h3{
        margin-bottom: 4rem;
    }

    #intro-engagements .irreprochables h3 {
        margin: 10rem 0;
    }
    
    #intro-engagements .points{
        margin-left: 0;
        padding: 4rem 2rem;
    }

    #intro-engagements .points li {
       flex-direction: column;
    }

    #intro-engagements .points .icon-circle{
        margin: 0;
        margin-bottom: 2rem;
    }
    
    #intro-engagements .picture .element-basilic {
        right: 0;
    }

    /* Recette */
    #current-recette{
        padding-bottom: 0;
    }

    #current-recette h1{
        font-size: 3.8rem;
        padding: 0;
    }

    #current-recette .resume{
        margin: 0;
        padding: 3rem 2rem;
        flex-direction: column;
    }

    #current-recette .resume .list-inline-item{
        flex-direction: column;
    }

    #current-recette li .icon-circle{
        margin: 0;
        margin-bottom: 2rem;
    }

    #current-recette .infos:not(.last){
        margin-bottom: 4rem;
    }

    #current-recette .ingredients {
        padding: 3rem 2rem;
    }

    #current-recette .left ul{
        text-align: left;
    }

    #current-recette .element-persil {
        bottom: -17rem;
    }

    #current-recette .preparation {
        padding: 6rem 0;
        border-top: 0;
    }

    .recettes-list {
        padding: 6rem 0;
        padding-bottom: 0;
    }

    /* Produits */
    #side-menu {
        max-width: 100%;
    }

    #btn-filters{
        left: 2rem;
        top: 44.5rem;
    }

    #produits-list h2{
        font-size: 3.2rem;
        padding: 0 1.5rem;
    }

    #produits-list h2 a{
        font-size: 2.6rem;
    }

    #produits-list .bottom {
        padding: 6rem 1.5rem;
        padding-bottom: 0;
    }

    #produits-list .produits:after {
		right: 0;
	}

    /* Produits Single */
    #current-produit h1 {
        font-size: 3.8rem;
    }

    #current-produit h1 span{
        font-size: 2.5rem;
    }

    #current-produit .details .pictos{
        flex-direction: column;
    }
    #current-produit .details .pictos img:not(:last-child) {
        margin: 0;
        margin-bottom: 2rem;
    }

    #current-produit .picture{
        width: 90%;
        margin-top: 4rem;
    }

    #current-produit .picture .element-traits {
        width: 5rem;
        right: -6rem;
        bottom: 7.5rem;
    }

    #current-produit .details {
        padding-right: 0;
        margin-top: 8rem;
    }

    #current-produit .picture .packaging img {
        width: 12rem;
    }

    #current-produit .details .infos {
        text-align: left;
    }

    #current-produit .vn-wrapper{
        margin-left: -15px;
        margin-right: -15px;
    }

    #current-produit .vn {
        padding: 4rem;
        font-size: 1.4rem;
        border-radius: 0;
        text-align: left;
    }

    #current-produit .vn h2 {
        font-size: 3.2rem
    }

    #current-produit .vn .poids {
        font-size: 1.4rem;
    }

    #current-produit .vn li{
        border-bottom: 0.1rem solid rgba(255,255,255,0.2);
    }

    #current-produit .decouvrez{
        display: none;
    }

    /* International */
    #histoire .title,
    #gammes .title,
    #certifications .title,
    #logistique .title{
        font-size: 3.8rem;
    }

    .btn-contact{
        display: none;
    }

    #histoire .produits .element-voiture,
    #logistique .socials .element-assiette{
        display: none;
    }

    #histoire .produits::before{
        width: 0;
    }

    /* Actualites */
    #last-news .published-on{
        margin-top: 2rem;
    }

    /*Actualites single */
    #current-news h1 {
        font-size: 3.2rem;
        padding: 0;
    }

    #current-news .breadcrumb, #current-news .breadcrumb a {
        font-size: 1rem;
    }

    #current-news .last-news .thumb, #current-news .last-news .thumb a {
        width: 9rem;
    }

    #current-news .last-news h3{
        font-size: 1.6rem;
    }
}

    .news-list {
        padding: 4rem 0;
    }


    /* Food Service */
    #histoire .title {
        margin-bottom: 4rem;
    }

    #intro{
        padding: 0 1.5rem;
    }

    #intro .overlay{
        position: relative;
        top: initial;
        left: initial;
        width: 100%;
        text-align: center;
    }

    #intro .overlay h3 {
        font-size: 2rem;
        color: #2c2c2c;
        margin-top: 2rem;
    }

    #gammes .intro {
        margin-bottom: 0;
    }

    #gammes .patisseries-salees .element-basilic,
    #gammes .title .element-menthe{
        display: none;
    }

    /* Sponsoring & partenariats */
    #team .citation blockquote,
    #partenariats-locaux h3{
        margin-top: 2rem;
        font-size: 2.5rem;
    }

    #team .citation .picture .element-traits{
        display: none;
    }

    #team .slide h2 {
        font-size: 7rem;
        text-align: left;
    }

    #team .pilotes .d-flex,
    #partenariats-locaux .clubs-sportifs{
        flex-wrap: wrap;
    }

    #team .pilotes .d-flex > div{
        margin: 4rem 2rem;
    }

    #team .pilotes img{
        width: 12rem;
        height: 12rem;
    }

    #partenariats-locaux h2,
    #partenariats-locaux h3,
    #partenariats-solidaires h2,
    #partenariats-solidaires h3{
        padding-left: 15px;
        padding-right: 15px;
    }

    #partenariats-locaux .clubs-sportifs .club{
        width: 10rem;
        height: 10rem;
        margin-bottom: 2rem;
    }

    #partenariats-locaux .clubs-sportifs .club img{
        width: 80%;
    }


    /* Travaillons ensemble */
    #culture .collaborateurs h2 {
        margin-top: 4rem;
    }

    #culture .element-olives {
        right: -15rem;
        top: -2rem;
    }

    #culture .valeur-rh{
        margin-bottom: 4rem;
    }

    #metiers .schema .point{
        display: none;
    }

    #metiers .schema img{
        width: 100%;
    }

    #metiers .schema > .point.achats{
        left: calc(62.58% - 1.8rem);
        top: calc(0.78% - 1.8rem);
        display: block;
    }

    #metiers .schema > .point.approvisionnement{
        left: calc(62.58% - 1.8rem);
        top: calc(7.75% - 1.8rem);
        display: block;
    }

    /*
    #metiers .schema > .point.informatique{
      left: calc(20.8rem - 1.8rem);
      top: calc(21.1rem - 1.8rem);
    }

    #metiers .schema .point.qualite{
      left: calc(85.5rem - 1.8rem);
      top: calc(21rem - 1.8rem);
    }*/

    #metiers .schema .point.laboratoire{
      left: calc(62.58% - 1.8rem);
      top: calc(24.50% - 1.8rem);
      display: block;
    }

    #metiers .schema .point.service-reglementation{
      left: calc(62.58% - 1.8rem);
      top: calc(40.50% - 1.8rem);
      display: block;
    }

    /*#metiers .schema .point.infirmiere){
      left: calc(50.7rem - 1.8rem);
      top: calc(54.7rem - 1.8rem);
    }*/

    #metiers .schema .point.maintenance{
      left: calc(73.75% - 1.8rem);
      top: calc(54.90% - 1.8rem);
       display: block;
    }

    #metiers .schema .point.comptabilite{
      left: calc(95% - 1.8rem);
      top: calc(72.10% - 1.8rem);
      display: block;
    }

    #metiers .schema .point.rh{
      left: calc(64.9% - 1.8rem);
      top: calc(81.93% - 1.8rem);
      display: block;
    }


    #metiers .schema .point.force-vente{
      left: calc(62.58% - 1.8rem);
      top: calc(87.50% - 1.8rem);
      display: block;
    }

    #metiers .schema .point.marketing{
      left: calc(89.5% - 1.8rem);
      top: calc(91.65% - 1.8rem);
       display: block;
    }

    #metiers .schema .point.export{
      left: calc(62.58% - 1.8rem);
      top: calc(97% - 1.8rem);
      display: block;
    }


    .custom-modal .modal-metier .description{
      padding-bottom: 0;
    }

    .custom-modal .modal-metier .quote{
        margin-top: 4rem;
    }

    .custom-modal .modal-metier blockquote {
        left: 2rem;
        top: 10rem;
        font-size: 1.5rem;
        width: 85%;
    }


    #offres .candidature .icon-circle {
        width: 5rem;
        height: 5rem;
        margin-right: 2rem;
    }

    #offres .candidature {
        display: block;
        padding: 2rem;
        font-size: 1.6rem;
    }

    /* Footer */
    footer .logo img{
        margin-bottom: 4rem;
    }

    footer .socials {
        margin-top: 3rem;
    }

    footer .legal {
        margin-top: 3rem;
    }

    /*--------------------------------------------------------------
    # Carottes 100% françaises
    --------------------------------------------------------------*/
    #carottes .block .line{
        display: none;
    }

    #carottes .pack img{
        width: 80%;
    }

    #carottes img.full-width{
        width: 100%;
    }

}