@media only screen and (min-width:640px) {
    .menu-title, a.nav-link.menu-title.btn{
        color:#FFFF !important;
    }
.event-detail-block{
    margin-top:-400px;
    padding-right:150px;
}
.section-event{
    padding-right:60px;
}
.deux-resp{
    display: none;
}
.mobile-event-row{
    display: none;
}
.home-carousel{
    height:90vh
  }
  .about-cree-btn{
    margin-left:43% !important;
}

}
@media only screen and  (min-width:768px) and (max-width:800px){
    .img-card-fit{
        object-fit: cover !important;
        height:15vh;
    }
    figure div.content-index4:not(:hover) {
        position: absolute;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        color: #fff;
        width: 88% !important;
        height: 94%;
        opacity: 0.65;
        padding: 20px;
        margin-bottom: 17px;
    }
    /* #sidebar-container{
        display:none;
    } */
}
@media only screen and  (min-width:900px) and (max-width:1280px){
    .img.qr-img{
        height:70%;
        width:80%;
    }
    
    div#columns {
        column-count: 2;
        column-gap: 10px;
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        -o-column-count: 2;
        -o-column-gap: 10px;
        column-fill: balance;
        -moz-column-fill: balance;
        -webkit-column-fill: balance;
        -o-column-fill: balance;
        width: 100%;
    }

    div#columns figure {
        background: #fefefe;
        /* border: 1px solid #fcfcfc; */
        box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
        margin: 8px 0px 8px 8px;
        transition: opacity .4s ease-in-out;
        display: inline-flex;
        column-break: avoid;
        position: relative;
        /*   width: 350px; */
        min-width: 27em;
        width: 27em;
        max-width: 28em;
    }

    div#columns figure img {
        height: 250px;
        width: 100%;
        /* border-bottom: 1px solid #ccc; */
        cursor: pointer;
        opacity: 1;
        /*  width: 100%; */
        -webkit-transition: opacity 0.35s;
        -moz-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }
    .deux-resp{
        display: block;
    }
    #forTablets{
        display: none;
    }
    .white-abt h1 {
        font-size: 48px;
        padding-bottom: 5%;
    }
    .indigo-abt .btn {
        margin-top: 30%;
        margin-left: 35%;
    }

    #list-lieu-list, #list-file-list, #list-ticket-list, #list-images-list, #clist-messages-list, #list-profile-list, #list-home-list{
        display: inline-block !important;
        /* position:relative; */
        width: 150px;
       /*  margin:auto; */
        margin-left:1em;
        margin-right:1em;
    }

    .create-event-title{
        margin-left:-2em;
    }

    .create-evnet-category{
        display:flex;
        /* margin-left:; */
    }

    .sidenavUserspace{
        display: none;
    }

    nav#sidebar{
        display: none;
    }

    .list-event-btn-create{
        margin-left:70%;
    }
    .big-stat-bloc{
        display:none !important;
    }
    .deux-resp{
        display:block;
        margin-top:70px;
        border:1px solid white;
        background-color: white;
        padding-top:10px;
        font-size:12pt;
    }

    .deux-resp h6, .deux-resp p{
        font-size: 14pt;
    }
    
    #first-deux-resp{
        padding-left:40px;
    }
    .mobile-event-row {
        overflow: auto;
        white-space: nowrap;
        display: block;
        margin-top:10px !important;
        padding-left:10px;
      }
      .mobile-event-row event-card {
        display: inline-block;
        width:60% !important;
    
      }
      .middle-page{
          height: 70vh;
          font-size:10pt;
      }
      .rateStars{
          height:14px;
          width:14px;
      }
      .rating{
          /* border:1px solid red; */
          width:80% !important;
      }
      .first-home-btn-div{
          padding-left:33%;
      }
      .event-detail-block{
          display: none;
      }

      @media only screen and  (min-width:2500px){
        #list-lieu-list, #list-file-list, #list-ticket-list, #list-images-list, #clist-messages-list, #list-profile-list, #list-home-list{
            display: inline-block !important;
            /* position:relative; */
            width: 450px;
           /*  margin:auto; */
            margin-left:4em;
            margin-right:4em;
        }
      }
      
}

