@media screen and (max-width: 1280px) {
    .menu-search{
        width: 30%;
    }
    .container{
        width: 840px !important;
    }
    .event-tarifs-item .msg-warning {
        transform: translateX(26px);
    }
}


@media screen and (max-width: 1200px)  {
    #form-paiement .payment_infos{
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
    }
}
@media screen and (max-width: 1100px)  {
    .menu-search{
        transform: translateX(0);
        left: 390px;
    }
}
@media screen and (max-width: 992px)  {
    .region-container,
    .flag-container,
    .menu-search,
    .menu-container{
        display: none;
    }

    #hamburger-btn{
		display: block;
	}

    .tablette{display: initial;}
    .no-tablette{
        display: none;
    }
    main{
        margin-top: 50px;
    }
    .container{
        width: 100% !important;
        max-width: unset !important;
    }
    .slick-list.draggable{
        width: 100%;
    }
    .slick-list.draggable .slick-track{
        width: 100% !important;
        display: grid;
        justify-content: center;
        grid-template-columns: repeat(auto-fill, 290px);
        transform: translate3d(0,0,0) !important;
        row-gap: 30px;
    }
    .slick-dots{
        display: none !important;
    }
    .slick-slide, .card-event {
        margin: 0px 15px !important;
    }
    .slick-arrow{
        display: none !important;
    }
    .home .eventGrid h2{
        text-align: center;
    }
    .slick-slide:hover{
        transform: translateY(0);
        box-shadow: none;
    }
    .eventGrid{
        margin-bottom: 50px;
    }
    .mobile-menu-connect:last-child {
        display: none;
    }

    #title-event{
        text-align: center;
    }

    .recemment-vu h2:not(.name),.main-content .eventGrid .recommandTitle{
        text-align: center;
    }
    .event-details-container{
        flex-direction: column;
    }
    .event-details-container .img-container,
    .event-details-container .info-event,
    .event-details-container .details{
        margin: 0 auto;
    }

    .event-details-container .details-top{
        margin: 0;
    }
    .event-details-container .img-container{
        margin-bottom: 30px;
    }

    #cardform{
        max-width: 700px !important;
        margin-bottom: 100px;
    }
    .event-tarifs-item .msg-warning{
        transform: translateX(0);
    }
    .code-promo-orange{
        padding: 16px;
    }
    .code-promo-orange .text-lg-start{
        margin-bottom: 16px;
    }
    .event-details-container .description .description-title{
        text-align: center;
        margin-bottom: 20px;
    }
    .event-details-container .card-event-zone{
        left: 50%;
        transform: translateX(-50%);
        margin-bottom: 20px;
    }

    .event-details-container .details{
        width: 95%;
        max-width: 600px;
        margin-bottom: 50px;
    }
    .carousel-inner{
        height: 390px !important;
    }
    
    .carousel-item{
        height: 390px !important;
    }
    
    .carousel-event-img{
        height: 390px;
        max-width: 710px;
    }
    .blur-img{
        height: 250px;
    }
    #mycard *{
        font-size: 13px;
    }
    #modalCart .closePaymentProcess{
        top: 70px;
    }

    #modalCart > .card{
        top: 100px;
    }
    .event-list-item{
        padding: 0;
    }

    .event-list-item .card-event-zone:not(.smallerScreen){
        left: 128px;
        width: calc(100% - 128px);
    }
    .event-list-item-content .img-container{
        width: 120px;
        aspect-ratio: 1;
    }
    .event-list-item-content .text{
        padding-top: 45px;
        width: calc( 100% - 128px);
    }
    .event-list-item:hover{
        box-shadow: none;
    }

    .event-list-item .status-cancel.justify-content-center{
        width: 150px;
    }

    #homeCarousel {
        height: 490px;
    }

    #homeCarousel .noslider{
        height: 390px;
    }
    #logoNoSlider {
        height: 90px;
    }
    #homeCarousel h1{
        font-size: 26px;
    }

}

