/* 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 li a{
        margin-left : 2%;
        position: relative;
    }

    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; }

    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%);
}
.reinsurance-item{
    width: 30%;
}
.reinsurance-item{
    margin-right: 1.5%;
}

.price-tickets-row.tickets-2 .price-ticket{
    width: 49%;
}
.price-tickets-row.tickets-3 .price-ticket{
    width: 32%;
}

.price-ticket__header{
    font-size: 1rem;
}

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

#newsletter-register p{
    text-align: left;
}
#newsletter-register div:first-child{
    margin-bottom: 0;
}

}

@media screen and (min-width: 1024px){
    #same-articles .items__row{
        height: 200px;
    }

    
    #top-bar p {
        font-size: 1rem;
    }
}

/* xl large screen */
@media 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;
    }
}}