@media only screen and (min-width: 768px) and (max-width: 1366px){
    header .navbar-nav > li {
        margin: 0 30px 0 30px;
    }
    footer .btn-custom2 {
        font-size: 15px;
    }
    #specialite .nom{
        font-size: 17px;
    }
    #specialite ul li{
        width: 18.7%;
    }
}
/* V-mobile */
@media only screen and (max-width: 1080px) {
    /* Referer cas */
    #banniere-cas {
        margin-bottom: 40px;
        margin-top: 150px;
    }
    #banniere-cas h1 {
        font-size: 35px;
        line-height: 45px;
    }
    #cas .team > div {
        margin-bottom: 40Px;
    }
    #cas .img {
        margin: 0 auto 15px auto;
    }
    #cas .title {
        font-size: 20px;
        line-height: 36px;
    }
    #cas .call-cta {
        margin: 0 auto 30px auto;
        width: 100%;
        padding: 20px 15px;
        font-size: 18px;
    }
    #cas .btns a{
        font-size: 18px;
        margin: .5rem;
    }
    #cas .call-cta a{
        font-size: 15px;
    }

    #temoignages .liste-temoin li .content p{
        min-height: auto;
    }
    #actus .liste-actus li .content {
        font-size: 18Px;
        line-height: 28px;
        padding-bottom: 5px;
    }
    #temoignages .liste-temoin li .content .titre, #temoignages .liste-temoin li .content h3{
        font-size: 25px;
        line-height: 35px;
    }
    #upline{
        display: none !important;
    }
    header{
        top: 0;
    }
    #offres.equipe .liste-equipe .boxs .nom{
        font-size: 25px;
        line-height: 30px;
    }
    header .navbar-nav > li{
        height: auto;
        display: block;
    }
    header .navbar-nav li button{
        border: solid #48b0cd;
        border-width: 0 3px 3px 0;
        display: inline-block;
        padding: 3px;
        vertical-align: middle;
        transform: rotate(45deg);
        margin-left: 1rem;
        background: transparent;
        border-radius: 0;
        
    }
    header .sub-menu{
        position: relative;
        top: inherit;
        width: 100%;
    }
    .sc-404 .wp-txt-center h1{
        font-size: 100px;
        line-height: 120px;
    }
    header .navbar-brand img{
        width: 80px!important;
    }
    header .navbar-toggler{
        border: none;
    }
    header .navbar-toggler:focus{
        outline: none;
        box-shadow: none;
    }
    #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: #48b0cd;
        border-radius: 0;
        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: 14px;
    }
    #nav-icon1 span:nth-child(3) {
        top: 27px;
    }
    #nav-icon1.open span:nth-child(1) {
        top: 18px;
        -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: 18px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    #banniere {
        margin-top: 99px;
        margin-bottom: 30px;
        height: 300px;
    }
    header .navbar-expand-xl .navbar-collapse {
        position: absolute;
        top: 100%;
        width: 100%;
        background: #fff;
        left: 0;
        padding: 2rem 0;
        text-align: center;
    }
    header .navbar-nav {
        margin-right: 0;
    }
    header .navbar-nav li::after{
        bottom: 0;
    }
    header .navbar-nav > li {
        margin: 0 30px 1rem 30px;
        padding-bottom: .5rem;
    }
    h1,#equipement .titre {
        font-size: 35px;
        line-height: 45px;
    }
    #temoignages .liste-temoin li .box-img h3,#image-contenu .titre,#detail-equipe .titre{
        font-size: 30px;
        line-height: 40px
    }
    h2,h3,#temoignages .liste-temoin li .content .titre,#equipe h3,#formulaire h3,#formulaire .right-content .tel,#valeur .box .titre,#offres.equipe .liste-equipe .box2 .titres,
	#satformcode h3, #satformcode .right-content .tel{
        font-size: 25px;
        line-height: 35px;
    }
    #formulaire .right-content .tel,
    #satformcode .right-content .tel{
        margin-top: 30px;
    }
    #formulaire.contact .right-content .tel,
    #satformcode.contact .right-content .tel{
        margin-top: 0px;
    }
    #services .nav-tabs li button{
        font-size: 20px;
        line-height: 25px;
        padding: 20px 15px;
    }
    #banniere p,#temoignages p,body,html,#temoignages .liste-temoin li .content p,#temoignages .liste-temoin li .content .nom,#services p,#services .content p,#equipe p,#actus p,#actus .liste-actus li .content p,
    #cta p,#offres p,#formulaire p,#formulaire form .form-control,#formulaire .right-content p,#formulaire .right-content .mail,#valeur p,#valeur .box p,#offres.equipe .liste-equipe .boxs .nom p,
    #offres.equipe .liste-equipe .box2 p,#image-contenu p,#detail-equipe p,#detail-equipe .linkedin li,#equipement p,
	#satformcode p, #satformcode form .form-control, #satformcode .right-content p, #satformcode .right-content .mail{
        font-size: 18px;
        line-height: 25px;
    }
    #image-contenu .sous-titre,#detail-equipe .sous-titre,#equipement .sous-titre{
        font-size: 21Px;
        line-height: 31Px;
    }
    #temoignages .liste-temoin {
        margin: 10px 0 0 0;
    }
    #temoignages .liste-temoin li .content .titre img {
        margin-bottom: 15px;
        /* height: auto !important; */
        width: 40px !important;
    }
    #services {
        padding: 40px 0;
    }
    #actus .liste-actus {
        margin: 20px 0 40px 0;
    }
    #actus .liste-actus li{
        margin: 0;
    }
    #actus .liste-actus li .box-img{
        height: 250px;
    }
    footer .logos {
        width: 150px;
    }
    footer {
        padding: 40px 0 20px 0;
    }
    #copyright .content p{
        font-size: 15px;
    }
    footer .menus li a,footer, footer .mail{
        font-size: 15px;
        line-height: 25px;
    }
    #banniere.page{
        margin-bottom: 30px;
        margin-top: 96px;
    }
    #offres .box{
        padding: 0 15px;
    }
    #offres .box .imgs{
        height: 300px;
    }
    #formulaire, #satformcode{
        padding: 40px 0;
    }
    #formulaire .form-check-label ,
    #satformcode .form-check-label {
        font-size: 13px;
        line-height: 20px;
    }
    #formulaire.contact form,
    #satformcode.contact form{
        width: 100%;
    }
    #formulaire.contact form .btn-custom2,
    #satformcode.contact form .btn-custom2{
        font-size: 18px;
    }
    #temoignages.services .liste-temoin li .content {
        padding: 30px 15px 25px 15px;
    }
    #offres.equipe .liste-equipe .boxs .nom,#similaire .liste-equipe .boxs .nom{
        opacity: 1;
    }
    #offres.equipe .bot .box2{
        padding: 0 15px;
    }
    #offres.equipe .bot .box2 p br{
        display: none;
    }
    #similaire {
        padding: 40Px 0;
    }
    #similaire .liste-equipe .slick-dots li.slick-active button{
        background: #f48f00;
    }
    #offres h3{
        margin-bottom: 10px;
    }
    #offres.equipe .bot .box2 p {
        font-size: 17px;
        line-height: 29px;
    }
    #offres.equipe .liste-equipe {
        margin: 0;
    }
    #decouvrir p{
        font-size: 22px;
    }
    #decouvrir .content{
        margin-top: 20px;
        height: auto;
    }
    #equipe {
        padding: 50px 0;
    }
    #offres.equipe {
        background-size: 164px 117px;
    }
    #actus {
        background-size: 159px 100px;
    }
    #temoignages .liste-temoin li .content p br,#valeur .box p br{
        display: none;
    }
    #valeur{
        background-size: 144px 270px;
    }
    #equipe.page-team {
        padding: 100px 0;
    }
    #detail-equipe {
        background-size: 164px 117px;
    }
    #similaire .liste-equipe .boxs img{
        height: 250px;
    }
    #similaire p,#specialite p {
        font-size: 20px;
        line-height: 25px;
    }
    #cta.pole {
        padding: 50px 0;
    }
    #equipement {
        padding: 30px 0 30px 0;
    }
    #equipement ul::after {
        content: none;
    }
    #offres.recrute .box{
        padding: 0;
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    #wpsl-search-btn, #wpsl-search-wrap div,#wpsl-search-wrap form{
        flex-direction: column;
    }
    #wpsl-search-wrap .wpsl-input label{
        text-align: center;
    }
    #wpsl-search-wrap div,#wpsl-search-wrap input{
        margin-top: .5rem;
    }
    #maps {
        margin-bottom: 0;
    }
    #similaire .liste-equipe li {
        list-style: none;
        width: 30.4%;
    }
    #image-contenu .fond{
        height: 300px;
        margin-bottom: 1rem;
    }
    #image-contenu .row{
        flex-direction: column-reverse;
    }
    #image-contenu .row > div{
        width: 100%;
    }
    #image-contenu .content {
        padding-right: 15px;
    }
    #image-contenu.inverse .content {
        padding-left: 15px;
        padding-right: 15px;
    }
    #image-contenu.inverse .row {
        flex-direction: column-reverse;
    }
    #formulaire h2,#formulaire .right-content .tel,
    #satformcode h2,#satformcode .right-content .tel{
        font-size: 20px;
        line-height: 30px;
    }
    #services .content > div:nth-child(1) {
        padding: 0 1rem 0 1rem;
    }
    #actus .liste-actus li {
        margin: 0 15px 0 0;
        width: calc(33.33% - 15px);
    }
    #actus .liste-actus li .box-img {
        height: 200px;
    }
    footer .row > div:nth-child(1){
        width: 100%;
        margin-bottom: 1rem;
    }
    footer .row > div:nth-child(2){
        width: 41.33%;
        margin-bottom: 1rem;
    }
    footer .row > div:nth-child(3){
        width: 33.33%;
        margin-bottom: 1rem;
    }
    footer .row > div:nth-child(4){
        width: 25%;
    }
    #offres.equipe .liste-equipe li {
        width: 30.9%;
    }
    #offres.team .liste-equipe .boxs img{
        height: 250px;
    }
    #offres.equipe .liste-equipe li:nth-child(4n) {
        margin-right: 10px;
    }
    #temoignages .liste-temoin li .box-img{
        height: 250px;
    }
    #decouvrir .content .row > div {
        padding: 3rem 80px;
    }
    #temoignages {
        background-size: 144px 270px;
    }
    #specialite ul li {
        width: 30.7%;
        margin-right: 18px !important;
    }
    #equipement ul li {
        width: 30.9%;
        margin-right: 25px;
    }
    #cas .call-cta,#cas .call-cta a{
        font-size: 20px;
    }
    #cas .img {
        width: 220px;
        height: 220px;
    }
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
    #specialite ul li {
        width: 46.4%;
        margin-right: 18px !important;
    }
    #valeur .box-img{
        height: 150px;
    }
    #valeur .num {
        height: 100Px;
        width: 100Px;
        font-size: 60px;
    }
    #wpsl-search-btn, #wpsl-search-wrap div,#wpsl-search-wrap form{
        flex-direction: column;
    }
    #wpsl-search-wrap .wpsl-input label{
        text-align: center;
    }
    #wpsl-search-wrap div,#wpsl-search-wrap input{
        margin-top: .5rem;
    }
    #wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
        width: 100% !important;
    }
    #maps {
        margin-bottom: 0;
    }
    #similaire .liste-equipe{
        display: block;
    }
    #formulaire .row > div,
    #satformcode .row > div{
        width: 100%;
    }
    #services .content > div {
        width: 100%;
    }
    #services .content {
        flex-direction: column-reverse;
    }
    #services .content .box {
        min-height: 150px;
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-bottom: 1rem;
    }
    #services .content > div:nth-child(1) {
        padding: 0 1rem 0 1rem;
    }
    .liste-actus .slick-dots,.liste-offres .slick-dots,.liste-equipe .slick-dots{
        margin: 2rem 0 0 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .liste-equipe .slick-dots{
        margin-top: 0;
    }
    .liste-actus .slick-dots li,.liste-offres .slick-dots li,.liste-equipe .slick-dots li{
        width: auto !important;
        margin: 0 2px !important;
        list-style: none;
    }
    .liste-actus .slick-dots li button,.liste-offres .slick-dots li button,.liste-equipe .slick-dots li button{
        border: none;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background: #212121;
        font-size: 0;
    }
    .liste-actus .slick-dots li.slick-active button,.liste-offres .slick-dots li.slick-active button,.liste-equipe .slick-dots li.slick-active button{
        background: #48b0cd;
    }
    footer .row > div{
        width: 100%;
        margin-bottom: 1rem;
    }
    #formulaire form,
    #satformcode form{
        width: 100%;
    }
    #offres .box{
        margin-bottom: 0;
    }
    #offres .liste-offres{
        display: block;
    }
    #image-contenu .fond{
        height: 250px;
        margin-bottom: 1rem;
    }
    #image-contenu .row{
        flex-direction: column-reverse;
    }
    #image-contenu .row > div{
        width: 100%;
    }
    #image-contenu .content {
        padding-right: 15px;
    }
    #image-contenu.inverse .content {
        padding-left: 15px;
        padding-right: 15px;
    }
    #image-contenu.inverse .row {
        flex-direction: column-reverse;
    }
    #temoignages .liste-temoin li .box-img{
        height: 200px;
    }
    #decouvrir .content .row > div {
        padding: 2rem;
    }
    #cta .phone{
        font-size: 25px;
        line-height: 30px;
    }
    #offres.team .liste-equipe .boxs img {
        height: 250px;
    }
    #equipement ul li {
        width: 47%;
        margin-right: 15px;
        margin-bottom: 1.5rem;
    }
}
@media only screen and (max-width: 428px){
    #equipement ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.5rem;
    }
    #temoignages {
        background-size: 100px 200px;
    }
    #decouvrir .content{
        flex-wrap: wrap;
    }
    #offres.equipe .liste-equipe li{
        margin-right: 0;
    }
    #offres.equipe .bot .box-img {
        width: 100%;
        height: 200px;
    }
    #offres.equipe .bot .box2{
        width: 100%;
        height: auto;
        padding: 2rem 15px;
    }
    #wpsl-search-btn, #wpsl-search-wrap div,#wpsl-search-wrap form{
        flex-direction: column;
    }
    #wpsl-search-wrap .wpsl-input label{
        text-align: center;
    }
    #wpsl-search-wrap div,#wpsl-search-wrap input{
        margin-top: .5rem;
    }
    #wpsl-stores, #wpsl-direction-details, #wpsl-gmap {
        width: 100% !important;
    }
    #maps {
        margin-bottom: 0;
    }
    #similaire .liste-equipe{
        display: block;
    }
    #services .content .box{
        height: 250px;
        min-height: auto;
    }
    #offres .liste-offres{
        display: block;
    }
    #formulaire form,
    #satformcode form{
        width: 100%;
    }
    footer .menus li {
        width: 100%;
    }
    #offres .box{
        margin-bottom: 0;
    }
    #cta .box{
        margin-bottom: 1rem;
    }
    #temoignages .liste-temoin li {
        flex-direction: column-reverse !important;
    }
    #temoignages .liste-temoin li > div,#services .content > div {
        width: 100%;
    }
    #temoignages .liste-temoin li .box-img{
        height: 200px;
    }
    #temoignages .liste-temoin li .box-img h3{
        text-align: center;
    }
    #services .nav-tabs{
        margin-bottom: 2rem;
    }
    #services .content {
        flex-direction: column-reverse;
    }
    #services .content > div:nth-child(1) {
        padding: 1rem 1rem 0 1rem;
    }
    .liste-actus .slick-dots,.liste-offres .slick-dots,.liste-equipe .slick-dots{
        margin: 2rem 0 0 0;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
    }
    .liste-equipe .slick-dots{
        margin-top: 0;
    }
    .liste-actus .slick-dots li,.liste-offres .slick-dots li,.liste-equipe .slick-dots li{
        width: auto !important;
        margin: 0 2px !important;
        list-style: none;
    }
    .liste-actus .slick-dots li button,.liste-offres .slick-dots li button,.liste-equipe .slick-dots li button{
        border: none;
        width: 10px;
        height: 10px;
        border-radius: 100%;
        background: #212121;
        font-size: 0;
    }
    .liste-actus .slick-dots li.slick-active button,.liste-offres .slick-dots li.slick-active button,.liste-equipe .slick-dots li.slick-active button{
        background: #48b0cd;
    }
    footer .row > div{
        margin-bottom: 1rem;
    }
    #image-contenu .fond{
        height: 250px;
        margin-bottom: 1rem;
    }
    #image-contenu .row{
        flex-direction: column-reverse;
    }
    #image-contenu .content {
        padding-right: 15px;
    }
    #image-contenu.inverse .content {
        padding-left: 15px;
        padding-right: 15px;
    }
    #image-contenu.inverse .row {
        flex-direction: column-reverse;
    }
    #detail-equipe .box-img{
        height: 250px;
        margin-bottom: 1rem;
    }
    #detail-equipe .content {
        padding-left: 0;
    }
    #banniere {
        height: 220px;
    }
    #temoignages .liste-temoin{
        flex-wrap: wrap;
    }
    #temoignages .liste-temoin li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    #temoignages .liste-temoin li .content p br{
        display: none;
    }
    #decouvrir .content .row > div{
        position: relative;
        padding: 2rem 0;
        text-align: center !important;
    }
    #decouvrir .content .row > div *{
        position: relative;
        z-index: 1;
    }
    #decouvrir .content .img1,#decouvrir .content .img2{
        z-index: 0 !important;
        position: absolute !important;
        width: 100%;
    }
    #decouvrir .content .img1::after,#decouvrir .content .img2::after{
        content: "";
        background: rgba(0, 0, 0, .5);
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
    }
    .desktop{
        display: none !important;
    }
    .mobile{
        display: block !important;
    }
    #copyright .content p {
        font-size: 14px;
    }
    #cta .box{
        position: relative;
        width: 100%;
        top: inherit;
        height: 200px;
        margin: 0 0 1rem 0;
    }
    #cta .phone{
        font-size: 20px;
        line-height: 25px;
    }
    #cta .row,#detail-equipe .row{
        display: flex;
        flex-direction: column-reverse;
    }
    #cta{
        margin: 0;
    }
    #valeur .box-img{
        height: 200px;
    }
    #offres.team .liste-equipe .boxs img {
        height: 300px;
    }
    #specialite ul li{
        width: 100%;
        margin-right: 0;
    }
    #actus .menus-cat li a {
        padding: 15px;
        text-align: center;
    }
    #formulaire.contact .right-content,
    #satformcode .right-content{
        margin-bottom: 2rem;
    }
}