/* Desktop */
@media (min-width: 1441px) and (max-width: 1919px){
    
}
@media (min-width: 900px) and (max-width: 1550px){
    header .navbar-nav a{
            margin: .5rem 1.5rem;
    }
    footer .col-sm-3 {
        width:auto;
        padding: 0 !important;
    }
    .space.tarifs-bloc{
        padding: 0;
    }
    header .container-fluid {
        padding: 0 3%;
    }
    .bloc-icone-list{
        padding-left: 10%;
        padding-right: 10%;
    }
    footer .container-fluid .row {
        justify-content: space-evenly;
    }
    .grid-color {
        padding: 0 8%;
    }
    .grid-color .bloc-white {
        padding: 0 2rem;
    }
    h2.spec1{
        font-size: 2.1rem;
    }
    .archive .conseil-home{
        padding: 0 2%;
    }
    .archive .conseil-home article {
        padding: 0 .5rem;
    }
    .bloc-contenu{
        padding-left: 13%;
        padding-right: 13%;
    }
}
@media (min-width: 768px) and (max-width: 1366px){
    .archive .conseil-home{
        padding: 0 2%;
    }
    .bloc-contenu{
        padding-left: 13%;
        padding-right: 13%;
    }
    .archive .conseil-home article {
        padding: 0 .5rem;
    }
    h2.spec1{
        font-size: 1.8rem;
    }
    .grid-color .bloc-white {
        padding: 0 2rem;
    }
    header .container-fluid {
        padding: 0 2.5%;
    }
    .grid-color {
        padding: 0 8%;
    }
    header .navbar-nav a{
        margin: .5rem .8rem;
    }
     .space.tarifs-bloc{
        padding: 0;
    }
    .bloc-icone-list{
        padding-left: 10%;
        padding-right: 10%;
    }
    footer .col-sm-3 {
        width:auto;
        padding: 0 !important;
    }
     footer .container-fluid .row {
        justify-content: space-evenly;
    }
}