/*--- tablettes ---*/
@media screen and (max-width: 800px)  {

    .no-tablette{
        display: none;
    }
    .region-container{
        min-width: 70px !important;
    }
    .container{
        width: 90%;
    }

    #account-preference-content .card-event {
        width: 50%;
        margin-bottom: 100px;
    }

    .event-list-item {
        height: initial;
    }

    .infosSubventions .msg {
        font-size: 13px !important;
    }

    .infosSubventions .infos-general {
        font-size: 10px !important;
    }

    .infosSubventions .p {
        font-size: 13px !important;
    }
}


@media (max-width: 768px){
    .event-list-item .card-event-zone:not(.smallerScreen):not(.iframe .event-list-item .card-event-zone){
        display: none;
    }
    .event-list-item-content .text:not(.iframe .event-list-item-content .text) {
        padding: 15px;
        width: 100%;
    }
    .event-list-item .img-container {
        width: 100%;
        height: 260px;
        margin: 0;
    }
    .zoomIn{
        align-items: flex-start;
        padding-top: 50px;
    }

    .closeZoom{
        top: unset;
        position: fixed;
        right: 50%;
        bottom: 20px;
        transform: translateX(50%);
        z-index: 10;
    }

    .zoomIn img{
        width: fit-content;
        height: fit-content;
        max-height: calc( 100vh - 130px);
        max-width: 95%;
        object-fit: contain;
    }
    


    #homeCarousel .noslider{
        height: 390px;
    }
    #logoNoSlider {
        height: 80px;
    }
    #homeCarousel h1{
        font-size: 20px;
    }


    .event-list-item .card-event-btn:not(.iframe .event-list-item .card-event-btn){
        width: 100%;
        box-shadow: none;
        background: var(--light-greyF3);
    }
    .follow-container{
        padding: 60px 0;
    }
    .newsletter-block-content{
        box-shadow: none;
    }
    .newsletter-block-content::before{
        display: none;
    }
    .follow-form .row{
        width: 330px;
    }
    #map{
        display: none;
    }
    .main-container-left{
        width: 100% !important;
        min-width: unset;
        overflow: unset;
	    border-bottom: none;
    }
    .event-list-item:not(.iframe .event-list-item){
        width: 260px;
        margin: 0px 15px;
        padding: 0;
    }
    .event-list-item-content .img-container{
        height: 260px;
    }
    .event-list-item .card-event-zone{
        top: 225px;
    }
    .event-list-container:not(.iframe .event-list-container){
        display: grid;
        grid-template-columns: repeat(auto-fill, 290px);
        justify-content: center;
        justify-items: center;
    }
    #cardform h2{
        border-bottom: rgba(34, 34, 34, 0.3) 1px solid;
    }
    .event-list-item .card-event-container-btn{
        margin: 0 auto 15px;
    }
    .main-container.row{
        height: auto;
    }
    #recemment-vu-container{
        margin: 50px 0;
    }
    .msg-warning{
        color: #fcfdfc;
        padding: 20px;
        font-weight: 500;
        background-color: var(--orange);
        margin-bottom: 50px;
    }
    #cardform{
        max-width: 500px !important;
    }
    #cardform .pps-0,
    #cardform .event-tarifs-list-header{
        display: none;
    }
    .code-promo-orange{
        margin-bottom: 30px;
    }

    #billet-container .billet-info{
        margin: 0 auto;
    }

    #info-reservation-1{
        width: 100%;
        min-width: unset;
    }
    .carousel-img-container{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .carousel-inner{
        height: 360px !important;
    }
    
    .carousel-item{
        height: 360px !important;
        width: 95%;
        margin: auto;
    }
    
    .carousel-event-img{
        height: 360px;
        max-width: unset;
    }
    .blur-img{
        height: 200px;
    }
    #mycard .cartitem{
        grid-template-columns: 100px 1fr 70px 40px 70px;
    }
    .mycardTablehead{
        grid-template-columns: 1fr 70px 40px 70px;
    }
    #mycard .cartitem{
        grid-template-rows: 20px 60px auto;
    }
    .form-cart-image{
        width: 100px;
        height: 100px;
    }
    #mycard .form-cart-delete{
        top: 16px;
    }
    .evenement-item-billet .details {
        padding-left: 16px;
    }
    .account .evenement-item .btn-container{
        width: 120px;
    }
    .evenement-item .details .content,
    .evenement-item .details .label{
        font-size: 13px;
    }
    .account .evenement-item .btn-container:not(.collapse .btn-container){
        display: none;
    }
    .evenement-item .row > .details {
        padding-bottom: 50px;
    }
    .evenement-item-billet{
        padding: 20px 0;
    }
    .evenement-item .collapse.show{
        background: var(--light-greyF3);
    }
    .account .logout{
        z-index: 50;
        right: 50%;
        top: 350px;
        transform: translateX(50%);
    }
    #myTabContent{
        padding-top: 80px;
    }
    .postponed{
        margin-bottom: 6px !important;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
        width: 100%;
        height: 38.8px;
    }
    .postoned-loc-margin{
        margin-bottom: 1.6px !important;
    }
    .event-list-item .status-cancel.justify-content-center{
        left: 0;
        line-height: 40px;
        bottom: 30px;
        width: 100%;
    }
}

