@media (max-width: 1300px) { /* PC */

    .slick-dotted.slick-slider {margin-bottom: 10px;}    
    

    .slick-dots{visibility: hidden;display: none;}    
    
    #ban1, #ban2{
        font-size: 14px;
        line-height: 16px;
        bottom: 80px;
        top: unset; 
    }  
    
    #ban3{
        top: 200px;
    }
    
    .slick-list{height: 420px;}
   
    
    #ban1, #ban1.ban1_int, #ban2, #ban2.ban2_int{  font-size: 25px; line-height: 23px;}
    #ban1 span, #ban1 strong, #ban1.ban1_int span, #ban2 strong, #ban2.ban2_int strong { font-size: 22px; }
    #ban2 strong {padding: 5px;}
    #ban3, #ban3.ban3_int { font-size: 25px;}
    
    .prix_sous_eur {font-size: 40px;line-height: 40px;}
    .prix_sous_loc {font-size: 30px;line-height: 40px;}
        
    #ban1 span {text-align: right !important;}
    
    #ban1.ban1_int span{top: 10px;}
    #ban1 span{
    position: relative;
    top: 0;
    font-size: 18px;
    line-height: 18px;
    left: unset;
    font-family: 'robotobold';
    right: unset;
    text-align: center;
    display: block;        
    }
    
       
    
    .delimitation{margin-top: 30px;}
    .banniere-block {
    height: auto;
    }
    
    .footer-exp{width: auto;}
    .ct-footer-slide p::before, .ct-footer-slide p::after{display: none;}
        
}

@media (max-width: 992px) { /* PETIT ECRAN */
        
    /*INDEX*/
    #index{
        width: 100%;
        background: url('../images/index.png') no-repeat top;
          background-size: auto;
        background-size: 100%;    
    }
    #ct_index{top: 40%;}
    .delimitation{margin-top: 10px;}
    
    
    /*HERE START THE MADNESS*/
    
      .slick-list {
        height: 310px;
      }    
    
    #ban1, #ban2 {
        bottom: 40px;    
    }
    
    #ban1, #ban1.ban1_int, #ban2, #ban2.ban2_int {
        font-size: 15px;
        line-height: 13px;
    }
    
    #ban1 span,#ban1.ban1_int span, #ban2 strong, #ban2.ban2_int strong {
        font-size: 14px;
    }
    
    
     #ban3 {
        top: 150px;
      }    
    
    #ban3, #ban3.ban3_int {
        font-size: 15px;
        line-height: 20px;
    } 
    
    #ban3 strong, .prix_sous_eur {
        font-size: 20px;
        line-height: 20px;
      }    
    
      .prix_sous_loc {
        font-size: 15px;
        line-height: 15px;
      }    

    
    
    
    
    
    
    
    
    
}

@media (max-width: 768px) { /* TABLET */    
    .delimitation{margin-top: 0px;}
  .container {
    max-width: 720px;
  }
    
    
    /*MADNESS*/
    #ban3 {
        top: 130px;
    }   
    
    /*INDEX*/
    #ct_index {
      top: 30%;
    }
    
    .index_ndpb{padding: 0 50px;} 
    /*MENU*/
    .menu_accroche{font-size: 16px;top: 7px;left: 110px;width: 210px;}
    .aside{display: none;}
    
    /*BANNIERE*/
        
    .banniere-block{height: auto;}
    
    
    #logo img{width: 110px;}

    
    /*HOME*/
    
    .wrapper {grid-template-columns: repeat(2, 1fr);}
    .ct-video div{width: 100%;margin-bottom: 10px;} 
    .catchphrase{height: auto;font-size: 18px;}
    .footer_sliders{display: none !important;}
    
    /*CONTENT*/
    
    .width-60, .width-65{width: 100%;}
    .pop_up_video .video{width: 90%;}
    
    .width-40{width: 500px;}

    /*EXPERIENCE*/
    .queue_de_bd, .queue_de_bd_alt{display: none;}
    
    
    /*FOOTER*/
    
    footer {left: 0;}
    .content_footer {top: 0;}
}



@media (max-width: 700px) { /* MOBILE */
    
    /*THIS IS MADNESS*/

      .slick-list {
        height: auto;
      }    
    
    #ban1, #ban2 {
    bottom: 40px;
    }    
    
    #ban1, #ban2, #ban3, #ban4 {
        font-size: 12px !important;
        line-height: 12px !important;
        right: 30px;
    }
    
      #ban1 span, #ban1.ban1_int span, #ban2 strong, #ban2.ban2_int strong {
        font-size: 13px;
      }    

    
    /*INDEX*/
    #ct_index {
        position: relative;
        display: block;
        right: unset;
        margin: 0 auto;
        width: 300px;
        top: 300px;
    }    
    
    .wrapper {
        grid-template-columns: repeat(1, 1fr);
    }
    #logo {right: 40px;}
    .menu_accroche{visibility: hidden;}    
    
    
    table td {    
        width: 100% !important;
        display: block;
        height: auto !important;
    }    
    
    colgroup{display: none;}
    
    table tr td:nth-child(2) table tr td{display: table-cell !important;width: 49.5% !important;}
    
    #faq div, #lexique div{width: 100%;}
    .btn-souscrire::after, .cta::after{width: auto;height: auto;}
    
    .flip-card {height:180px;}
    .flip-card .text-doc{font-size: 16px;line-height: 16px;}
    
    
    
    .slick-dotted.slick-slider {margin-bottom: 10px !important;}
    
}


