/* mobile phone */
@media screen and (max-width : 767px) {
 
    .d-xs-none { display: none; }
    

    .btn-style-1{
        font-size: 1.2rem;
    }

   

    /* --- slider ---------*/
    
    #home-slider{
        height: 250px;
    }

    #home-slider .slider__title{
        max-height: 60%;
        width: auto;
        max-width: 35%;
    }

    #home-slider .slider__title h4{
        font-size: 0.8rem;
    }

    
   
    
    #home-slider .slick-arrow {
        font-size: 1.8rem;
    }


    #home-slider .slider__title .more{
        width: 100%;
    }

    #home-slider .slider__title .more span{
        font-size: 0.8rem;  
    }

    #home-slider{
        margin-bottom: 0;
    }

    #home-slider.slider .slide img{
        bottom: 0;
        top: auto;
        transform: translate(-50%, 0);
    }


    /* sections ---------- */
    .section{
        margin: 10px auto 10px;
    }

    /* ----- .item ----*/
    .item {
        margin-bottom: 5% !important;
    }

   


    /* ---- #a-la-une -------*/

    #a-la-une .bloc__left,
    #a-la-une .bloc__right{
        padding: 0;
    }

    /* ---- programme ----------*/

    #programme .programme__row{
        padding: 0;
    }

   

    
    
    /* footer */

    footer .footer__links ul{
        text-align: center;
    }
    footer .logo-container img{
        width: 100%;
    }

    #page-programme .item.programme.big{
        display: none;
    }

    #content_box #pratique-tabs-slider-arrows button{
        font-size: 3rem;
        color: rgb(184, 184, 184);
    }

    .gallery-small .outcount:before{
        font-size: 50px;
    }

   
}

/* from small portrait phone sm */
@media screen and (min-width : 576px) {
    .reinsurance-item{
        width: 49%;
    }
}
/* tablet portrait md */
@media screen and (max-width : 992px) {
 
     /* menu mobile */
     header #menu{
        padding: 2% 0;
    }

    header #menu ul.navbar-nav{
        width: 100%;
        padding: 0;
        border-top: 1px solid rgb(179, 179, 179);
    }

    header #menu li{
        margin: 0;
        width: 100%;
        font-size: 1.3rem;
        padding: 1% 0 0;
        border-bottom: 1px solid rgb(179, 179, 179);
    }

   

    header #menu .dropdown-toggle::before{
        content: '-';
        font-weight: 900;
        font-size: 1.6rem;
        margin-right: 5px;
    }
    header #menu .dropdown-toggle::after{
        display: none;
    }

    header #menu li:not(.dropdown)::after{
        content: '>';
        font-weight: 900;
        font-size: 1.6rem;
     
        position: absolute;
        right: 2%;
        top:0;
        margin-top:5px;
    }

    header #menu ul.dropdown-menu{
        position: relative;
        -webkit-box-shadow: none;
                box-shadow: none;
    }

    header #menu ul.dropdown-menu li:last-child{
        border:none;
    }


   /* newsletter ----*/
   #newsletter-register input{
    padding: 4%;
    margin-bottom: 5%;
    }

    .item.video:not(.big){
        /*height: 400px;*/
    }


    .download-btn {

        font-size: 1rem;

    }

    .download-btn i{

        font-size: 1.5rem;
    }
        
}


/* tablet lg */
@media screen and (min-width : 768px) {
 	.d-xs-block { display: none; 
}

@media screen and (min-width : 992px) {
 header #menu li a{
        margin-left : 2%;
        position: relative;
    }
}

h3{
    /*font-size: 1rem;*/
}

.btn-style-1{
    font-size: 1rem;
}

#home-slide{
    height: 400px;
}

#home-slider .slider__title h4{
    font-size: 1.2rem;
    line-height: 1.5rem;
}