/* Mobile */
@media only screen and (max-width: 1180px) {
   .mobile{
        display: block !important;
    }
    .desktop{
        display: none !important;
    }
    header .navbar-brand{
        width: 70px;
        height: 50px;
        margin: 0;
    }
    header .navbar-brand object{
        width: 70px;
    }
    header .navbar,header.scroll-sticky .navbar {
        padding: .5rem 0;
    }
    #site-header.scroll-sticky .navbar-brand {
        top: 0;
        left: 0;
        transform: scale(1);
        opacity: 1;
        height: 50px;
        width: 70px;
    }
    #site-header.sticky {
        opacity: 1;
    }
    body.scroll-sticky #site-header {
        background: #fff;
        width: 100%;
        left: 0;
    }
    header .mob-info{
        display: flex;
        align-items: center;
    }
    header .mob-info .g-offcanvas-toggle{
        margin-right: 2rem;
        font-size: 1.5rem;
    }
    header .mob-info a{
        display: inline-block;
        color: #07102a;
        font-size: 1.5rem;
        margin-right: 21px;
    }
    .open header .mob-info a,.open header .mob-info .g-offcanvas-toggle{
        color: #fff;
    }
    header .mob-info .tel{
        font-size: 1.2rem;
    }
    .wrap-content{
        margin-top: 66px;
    }
    html.open{
        overflow: hidden;
    }
    #navbarSupportedContent.navbar-collapse{
        display: block;
    }
    #navbarSupportedContent{
        background: #4875ff;
        width: 13rem;
        color: #fff;
        position: fixed;
        left: 0;
        top: 0;
        height: 100vh;
        padding-top: 100px;
        z-index: 1;
        transform: translateX(-13rem);
        transition: all .3s ease-in-out;
        overflow: hidden;
    }
    #navbarSupportedContent a{
        font-size: 1rem;
        line-height: 1.2rem;
        color: #fff;
        margin: .5rem 0;
        padding: 0 1rem;
        width: 100%;
        display: block;
        font-weight: 700;
    }
    #navbarSupportedContent.open{
        transform: translateX(0);
    }
    .content-slide {
        padding: 2rem 1.5rem 0 1.5rem;
        width: 100%;
        margin-left: auto !important;
        margin-right: 0 !important;
    }
    .slider-home {
        height: auto;
    }
    .slider-home .items .content {
        width: 100%;
        padding: 3rem 1rem;
        text-align: center;
    }
    .slider-home .items .content h2, .slider-home .items .content h1{
        margin-bottom: 0;
        font-size: 2rem;
    }
    .slider-home .items .lotties {
        width: 85%;
        padding: 0;
        height: 100%;
        margin: 0 auto;
    }
    .slider-home .items .content p{
        font-size: 1.5rem;
    }
    .slider-home .items .content a{
        font-size: 1.3rem;
    }
    .relative h2{
        font-size: 5rem;
        width: 100vw;
        text-align: center;
        line-height: 4rem;
    }
    .titre-fond{
        font-size: 42vw;
    }
    .bloc{
        width: 100%;
    }
    .carousel-home {
        height: 455px;
        width: calc(100% - 2rem);
        margin-left: 1rem;
        margin-right: 1rem;
        margin-bottom: 50px;
    }
    .content-carousel .dots-container{
        display: none;
    }
    .carousel-home .items .box {
        width: 100%;
        padding: 0 2rem 0 2rem;
        height: auto;
    }
    .carousel-home .items{
        flex-direction: column;
    }
    .carousel-home .items .imgs::after {
        background: #3474e3;
        height: 400px;
        width: 100%;
    }
    .carousel-home .items .content {
        width: 70%;
        margin: 0 auto;
    }
    .carousel-home .items .content h3 p{
        font-size: 1.2rem;
        line-height: 1.35;
        width: 100%;
        margin-bottom: 1rem;
    }
    .carousel-home .items .content div{
        width: 100%;
        font-size: 1.5rem;
        text-align: left;
        line-height: 1.5rem;
    }
    .navs {
        left: 50%;
        top: 50%;
        transform: translate(-50%);
        height: 40px;
        flex-direction: row;
        width: 87%;
    }
    .content-carousel .prev-arrow {
        transform: rotate(-90deg);
    }
    .content-carousel .next-arrow {
        transform: rotate(270deg);
    }
    .alignwide {
        width: 100vw;
        margin: 0 auto;
        justify-content: center;
    }
    .bloc-services .blocs{
        flex-direction: column;
    }
    .bloc-services .blocs > div{
        flex-basis: 100%;
    }
    .bloc-services .contents {
        padding: 0 1rem;
        text-align: center;
    }
    .bloc-services{
        flex-wrap: wrap !important;
    }
    .bloc-services .blocs img {
        height: 150px;
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .bloc-services .blocs h3 {
        font-size: 2.5rem;
    }
    .bloc-services .blocs p {
        font-size: 1.5rem;
        line-height: 1;
    }
    .cta-bloc {
        padding: 50px 2rem;
        text-align: center;
    }
    .cta-bloc h2{
        font-size: 2rem;
        line-height: 1.2;
    }
    .cta-bloc p{
        margin-bottom: 2rem;
    }
    footer .container-fluid .row > div {
        padding: 0 5%;
        text-align: center;
        margin-bottom: 2rem;
    }
    footer .copyright {
        margin-top: 0;
        margin-bottom: 0 !important;
    }
    .titre-mob{
        margin-top: 50px;
    }
    .titre-mob h2{
        font-size: 3rem;
        line-height: 0.9;
    }
    .grid-item img{
        height: 300px;
    }
    .carousel-home.page-interne{
        width: calc(100% - 2rem);
        margin-left: 1rem;
        margin-right: 1rem;
    }
    .banniere-home .row{
        min-height: auto;
    }
    .btn-mob{
        text-align: center;
    }
    .btn-mob .btn-custom{
        margin: 2rem 0 0 0 ;
    }
    .banniere-simple{
        margin-top: 2rem;
    }
    .bloc-icone-list .are-vertically-aligned-center > .wp-block-column:nth-child(1){
        flex-basis: 15% !important;
    }
    .bloc-icone-list .are-vertically-aligned-center > .wp-block-column:nth-child(2){
        flex-basis: 75% !important;
    }
    #navbarSupportedContent .sub-menu li{
        list-style: none;
    }
    #navbarSupportedContent .sub-menu{
        margin: 0;
        padding: 0;
        background: #4875ff;
        width: 13rem;
        position: absolute;
        top: 0;
        right: -13rem;
        padding-top: 100px;
        height: 100vh;
        transition: all .5s ease-in-out ;
    }
    #navbarSupportedContent .menu-item-has-children{
        display: flex;
        align-items: center;
    }
    #navbarSupportedContent .menu-item-has-children button{
        border: 1px solid #4f86e7;
        background: #2268e1;
        border-radius: .1875rem;
        margin: -.3rem 1rem -.2rem .5rem;
        padding: .2rem;
        z-index: 1;
        position: relative;
         transition: all .5s ease-in-out ;
    }
    #navbarSupportedContent .menu-item-has-children button:after {
        padding: 0;
        content: "\f105";
        color: #fff;
        opacity: 1;
        width: 1rem;
        display: inline-block;
        text-align: center;
        line-height: normal;
        font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome;
        font-weight: 900;
    }
    #navbarSupportedContent .menu-item-has-children.open .sub-menu{
        right: 0;
    }
    #menu-menu-principal li > a{
        transition: all .5s ease-in-out ;
    }
    #menu-menu-principal.open li > a{
        transform: translateX(-100%);
    }
    #menu-menu-principal.open li > button{
        position: relative;
        transform: translateX(-13rem);
    }
    #menu-menu-principal.open li .sub-menu a{
        transform: inherit;
    }
    #menu-menu-principal button.back{
        margin: -.3rem 0 0.8rem 1rem !important;
        transform: rotate(180deg);
    }
    #menu-menu-principal .back::after{
        display: block;
        text-align: center;
        width: 1.28571em;
        font-family: "Font Awesome 5 Pro", "Font Awesome 5 Free", FontAwesome;
        font-weight: 900;
        content: "";
        opacity: .5;
    }

}
@media (min-width: 768px) and (max-width: 1180px){
    .carousel-home .items {
        flex-direction: row;
    }
    .carousel-home .items .imgs::after {
        height: 400px;
        top: initial;
    }
    .carousel-home .items .box{
        width: 50%;
    }
    .tarifs-bloc:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 0 !important;
    }
    .tarifs-bloc .bloc {
        padding: 1rem;
    }
    .tarifs-bloc .bloc.color1{
        right: -3rem;
    }
    .tarifs-bloc .bloc.color3{
        left: -3rem;
    }
    .tarifs-bloc .bloc.color4{
        left: -6rem;
    }
    .conseil-home .row:nth-child(1){
        flex-direction: column-reverse;
    }
    .conseil-home .row .col-sm-6,.conseil-home .top .col-sm-4{
        width: 100%;
    }
    .conseil-home .model-3 article img{
        height: 300px;
    }
    .conseil-home h2{
        text-align: center !important;
    }
    .conseil-home .wp-block-buttons.is-content-justification-right,.conseil-home .btn-custom2 {
        justify-content: center;
    }
     .navs {
        width: 94%;
    }
}
@media (min-width: 768px) and (max-width: 1180px) and (orientation: landscape){
   
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
   
}
@media only screen and (max-width: 428px) {
   .banniere-home{
        width: 85vw;
   }
   .bloc-contenu{
        padding: 0 1rem;
   }
   .carousel-home.page-interne .items .imgs img {
        width: 80%;
        height: 70%;
        margin-left: 0;
    }
    .wp-block-spacer{
        height: 50px !important;
    }
    #bottom-nav{
        display: none !important;
    }
    .banniere-home{
        position: relative;
        margin-top: 110px;
    }
    .banniere-home .row > div:nth-child(2){
        width: 145px;
        height: 105px;
        position: absolute;
        right: 0;
        top: -45px;
    }
    .banniere-home img{
        position: relative;
        width: 100%;
        height: 100%;
        top: 0;
    }
    #breadcrumbs a,#breadcrumbs .breadcrumb_last,#breadcrumbs {
        font-size: .8rem;
    }
    #breadcrumbs{
        margin-bottom: 1rem;
    }
    .banniere-home h1{
        text-align: center;
        font-size: 2.3rem;
    }
    .bloc-contenu h2{
        font-size: 2rem;
        text-align: center;
    }
    .banniere-home p{
        font-size: 1rem;
        text-align: center;
    }
    .bloc-contenu {
        font-size: 1rem;
    }
    .bloc-icone-list{
        padding: 0 1rem;
        margin-bottom: 2rem;
    }
    .bloc-icone-list  .is-layout-flex{
        flex-wrap: wrap !important;
    }
    .bloc-icone-list h2{
        font-size: 2rem;
        text-align: center;
    }
    .bloc-icone-list h2 br{
        display: none;
    }
    .tarifs {
        flex-wrap: wrap !important;
    }
    .tarifs .wp-block-column{
        flex-basis: 100% !important;
    }
    .bloc-icone-list .are-vertically-aligned-center{
        flex-wrap: nowrap !important;
    }
    .tarifs h2{
        font-size: 2rem;
        text-align: center;
    }
    .tarifs p {
        padding-top: 0;
        font-size: .9rem;
    }
    .space.tarifs-bloc {
        padding: 0 1rem;
        flex-wrap: wrap !important;
    }
    .tarifs-bloc .bloc.color1 {
        top: 0;
        right: 0;
        transform: rotate(1deg);
    }
    .tarifs-bloc .bloc.color2{
        transform: rotate(-1deg);
        top: 0;
    }
    .tarifs-bloc .bloc.color3{
        left: 0;
        transform: rotate(1deg);
    }
    .tarifs-bloc .bloc.color4 {
        transform: rotate(-1deg);
        top: 0;
        left: 0;
    }
    .tarifs-bloc .bloc p span{
        font-size: 1.5rem;
    }
    .tarifs-bloc .bloc ul li {
        font-size: .85rem;
    }
    .btn-custom2 a,.btn-custom-1 a{
        font-size: .9rem;
    }
    .conseil-home .row:nth-child(1){
        flex-direction: column-reverse;
    }
    .conseil-home h2{
        font-size: 2rem;
        text-align: center;
    }
    .conseil-home .wp-container-core-buttons-is-layout-765c4724,.conseil-home .btn-custom2 {
        justify-content: center;
    }
    .conseil-home .btn-custom2 a{
        font-size: 1.2rem;
    }
    .conseil-home article {
        padding-left: 0;
    }
    .conseil-home article a{
        flex-direction: column;
    }
    .conseil-home article a img {
        width: 250px;
        height: 200px;
    }
    .conseil-home article a div {
        width: 100%;
        padding: 1rem 1rem 0 1rem;
    }
    .conseil-home .top {
        margin-top: 2rem;
    }
    .grid-items.titre {
        width: 100%;
    }
    .grid-sizers, .grid-items {
        width: 100%;
    }
    .conseil-home .model-3 h2{
        margin-bottom: 2rem;
    }
    .bloc-contenu .alignwide,.bloc-contenu > div {
        width: 100%;
    }
    .grid-color{
        flex-wrap: wrap !important;
        padding: 0 1rem;
        margin-bottom: 1.5rem;
    }
    h2{
        font-size: 2.8rem;
    }
    .bloc-grid-2 > div{
        width: 100%;
    }
    .bloc-grid-2 h2{
        text-align: center;
    }
    .grid-color .bloc,.grid-color .color3{
        margin: 0 !important;
        width: 100%;
    }
    .grid-color p{
        font-size: 1rem;
    }
    .bloc-grid-2 .btn-custom-1{
        margin-top: 2rem;
    }
    .grid-color .bloc-white {
        padding: 0;
    }
    .content-form {
        width: 80% !important;
    }
    .content-form .form-field {
        display: flex;
        flex-direction: column;
    }
    .content-form .form-field p {
        width: 100%;
    }
    .content-form .btn-custom-1{
        margin-left: 0;
    }
    .banniere-simple h1{
        font-size: 3.5rem;
    }
    .banniere-simple{
        width: 90%;
    }
    
}
@media only screen and (max-width: 320px) {
    
}