@media (max-width: 1199.98px) {

  .text-right{
    font-size: 30px !important;
  }
  .text-left{
    font-size: 30px !important;
  }
  .text-left-presentation{
    font-size: 30px !important;
  }
  .hierarchie-card{
    width: 115px !important;
  }
  .margin{
    margin-bottom: 50px !important;
  }

  .content_image .card-body{
    padding: 0 !important;
  }
  .card-text{
    font-size: 12px !important;
  }

  .point-card{
    display: none !important;
  }
  .card-title{
    font-size: 13.3px !important;
  }
  .content{
    bottom: 85% !important;
  }
  #carouselExampleIndicators-six{
    height: 50% !important;
  }
  .d-flex{
    background-color: #263987;
    width: 100% !important;
    margin-bottom: 50px !important;
  }

  /*PAGE NOTRE SAVOIR FAIRE*/

}




@media (max-width: 991.98px) {
  .text-right{
    font-size: 30px !important;
  }
  .text-left{
    font-size: 30px !important;
  }
  .text-left-presentation{
    font-size: 30px !important;
  } 
  .second-li .margin{
    font-size: 16px !important;
  }
  .margin h1{
    font-size: 18px !important;
  }

  .hierarchie-card{
    width: 85px !important;
    margin: 0 auto;
    flex: none;
  }
  .content-animation{
    margin-bottom: 70px !important;
  }
  .point-card{
    display: none !important;
  }
  .card-title{
    font-size: 12px !important;
  }
  .card{
    margin-bottom: 10px !important;
  }
  .content{
    bottom: 85% !important;
  }

  /*PAGE NOS JEUX*/
/*  .content-carousel-tablette{
    z-index: 2;
    margin-bottom: 50px;
    }*/
    .navbar-nav{
      font-size: 15px !important;
    }
/*  .content-logo img{
    width: 70% !important;
    }*/
  }

  @media (max-width: 767.98px) {
    .text-right{
      font-size: 30px !important;
    }
    .text-left{
      font-size: 30px !important;
    }
    .text-left-presentation{
    font-size: 30px !important;
    }
    .point-card{
      display: none !important;
    }
    .card-title{
      font-size: 10px !important;
    }
    .card-body{
      padding:0.25rem !important;
    }
    .deck-hierarchie{
      width: 75%;
      margin: 0 auto !important;
      margin-bottom: 20px !important;
    }
    .content img{
      width: 80% !important;
    }
    .content{
      bottom: 85% !important;
    }
    .carousel{
      height: 300px !important;
      overflow: hidden !important;
    }
    .title_partenaire h2{
      font-size: 20px !important;
    }
    .resize{
      display: none !important;
    }
    .content-carousel-tablette{
      z-index: 2;
      margin-bottom: 50px;
    }


  }

  @media (max-width: 575.98px) {


    .content-equipe{
      display: none !important;
    }
    .content-equipe-image{
      display: none !important;
    }

    .title{
      margin-top: 50px !important;
    }

    .text-right{
      font-size: 25px !important;
    }
    .text-left{
      font-size: 25px !important;
    }
    .text-left-presentation{
    font-size: 22.25px !important;
    }
    .content-animation-left{
      margin-top: 100px;
    }
    .content-animation-presentation{
      margin-top: 100px;
    }    
    .content_partenaire img{
      width: 100% !important;
      padding-left: 10px;
      padding-right: 10px;
    }
    .title_partenaire h2{
      font-size: 1.5rem !important;
    }
    .card-fleche{
      display: none;
    }
    .card{
      width: 60%;
      margin: 0 auto;

    }
/*  .margin{
    text-align: center;
    }*/
    .card-title{
      font-size: 25px !important;

    }

    .card-body{
      padding: 0 !important;
    }
    .hierarchie-card{
      margin:0 auto;
      margin-bottom: 10px;
    }
    .point-card{
      display: none !important;
    }
    .itsok{
      z-index: 2;
    }
    .itsok::before{
      content: url("images/TRIANGLES/Barre_orange_1.png");
      position: absolute;
      z-index: -1;
      top: 0;
      margin-top: -5px;
      overflow: hidden;
      width: 100%;
    }
    .content-equipe-image::after{
      margin-top: -60px !important;
      z-index: -1 !important;
    }
    .content-image-31{
      margin-top: -50px !important;
      z-index: -1 !important;
      height: 2% !important;

      }.cachecache-deux{

       top: 100px !important;

     }
     .text-accrocheur{
       font-size: 15px !important;
     }
     #myVideo{
       display: none !important;
     }
     /* .content-video{
       background: url("images/TRIANGLES/Capture.png");
     } */
     .video-loader {
      display: none !important;
    }
     .content img{
       width: 80% !important;
     }
     .content-logo img{
       width: 300px !important;
     }

     /*PAGE NOS JEUX*/
     .container-carousel{
      position: inherit !important;
      width: inherit !important;
      height: inherit !important;

    }
    .container-carousel-right{
      position: inherit !important;
      width: inherit !important;
    }
    .flex-deux{
      float: inherit !important;
    }
    .d-flex{
      margin: 0 auto;
    }
    .p-2 .card-title{
      font-size: 15px !important;
    }
    .carousel{
      display: none !important;
    }
    .col-xl-8 h1{
      font-size: 20px !important;
    }
    .col-xl-8 li{
      font-size:16px !important;
    }
    .container-image-doc{
      margin-bottom: 50px !important;
    }
    .container-image-doc p{
      top: 25% !important;
    }
    #main{
      margin-top: 0px;
    }

  }