#home-slider .more span {
font-size: 0.8rem;
}

 #home-slider .slider__title.top_right,
 #home-slider .slider__title.bottom_right {
     right: 10%;
 }
 #home-slider .slider__title.top_left,
 #home-slider .slider__title.bottom_left {
     left: 10%;
 }
 .item.programme .date{
     min-width: 30%;
 }
 .item.programme.big h4{
     width: 60%;
 }
 .item.programme.big .date{
     width: 40%;
      font-size: 1.3rem;
      
  }
  .item.programme.big .details{
      width: 40%;
  }
  .item.programme.single .informations{
      font-size: 1.5rem;
  }
  
 #page-programme .item.programme.big{
     display: block;
 }
 .bio .bio__content {
     width: 80%;
 }
 .item.programme.single,
 .item.programme.big,
 .list .item.big
 {
     height: 400px;
 }

 .list .item:not(.big),
 #page-programme .item.programme:not(.big){
     
    height: 250px;
 }
 .list .item:not(.big) {
     width: 49%;
 }
 #page-programme .item.programme:not(.big){
     width: 49%;
     z-index: 1;
     /*margin-right: 0.5%;*/
 }
 #page-programme .item.programme:not(.big):nth-child(odd){
 }
 #page-programme .item.programme:not(.big):nth-child(even){
     /*margin-left: 1%;*/
 }
 #page-programme .item.sizer{
     width: 49%;
     height: 250px;
     z-index: : 0;
     position: relative;
 }
 #page-programme .place-btn{
     width: 45px;
     height: 45px;
     border-radius: 45px;
     font-size:  1.5rem;
     line-height: 55px;
    
 }
 #page-programme .place-tooltip{
     width: 400px;
     left: -180px;
     top: calc(100%);
     position: absolute;
     bottom: auto;
 }

 #page-programme .place-alert {
     font-size: 1.5rem;
 }
 #page-programme .place-btn .place-tooltip-inner::before{
     /*display: inline-block;*/
     
 }
 #page-single-personne .bio__avatar___container{
     float: left;
     width: 150px;
     height: 150px;
     border-radius: 150px;
     margin: 1rem 1rem 1rem 0;
 }
 
 #page-home .list .item{
     width: 33.3333%;
 }
 #page-home.page-content{
     position: relative;
 }
 .list .item img:not(.avatar) {
     width: auto;
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);

.rinsurance-item{
 width: 30%;

.rinsurance-item{
 margin-right: 1.5%;

.pice-tickets-row.tickets-2 .price-ticket{
 width: 49%;

.pice-tickets-row.tickets-3 .price-ticket{
 width: 32%;

.pice-ticket__header{
 font-size: 1rem;

.pice-ticket__price .price {
 font-size: 2.5rem;

#nwsletter-register p{
 text-align: left;

#nwsletter-register div:first-child{
 margin-bottom: 0;


@mdia screen and (min-width: 1024px){
 #same-articles .items__row{
     height: 200px;
 }
 
 #top-bar p {
     font-size: 1rem;
 }

/*xl large screen */
@mdia screen and (min-width : 1201px) {

 #home-slider{
     height: 600px;
 }
 #home-slider .slider__title {
     max-width: 20%;
 }
 #home-slider .slider__title h4{
     font-size: 1.6rem;
     line-height: 2rem;
 }
 h1, .h1{
     /*font-size: 3.2rem;*/
     font-size: 2.75rem;
 }
 h2{
     /*font-size: 2.3rem;*/
     font-size: 2.5rem;
 }
 header #menu {
     font-size: 1.2rem;
 }
 .item.programme.big .date{
     width: 30%;
     font-size: 1.6rem;
  }
  .item.programme.big h4{
      width: 70%;
  }
  .item.programme.big .details{
      width: 30%;
  }
  .item:not(.big) .categories span,
  .item:not(.big) .categories a{
      font-size: 0.7rem;
  }
  .item.programme.single, 
  .item.programme.big,
  .list .item.big{
     height: 500px;
 }
 .list .item:not(.big),
 #page-programme .item.programme:not(.big)
 {
     height: 350px;
 }
 
 #page-single-personne .bio__avatar___container{
     float: left;
     width: 200px;
     height: 200px;
     border-radius: 200px;
 }
 .reinsurance-item{
     width: 15%;
 }
 .reinsurance-item:last-child{
     margin-right: 0;
 }
 .price-ticket__header{
     font-size: 1.3rem;
 }
 .price-ticket__price .price {
     font-size: 3rem;
 }
 #same-articles .items__row{
     height: 250px;
 }
}}