@media (max-width: 670px){
    .bt-hamburger {
        display: block;
    }

    #homeCarousel .carousel-control-next{
        right: 5%;
    }
    #homeCarousel .carousel-control-prev{
        left: 5%;
    }
    #homeCarousel{
        margin-bottom: 100px;
    }

 
    .slick-dots,
    .floating-social{
        display: none;
    }
    .footer-connect>div{
        text-align: center!important;
    }
    .mobile-menu-connect:last-child  {
        display: block;
    }
    .card-event,
    .event-list-item:not(.iframe .event-list-item){
        width: 220px !important;
    }
    .slick-list.draggable .slick-track,
    .event-list-container:not(.iframe .event-list-container){
        grid-template-columns: repeat(auto-fill, 250px);
    }
    .card-event .card-event-img,
    .event-list-item-content .img-container{
        height: 220px;
    }
    .event-list-item-content .img-container{
        height: 220px;
    }
    .slick-slide .card-event-body{
        padding: 15px 0;
    }
    .card-event-zone,
    .event-list-item .card-event-zone{
        top: 185px;
    }
    .eventGrid .slick-slide:hover{
        transform: unset;
        box-shadow: unset;
    }
    .event-list-item .card-event-container-btn{
        margin-bottom: 0;
    }
    .event-list-item:hover,
    .event-list-item{
        box-shadow: none;
    }
    .event-list-item-content .text{
        padding: 15px 0 0;
    }
    #homeCarousel .carousel-control-next{
        right: 5%;
    }
    #homeCarousel .carousel-control-prev{
        left: 5%;
    }
    #mycard .cartitem{
        grid-template-columns: 100px 1fr 70px 40px;
    }
    .mycardTablehead{
        grid-template-columns: 1fr 70px 40px;
    }
    .mycardTablehead span:last-of-type,
    #mycard .qttotal {
        display: none;
    }
    #card-recap .confirm .theevent-tickets-next{
        flex-direction: column;
        align-items: center;
    }
    .event-list-item .status-cancel.justify-content-center{
        bottom: 15px;
    }
    /**************** IFRAME ORANGE/SOSH *************/
    .iframe .event-list-item-content .text h2{
        font-size: 16px;
    }
    .iframe .event-list-item-content .text .lieu,
    .iframe .event-list-item-content .text .date,
    .iframe .event-list-item-content .text .heure{
        font-size: 12px;
    }
    .iframe .event-list-item-content .img-container{
        width: 160px;
        height: 160px;
    }
    .iframe .event-list-item .card-event-zone:not(.smallerScreen){
        width: calc(100% - 175px);
        left: 170px;
    }
    
    .iframe .event-list-item-content .text {
        width: calc( 100% - 175px);
    }

    .iframe .event-list-item-content .text .heure{
        margin-bottom: 12px;
    }
}

