/* @media (min-width: 768px){
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1  {
    width: 100%;
    *width: 100%;
  }
} */

@media (min-width: 981px) {

}
@media (min-width: 900px) and ( max-width: 1350px ) {


}
@media (min-width: 900px) and ( max-width: 1200px ) {
  .et_pb_row,
  .container{
    width: 95% !important;
  }
  .new-header-mobile .header-top-mobile{
    max-width: 95%;
  }
}
@media (max-width: 900px) {


}

/* @media (min-width: 992px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
} */

/**
 *  The following is not really needed in this case
 *  Only to demonstrate the usage of @media for large screens
 */
/* @media (min-width: 1200px) {
  .seven-cols .col-md-1,
  .seven-cols .col-sm-1,
  .seven-cols .col-lg-1 {
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }
} */
@media (min-width: 1100px) {

}
@media (min-width: 576px) and ( max-width: 767px ){
	.col-md-5,
	.col-md-6,
	.col-md-7,
	.col-sm-5,
	.col-sm-6,
	.col-sm-7{
		width: 100% !important;
	}
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

}


/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait){

}

@media (max-width: 980px) {
  .reverse-col {
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}


@media (max-width: 767px) {


}


/* 2 Columns Mobile */
@media all and (max-width: 767px) {
    .two-col .et_pb_column {
        width:47.25% !important;
    }

    .two-col .et_pb_column:nth-last-child(-n+2) {
        margin-bottom:0;
    }

    .two-col .et_pb_column:not(:nth-child(2n)) {
            margin-right:5.5% !important;
    }
}

/* 3 Columns Mobile */
@media all and (max-width: 767px) {
    .three-col .et_pb_column {
        width:29.6667% !important;
    }

    .three-col .et_pb_column:nth-last-child(-n+3) {
        margin-bottom:0;
    }

    .three-col .et_pb_column:not(:nth-child(3n)) {
        margin-right:5.5% !important;
    }
}

/* 4 Columns Mobile */
@media all and (max-width: 767px) {
    .four-col .et_pb_column {
        width:20.875% !important;
    }

    .four-col .et_pb_column:nth-last-child(-n+4) {
        margin-bottom:0;
    }

    .four-col .et_pb_column:not(:nth-child(4n)) {
        margin-right:5.5% !important;
    }
}

/* 5 Columns Mobile */
@media all and (max-width: 767px) {
    .five-col .et_pb_column {
        width:15.6% !important;
    }

    .five-col .et_pb_column:nth-last-child(-n+5) {
        margin-bottom:0;
    }

    .five-col .et_pb_column:not(:nth-child(5n)) {
        margin-right:5.5% !important;
    }
}

/* 6 Columns Mobile */
@media all and (max-width: 767px) {
    .six-col .et_pb_column {
        width:12.083% !important;
    }

    .six-col .et_pb_column:nth-last-child(-n+6) {
        margin-bottom:0;
    }

    .six-col .et_pb_column:not(:nth-child(6n)) {
        margin-right:5.5% !important;
    }
}


@media (max-width: 980px) {
    .top-bar .et_pb_column {
        width: 47.25% !important;
        margin: 0 !important;
    }
    .top-bar .et_pb_column.et-last-child {
        width: 52.75% !important;
    }
    .liens-header {
        display: none;
    }
    .mega-menu {
        padding-top: 165px !important;
    }
    .mega-menu .top-mega-menu {
        position: fixed;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        background-color: #000;
        z-index: 10;
        padding: 30px 0 !important;

    }
    .mega-menu .top-mega-menu .et_pb_column {
        width: 47.25% !important;
    }
    .mega-menu .top-mega-menu .et_pb_column.et-last-child {
        width: 52.75% !important;
    }

    .section-banniere .ligne-texte-banniere .intro-banniere {
        width: 100%;
    }

    .section-banniere .ligne-texte-banniere .intro-banniere p {
        max-width: 100%;
    }
    .section-banniere .ligne-texte-banniere .intro-banniere h1 {
        font-size: 60px !important;
        line-height: 70px;
    }
    .section-banniere:after {
      background: rgb(247,249,250);
      background: linear-gradient(270deg, rgba(247,249,250,0) 0%, rgba(0,0,0,0.9416141456582633) 100%);
    }
}