@media only screen and (min-width: 680px) and (max-width: 860px) {
    div#columns {
        column-count: 2;
        column-gap: 10px;
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        -o-column-count: 2;
        -o-column-gap: 10px;
        column-fill: balance;
        -moz-column-fill: balance;
        -webkit-column-fill: balance;
        -o-column-fill: balance;
        width: 100%;
    }

    div#columns figure {
        background: #fefefe;
        /* border: 1px solid #fcfcfc; */
        box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
        margin: 8px 0px 8px 8px;
        transition: opacity .4s ease-in-out;
        display: inline-flex;
        column-break: avoid;
        position: relative;
        /*   width: 350px; */
        min-width: 19em;
        width: 20em;
        max-width: 21em;
    }

    div#columns figure img {
        height: 250px;
        width: 100%;
        /* border-bottom: 1px solid #ccc; */
        cursor: pointer;
        opacity: 1;
        /*  width: 100%; */
        -webkit-transition: opacity 0.35s;
        -moz-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }
}

@media only screen and (min-width: 680px) and (max-width: 860px) {
    .menu-title, a.nav-link.menu-title.btn{
        color:#343434 !important;
    }
    .event-detail-block{
        margin-top:-400px;
        padding-right:150px;
    }
    .section-event{
        padding-right:60px;
    }
    .big-stat-bloc {
        display: none !important;
    }
    .deux-resp {
        display: block;
        margin-top: 70px;
        border: 1px solid white;
        background-color: white;
        padding-top: 10px;
        font-size: 10pt;
    }
    .mobile-event-row {
        overflow: auto;
        white-space: nowrap;
        display: block;
        margin-top: 10px !important;
        padding-left: 10px;
    }
    .mobile-event-row event-card {
        display: inline-block;
        width: 85% !important;
    }
    .home-carousel{
        height:90vh
      }
    div#columns {
        column-count: 2;
        column-gap: 10px;
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        -o-column-count: 2;
        -o-column-gap: 10px;
        column-fill: balance;
        -moz-column-fill: balance;
        -webkit-column-fill: balance;
        -o-column-fill: balance;
        width: 100%;
    }

    div#columns figure {
        background: #fefefe;
        /* border: 1px solid #fcfcfc; */
        box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
        margin: 8px 0px 8px 8px;
        transition: opacity .4s ease-in-out;
        display: inline-flex;
        column-break: avoid;
        position: relative;
        /*   width: 350px; */
        min-width: 19em;
        width: 20em;
        max-width: 21em;
    }

    div#columns figure img {
        height: 250px;
        width: 100%;
        /* border-bottom: 1px solid #ccc; */
        cursor: pointer;
        opacity: 1;
        /*  width: 100%; */
        -webkit-transition: opacity 0.35s;
        -moz-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }
}

@media only screen and (min-width: 600px) and (max-width: 670px) {
    div#columns {
        column-count: 2;
        column-gap: 10px;
        -moz-column-count: 2;
        -moz-column-gap: 10px;
        -webkit-column-count: 2;
        -webkit-column-gap: 10px;
        -o-column-count: 2;
        -o-column-gap: 10px;
        column-fill: balance;
        -moz-column-fill: balance;
        -webkit-column-fill: balance;
        -o-column-fill: balance;
        width: 100%;
    }

    div#columns figure {
        background: #fefefe;
        /* border: 1px solid #fcfcfc; */
        box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
        margin: 8px 0px 8px 8px;
        transition: opacity .4s ease-in-out;
        display: inline-flex;
        column-break: avoid;
        position: relative;
        /*   width: 350px; */
        min-width: 15em;
        width: 15em;
        max-width: 17em;
    }

    div#columns figure img {
        height: 250px;
        width: 100%;
        /* border-bottom: 1px solid #ccc; */
        cursor: pointer;
        opacity: 1;
        /*  width: 100%; */
        -webkit-transition: opacity 0.35s;
        -moz-transition: opacity 0.35s;
        transition: opacity 0.35s;
    }
    @media only screen and (min-width: 900px) and (max-width: 1080px) {
       
    }
}