@media (max-width: 650px) {
/*THIS IS SPARTA*/
    #ban1, #ban2, #ban3, #ban4{
        position: relative;
        top: 15px;
        right: unset;
        left: unset;
        text-align: center;
        width: 100%;        
    }    
    
    #ban1, #ban2, #ban3, #ban4 {
        font-size: 16px !important;
        line-height: 16px !important;
    }    
    
    #ban1 span, #ban1.ban1_int span, #ban2 strong, #ban2.ban2_int strong{
        text-align: center !important;
    }    
    
}



@media screen and (max-width: 400px){
	.hide-mobile-inline { display:none; }
	.hide-mobile-block { display:none; }
	.hide-mobile-flex { display:none; }
	.hide-mobile-inline-flex { display:none; }
	.mobile-width-100 { width:100%; }
	
	.inline-block { display:block; }
	.width-1 { width:100%; }
	.width-2 { width:100%; }
	.width-3 { width:100%; }
	.width-4 { width:100%; }
	.width-5 { width:100%; }
	.width-6 { width:100%; }
	.width-7 { width:100%; }
	.width-8 { width:100%; }
	.width-9 { width:100%; }
	.width-10 { width:100%; }
	.width-11 { width:100%; }
	.width-12 { width:100%; }
	.width-13 { width:100%; }
	.width-14 { width:100%; }
	.width-15 { width:100%; }
	.width-16 { width:100%; }
	.width-17 { width:100%; }
	.width-18 { width:100%; }
	.width-19 { width:100%; }
	.width-20 { width:100%; }
	.width-21 { width:100%; }
	.width-22 { width:100%; }
	.width-23 { width:100%; }
	.width-24 { width:100%; }
	.width-25 { width:100%; }
	.width-26 { width:100%; }
	.width-27 { width:100%; }
	.width-28 { width:100%; }
	.width-29 { width:100%; }
	.width-30 { width:100%; }
	.width-31 { width:100%; }
	.width-32 { width:100%; }
	.width-33 { width:100%; }
	.width-34 { width:100%; }
	.width-35 { width:100%; }
	.width-36 { width:100%; }
	.width-37 { width:100%; }
	.width-38 { width:100%; }
	.width-39 { width:100%; }
	.width-40 { width:100%; }
	.width-41 { width:100%; }
	.width-42 { width:100%; }
	.width-43 { width:100%; }
	.width-44 { width:100%; }
	.width-45 { width:100%; }
	.width-46 { width:100%; }
	.width-47 { width:100%; }
	.width-48 { width:100%; }
	.width-49 { width:100%; }
	.width-50 { width:100%; }
	.width-51 { width:100%; }
	.width-52 { width:100%; }
	.width-53 { width:100%; }
	.width-54 { width:100%; }
	.width-55 { width:100%; }
	.width-56 { width:100%; }
	.width-57 { width:100%; }
	.width-58 { width:100%; }
	.width-59 { width:100%; }
	.width-60 { width:100%; }
	.width-61 { width:100%; }
	.width-62 { width:100%; }
	.width-63 { width:100%; }
	.width-64 { width:100%; }
	.width-65 { width:100%; }
	.width-66 { width:100%; }
	.width-67 { width:100%; }
	.width-68 { width:100%; }
	.width-69 { width:100%; }
	.width-70 { width:100%; }
	.width-71 { width:100%; }
	.width-72 { width:100%; }
	.width-73 { width:100%; }
	.width-74 { width:100%; }
	.width-75 { width:100%; }
	.width-76 { width:100%; }
	.width-77 { width:100%; }
	.width-78 { width:100%; }
	.width-79 { width:100%; }
	.width-80 { width:100%; }
	.width-81 { width:100%; }
	.width-82 { width:100%; }
	.width-83 { width:100%; }
	.width-84 { width:100%; }
	.width-85 { width:100%; }
	.width-86 { width:100%; }
	.width-87 { width:100%; }
	.width-88 { width:100%; }
	.width-89 { width:100%; }
	.width-90 { width:100%; }
	.width-91 { width:100%; }
	.width-92 { width:100%; }
	.width-93 { width:100%; }
	.width-94 { width:100%; }
	.width-95 { width:100%; }
	.width-96 { width:100%; }
	.width-97 { width:100%; }
	.width-98 { width:100%; }
	.width-99 { width:100%; }
	.width-100 { width:100%; }
    
    
    
    /*//////////////////////*/
	
    #index {display: block;position: relative;}

    #ct_index {
        position: relative;
        display: block;
        right: unset;
        margin: 0 auto;
        width: 300px;
        top: 200px;
        margin-bottom: 350px;       
    }
    
    .index_ndpb {
      position: relative;
      bottom: unset;
      padding: 0 10px;
    }
    
    .index_sub_msg{display: block;position: relative;}
    
    .burger {top: 25%;}
    
}