/* ----------------------------------------------
    INTRO
    ----------------------------------------------*/
    @media (min-width: 1200px) and (max-width: 1800px){
      .bloc-carousel{
        flex: 0 0 41.666667% !important;
        max-width: 41.666667% !important;
      }

      .bloc-txt{
        flex: 0 0 58.333333% !important;
        max-width: 58.333333% !important;
      }
    }

@media (max-width: 1919px) and (min-width: 1355px){
      .margin{
        font-size: 15.35px !important;
      }

      .col-xl-9 h1{
        font-size: 25px !important;
      }
    }

    @media (max-width: 1919px) and (min-width: 992px){
      .margin{
        margin-bottom:30px !important;
      }
      .content-animation-left{
        margin-top: 70px !important;
        margin-bottom:50px !important;
      }
    }

    @media (max-width: 1499px) and (min-width: 992px){
      .margin{
        margin-bottom:25px !important;
      }
      .content-animation-presentation{
        margin-top: 80px !important;
        margin-bottom:35px !important;
      }
    }


    @media (max-width: 1354px) and (min-width: 992px){
      .margin{
        font-size:13px !important;
      }
      .col-xl-9 h1{
        font-size: 25px !important;
      }

    }

    @media (max-width: 1050px) and (min-width: 992px){
      .margin{
        font-size:13.5px !important;
        margin-bottom:20px !important;
      }
      .col-xl-9 h1{
        font-size: 20px !important;
      }
    }

    @media (min-width: 992px) and (max-width: 1499px){
      .bloc-txt .content-title{
        flex: 0 0 91.666667% !important;
        max-width: 91.666667% !important;
      }
    }

    @media (min-width: 1355px) and (max-width: 1499px){
      .bloc-txt .col-xl-9{
        flex: 0 0 83.333333% !important;
        max-width: 83.333333% !important;
      }
    }

    @media (min-width: 992px) and (max-width: 1354px){
      .bloc-txt .col-xl-9{
        flex: 0 0 91.666667% !important;
        max-width: 91.666667% !important;
      }
    }

    /*@media (min-width: 1200px) and (max-width: 1230px){
      .text-left{
        font-size: 45px !important;
      }
    }
    @media (min-width: 1200px) and (max-width: 1230px){
      .text-left-presentation{
        font-size: 45px !important;
      }
    }*/
        @media (min-width: 992px) and (max-width: 1199px){
      .text-left-presentation{
        font-size: 25px !important;
      }
    }

    @media (min-width: 1200px) and (max-width: 1450px){
      .text-left-presentation{
        font-size: 25px !important;
      }
    }

    @media (min-width: 1451px) and (max-width: 1919px){
      .text-left-presentation{
        font-size: 25px !important;
      }
    }