@media (max-width: 575px) { 
    .postoned-loc-margin{
        margin-bottom: 2px !important;
    }

    #homeCarousel.noslider{
        height: unset;
    }

    #logoNoSlider {
        height: 60px;
    }
    #homeCarousel h1{
        font-size: 18px;
    }

    #homeCarousel{
        margin-bottom: 50px;
        padding: 0;
        height: 430px;
        width: 100%;
    }


    .home .slick-list{
        padding-left: 20px;
    }

    .home .event-list-item-content .img-container {
        position: relative;
    }
    
    .home .event-list-item-content img {
        width: 100%;
        object-fit: cover;
        object-position: top;
    }
    
    
    .home .event-list-item-content .text h1 {
        text-align: left;
        margin: unset;
        font-size: 13.5px;
        color: #222222;
    }
    
    .home .event-list-item-content .text .lieu {
        font-size: 12px;
        opacity: 0.5;
        color: #222;
    }
    
    .home .event-list-item-content .text .date {
        margin-top: 12px;
    }
    
    .home .event-list-item-content .text .heure {
        margin-bottom: unset;
    }
    
    .home .event-list-item-content .text button {
        margin-top: 12px;
    }
    
    .home .event-list-item-content .text .lieu{
        font-weight: bold;
    }

    .slider-container {
        margin-bottom: 25px;
    }

    .recommand-videos {
        gap: unset;
        height: unset;
    }

    .home .event-list-item .card-event-zone .tac {
        margin-left: 22px;
    }

    #account-preference-content .card-event {
        width: 100%;
        margin-bottom: 10px;
    }

    #account-preference-content .card-event .card-event-img img, #account-preference-content .card-event .card-event-img {
        height: unset;
    }

    #account-preference-content .card-event-body .date,
    #account-preference-content .card-event-body .data {
        padding-top: unset;
    }
    .toggle-event-block{
        display: block;
    }
    #mobile-menu-toggle{
        width: 465px;
        height: 50px;
        margin: 0 auto;
        border-radius: 0;
        border: none;
        text-align: center;
        font-size: 16px;
        outline: none;
        list-style: none;
        box-shadow: 0 2px 2px #00000030;
        padding: 0;
        overflow: hidden;
        transform: translateY(-5px);
    }
    #mobile-menu-toggle.expand2{
        height: 100px;
    }
    #mobile-menu-toggle.expand3{
        height: 150px;
    }
    #mobile-menu-toggle .toggle-arrow.rotateArrow{
        transform: translateY(-50%) rotate(180deg);
    }

    #toggle-mask{
        width: 100%;
        height: 50px;
        background-color: #FCFDFC;
    }

    #mobile-menu-toggle a{
        display: inline-block;
        width: 100%;
        height: 100%;
        color: #222;
    }
    #mobile-menu-toggle .option{
        line-height: 50px !important;
        height: 50px !important;
        background: #F4F4F4;
        border: 1px solid #EEE;
    }
    #mobile-menu-toggle .option[data-option='selected']{
        background-color: var(--mc);
        color: #FCFDFC;
        position: relative;
        border: none;
        cursor: pointer;
    }
    #mobile-menu-toggle .toggle-arrow{
        position: absolute;
        top: 50%;
        right: 10px;
        transform: translateY(-50%);
        color: #FCFDFC;
    }
    .eventGrid h2:not(.recommandTitle){
        display: none;
    }
    .recommandTitle{
        margin-bottom: 24px;
    }

    .slick-list.draggable .slick-track,    
    .event-list-container:not(.iframe .event-list-container){
        grid-template-columns: repeat(2,230px);
        row-gap: 50px;
    }
    .card-event-zone .zone-icon:not(.iframe .card-event-zone .zone-icon){
        display: none;
    }
    .booknow{
        display: none;
    }

    .card-event,
    .event-list-item:not(.iframe .event-list-item){
        width: 200px !important;
    }
    .card-event .card-event-img,
    .event-list-item-content .img-container{
        height: 200px;
    }
    .home .card-event-body{
        width: auto;
        flex-grow: 1;
    }
    .event-info{
        display: flex;
        flex-direction: column;
    }
    .date-et-heure{
        flex-direction: column;
    }
    .date-et-heure:not(.postponed) .date,
    .date-et-heure:not(.postponed) .hour{
        font-size: 11.5px;
    }
    .home .card-event-body .title{
        font-size: 13px;
    }
    .slick-list.draggable{
        padding: 0;
    }
    .card-event .status-cancel,
    .cartitem .status-cancel,
    .card-event .status-report{
        font-size: 11px;
    }
    .popular_section,
    .promo_section{
        display: none;
    }
    .card-event-zone,
    .event-list-item .card-event-zone{
        top: 165px;
    }
    .event-list-item-content .text .date{
        margin: 0;
    }
    #loadProducts .event-list-item-content .img-container{
        height: 200px;
    }
    #cardform, .details{
        max-width: 95% !important;
    }
    .event-tarifs-item .msg-warning{
        transform: translateX(-70px);
        padding: 4px 15px;
    }
    .event-tarifs .btn-valider{
        width: 95%;
    }
    .event-details-container .description p{
        font-size: 13px;
    }

    #info-reservation-1{
        padding: 30px 10px;
    }

    .cart_inner{
        padding: 0 10px 30px;
    }
    #mycard .form-cart-delete{
        right: -40px;
    }
    #mycard .cartitem{
        grid-template-columns: 80px 1fr 70px 40px;
    }
    .form-cart-image{
        width: 80px;
        height: 80px;
    }
    #card-recap .checkout_btn_inner .btn{
        font-size: 11px;
    }
    #modalCart > .card{
        width: 100%;
    }
    #modalCart .card-body.mainContainer{
        box-shadow: none;
    }
    #modalCart .infos-card-title{
        display: none;
    }
    #modalCart .cartFormTitle{
        padding: 30px 0 0;
        text-align: center;
        background: none;
        text-transform: uppercase;
        font-size: 15px;
        color: #222;
        margin-bottom: 50px;
        font-weight: 600;
    }

    #modalCart .card-body.card-login-form{
        padding: 0;
    }

    .account .evenement-item .img-container img,
    .img-barcode{
        width: 90px;
        height: 90px;
    }
    .user-info,
    .account .nav-tabs.nav-onglet-compte,
    .account .nav-tabs.nav-onglet-compte .nav-link{
        width: 100%;
    }
    #billet,
    #infos,
    .nav-onglet-compte .nav-link{
        box-shadow: none;
    }
    #billet{
        padding-left: 10px;
        padding-right: 10px;
    }
    #billet .nav-tabs .nav-link{
        width: 95%;
        margin: 0 auto;

    }
    #billet .nav-tabs .nav-item{
        width: 50%;
    }
    #search-event-account{
        max-width: unset;
    }
    .account .evenement-item .btn-container{
        width: 90px;
    }
    .evenement-item .details .content, .evenement-item .details .label{
        font-size: 12px;
    }

    .crsiContainer:hover::-webkit-scrollbar {
        display: none;
    }
 }
 
/*--- telephones ---*/
@media screen and (max-width: 480px)  {
    .slick-list.draggable .slick-track,
    .event-list-container:not(.iframe .event-list-container){
        grid-template-columns: repeat(2,170px);
        column-gap: 10px;
    }
    .event-details-container.container{
        padding-top: 30px;
    }

    #homeCarousel h1{
        font-size: 16px;
    }

    .code-promo-orange{
        flex-direction: column;
        align-items: flex-start;
    }
    #card-recap .promoLabel{
        margin-bottom: 8px;
    }

    .card-event,
    .event-list-item:not(.iframe .event-list-item){
        width: 170px !important;
        margin: 0 !important;
    }
    .card-event .card-event-img,
    .event-list-item-content .img-container,
    #loadProducts .event-list-item-content .img-container{
        height: 170px;
    }
    .footer-body{
        padding: 24px;
    }
    .follow-container{
        padding: 30px 0;
    }
    .newsletter-block-content{
        padding: 0;
        width: 330px;
    }
    .card-event-body .date .day{
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        -o-text-overflow: ellipsis;
        -ms-text-overflow: ellipsis;
    }
    #mobile-menu-toggle{
        width: 355px;
    }
    .card-event-zone,
    .event-list-item .card-event-zone{
        top: 135px;
    }
    .event-details-container .img-container::before,
    .event-details-container .img-container::after{
        display: none;
    }
    #info-reservation-1,
    #info-reservation-2{
        padding: 30px 5px;
    }
    #mycard{
        padding-left: 5px;
    }
    .mycardTablehead{
        margin-left: 5px;
    }
    #card-recap .checkout_btn_inner{
        display: flex;
        flex-direction: column-reverse;
    }
    #card-recap .checkout_btn_inner .btn{
        width: 330px;
        margin: 10px auto;
    }
    #card-recap .checkout_btn_inner .btn{
        width: 330px;
        margin: 5px auto;
    }
    #card-recap .checkout_btn_inner .btn.btn-continue{
        box-shadow: none;
        border: none;
        font-weight: 700;
    }
    #mycard .cartitem{
        grid-template-columns: 60px 1fr 70px 40px;
        column-gap: 5px;
        grid-template-rows: repeat(3, auto);
    }
    #mycard .cartitem, .mycardTablehead{
        column-gap: 5px;
    }
    .form-cart-image{
        width: 60px;
        height: 60px;
    }
    #mycard{
        font-size: 11px;
        padding: 0 10px;
    }
    .cart_inner{
        padding: 30px 0;
    }
    #mycard .form-cart-delete{
        top: unset;
        bottom: 0;
        right: 0;
        text-align: right;
    }
    .mycardTablehead{
        margin: 0 10px;
    }
    #mycard .eventName{
        overflow: unset;
        text-overflow: unset;
        -o-text-overflow: unset;
        -ms-text-overflow: unset;
        white-space: unset;
        margin-bottom: 4px;
    }
    .recapHead{
        margin-bottom: 50px;
    }
    #card-recap .myforminfos .card-body{
        padding: 10px 5px;
    }

    /**************** IFRAME ORANGE/SOSH *************/
    .iframe .event-list-item-content .img-container{
        width: 80px;
        height: 80px;
    }
    .iframe .event-list-item .card-event-zone:not(.smallerScreen){
        width: calc(100% - 95px);
        left: 90px;
    }
    
    .iframe .event-list-item-content .text {
        width: calc( 100% - 95px);
    }
    
    .iframe .event-list-item .card-event-btn{
        width: 100%;
    }
}


/**************** IFRAME ORANGE/SOSH *************/
@media screen and (max-width: 360px)  {


    .iframe #loadProducts .event-list-item{
        margin: 0 auto 30px !important;
    }
    
    .iframe #loadProducts .event-list-item-content .img-container{
        width: 100%;
        aspect-ratio: 1;
        margin: 0;
        height: fit-content;
    }

    .iframe .event-list-item-content{
        flex-direction: column;
    }
    .iframe .card-event-zone{
        display: none;
    }
    .iframe .card-event-zone.smallerScreen{
        display: block;
        top: unset;
        bottom: 0;
    }
    .iframe .event-list-item-content .text{
        width: 100%;
        padding: 10px 5px;
    }

}