/* ----------------------------------------------
    PRODUIT
    ----------------------------------------------*/

    @media (max-width: 1750px) and (min-width: 1200px){
      .bloc-illustr{
        flex: 0 0 50% !important;
        max-width: 50% !important;
      }
    }

    @media (max-width: 1550px) and (min-width: 1450px){
      .bloc-txt-prod{
        margin-left:50px !important;
      }
      .bloc-txt-prod-l{
        margin-left:-50px !important;
      }
      .container-image-doc p{
        margin-top:-2px;
      }
    }

    @media (max-width: 1449px) and (min-width: 1350px){
      .bloc-txt-prod{
        margin-left:90px !important;
      }
      .bloc-txt-prod-l{
        margin-left:-90px !important;
      }
      .container-image-doc p{
        margin-top:-3px;
      }
    }


    @media (max-width: 1405px) and (min-width: 1350px){
      .bloc-txt-prod h2{
        font-size:55px !important;
      }
    }


    @media (min-width: 1350px){
      .d-xl-min-block {
        display: block!important;
      }
      .content-carousel-tablette, .row-card{
        display:none !important;
      }
      .bloc-carousel{
        display:none !important;
      }

      .mob{
        display: none !important;
      }
    }

    @media (max-width: 1349px){
      .bloc-illustr {
        display: none !important;
      }
      .d-flex{
        background-color: #263987;
        width: 100% !important;
        margin-bottom: 50px !important;
      }

      .bloc-txt-prod, .bloc-txt-prod-l{
        flex: 0 0 83.333333% !important;
        max-width: 83.333333% !important;
      }

      .bloc-txt-prod .col-xl-9, .bloc-txt-prod-l .col-xl-9{
        flex: 0 0 100% !important;
        max-width: 100% !important;
      }

      .justify-content-end{
        justify-content: start !important;
      }

      .desk{
        display: none !important;
      }

    }

    @media (max-width: 1349px) and (min-width: 1000px){
      .container-image-doc{
        flex: 0 0 50% !important;
        max-width: 50% !important;
      }
    }

    @media (max-width: 1200px) and (min-width: 1100px){
      .container-image-doc p{
        margin-top: -2px;
      }
    }

    @media (max-width: 1099px) and (min-width: 1000px){
      .container-image-doc p{
        margin-top: -3px;
      }
    }

    @media (max-width: 999px) and (min-width: 767px){
      .container-image-doc{
        flex: 0 0 66.666667% !important;
        max-width: 66.666667% !important;
      }
    }

    @media (max-width: 767px){
      .row-card {
        display: none !important;
      }

      .bloc-carousel{
        display:none !important;
      }
    }



    @media (max-width: 766px) {
      .container-image-doc{
        flex: 0 0 100% !important;
        max-width: 100% !important;
      }
    }

    @media (max-width: 500px) {
      .container-image-doc p{
        font-size:15px !important;
      }
    }

    @media (max-width: 465px) {
      .container-image-doc p{
        margin-top: -3px;
      }
    }







    @media (max-width:575px){
      .content-logo{
        display:none !important;
      }
    }

    @media (max-width:1350px) and (min-width:1200px){
      .content-logo{
        bottom:91% !important;
      }

      .pad-r, .pad-l{
        padding:0px 50px 0px 50px !important;
      }
    }

    @media (max-width:1199px) and (min-width:765px){
      .content-logo{
        bottom:90% !important;
      }
    }

    @media (max-width:764px) {
      .content-logo{
        bottom:89% !important;
      }
    }

    @media (max-width:1199px){
      .pad-r, .pad-l{
        padding:0px 0px 0px 0px !important;
      }

      .first{
        padding:0px 50px 0px 50px !important;
      }
    }

    @media (max-width: 991px){
      #myVideo {
        display: none !important;
      }
      .video-loader {
        display: none !important;
      }
    }

    @media (min-width: 992px) {
      .hide-on-portrait {
        display: none;
      }
    }