@media only screen and (max-width:640px) {
    img.qr-img {
        width: 20%;
        height: 100%;
    }
    div.bg1-stat img{
        height: 120vh;
    }
    .modal-dialog {
        margin: 2px auto;
        z-index: 100 !important;
        overflow-y: initial !important;
    }
    .modal-body {
      overflow-y: auto;
    }
    #shareModal{
        overflow-y: auto;
    }
    /* .authr-sm {
        margin-left: 15%;
    } */
    div.bloc-bleu-sec11 ul {
        border: 2px dashed red;
        padding-left: 0px;
    }

    div.bloc-bleu-sec11 ul li {
        list-style: none;
        position: relative;
        display: inline-block;
        text-align: center;
        padding-right: 15px;
        padding-left: 15px;
        border-right: 2px solid #fff;
    }

    div.bloc-bleu-sec11 li:last-child {
        border-right: none;
    }

    .bloc-bleu-sec11 {
        margin-top: 2em;
    }

    .hobi .btn {
        margin-left: auto;
        margin: auto;
    }

    #columns {
        column-gap: 0px;
        margin: 0;
        padding: 0;
        column-count: 2;
        -webkit-column-count: 2;
        -moz-column-count: 2;
    }

    #columns figure {
        width: 100%;
    }

    .tabs {
        display: none;
    }

    .tab_drawer_heading {
        padding: 0px 21px;
        height: 49px;
        line-height: 39px;
        margin-top: 30px;
        border-top: 1px solid rgb(238, 236, 236);
        border-left: 1px solid rgb(238, 236, 236);
        border-bottom: 3px solid rgb(238, 236, 236);
        background-color: rgb(0, 103, 184);
        color: rgb(253, 250, 250);
        margin: 0;
        padding: 5px 20px;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .d_active {
        background-color: #fff;
        color: #333;
        border-bottom: 3px solid rgb(199, 210, 14);
    }

    .section-chat {
        width: 90%;
        margin: 60px auto;
        background-color: #fff;
        padding: 10px 15px 20px 15px;
    }

    p {
        font-size: 18pt;
    }

    .apropos-block {
        margin-bottom: 15px;
    }

    .about-text {
        display: none;
    }

    /* .about-cree-btn{

    } */
    .user-graph {
        /* height:50vh !important; */
        /* display: none !important; */
    }

    .header-about {
        width: 100%;
        height: 45%;
        padding-bottom: 5%;
    }

    .header-about h1 {
        padding-top: 10%;
        padding-bottom: 2%;
        font-size: 45pt;
    }

    .header-about button {
        margin-left: 25%;
        width: 45%;
    }

    .btn-abt {
        margin-left: 30%;
        width: 45%;
    }

    .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-flex;
        width: 350px;
        margin: auto;
        margin-left: 7em;
    }

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

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

    .sidenavUserspace {
        width: 150px;
        margin: auto;
        margin-left: 2em;
    }

    .labelDate,
    .inputDate {
        margin-left: 2em;
    }

    /* .create-event-title{
        margin-left:-2em;
    } */
    /* .create-evnet-category{
        position: relative;
        display: block;
    } */
    .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: 80px;
        border: 1px solid white;
        background-color: white;
        padding-top: 10px;
    }

    #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: 85% !important;
    }

    .middle-page {
        height: 55vh;
    }

    .rateStars {
        height: 14px;
        width: 14px;
    }

    .first-home-btn {
        margin-left: 40px;
    }

    .first-home-btn-div {
        padding-left: 33%;
    }

    .event-detail-block {
        display: none;
    }
}

@media only screen and (max-width:425px) {
    #columns {
        column-gap: 10px;
        margin: 0;
        padding: 0;
        column-count: 1;
        -webkit-column-count: 1;
        -moz-column-count: 1;
    }

    #columns figure {
        width: 100%;
    }

    p {
        font-size: 14pt;
    }

    .header-about {
        width: 100%;
        height: 45%;
        padding-bottom: 5%;
    }

    .header-about h1 {
        padding-top: 10%;
        padding-bottom: 2%;
        font-size: 35pt;
    }

    .header-about button {
        margin-left: 25%;
        width: 45%;
    }

    .btn-abt {
        margin-left: 30%;
        width: 45%;
    }

    .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-flex;
        width: 350px;
        margin: auto;
        margin-left: 7em;
    }

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

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

    .sidenavUserspace {
        width: 200px;
        margin: auto;
        margin-left: 2em;
    }

    .labelDate,
    .inputDate {
        margin-left: 2em;
    }

    /* .create-event-title{
        margin-left:-2em;
    } */
    /* .create-evnet-category{
        position: relative;
        display: block;
    } */
    .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: 9pt;
    }

    #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: 85% !important;
    }

    .middle-page {
        height: 70vh;
        font-size: 10pt;
    }

    .rateStars {
        height: 14px;
        width: 14px;
    }

    .rating {
        /* border:1px solid red; */
        width: 20%;
        margin-left: -20px;
    }

    .first-home-btn-div {
        padding-left: 33%;
    }

    .event-detail-block {
        display: none;
    }

    /*  .overlay {
        position:fixed;
        top:0;
        height:100%;
        width:100%;
        background:rgba(27, 27, 27,.3);
        overflow:auto;
        z-index:9;
    } */
}

/* @media only screen and (max-width:320px) {
  
} */

/* @media only screen and (max-width:800px) {
    div.display-bloc {
        display: none;
    }
} */

@media only screen and (min-width: 320px) and (max-width: 480px) {
    div.card-discussion {
        height: 250px;
        font-size: 13px;
    }

    fieldset.rating {
        /* border: 1px solid red; */
        width: 60%;
        max-width: 65%;
        place-content: start !important;
    }

    #faqSub {
        font-size: 45% !important;
    }

    #faqTitle {
        font-size: 2.5em !important;
    }

    .menu-title,
    a.nav-link.menu-title.btn {
        color: #343434 !important;
    }

    .section-chat {
        width: 90%;
        margin: 60px auto;
        background-color: #fff;
        padding: 10px 15px 20px 15px;
    }

    img.qr-img {
        width: 20%;
        height: 100%;
    }

    .special-carousel-icon {
        margin-top: 50px;
        color: black !important;
    }
    .event-title{
        font-size: 2em;
    }
    .slider-detail-section {
        height: 200px
    }

    .event-info-bloc-sm {
        margin-top: 80px !important;
        padding: 20px;
    }

    .hobi .btn {
        margin-left: auto;
        margin: auto;
    }

    p {
        font-size: 12pt;
    }

    .header-about {
        width: 100%;
        height: 45%;
        padding-bottom: 5%;
    }

    .header-about h1 {
        padding-top: 10%;
        padding-bottom: 2%;
        font-size: 35pt;
    }

    .header-about button {
        margin-left: 25%;
        width: 45%;
    }

    .btn-abt {
        margin-left: 30%;
        width: 45%;
    }

    .white-abt h1 {
        font-size: 40px;
        padding-bottom: 5%;
    }

    .indigo-abt .btn {
        margin-top: 30%;
        margin-left: 28%;
    }

    #list-lieu-list,
    #list-file-list,
    #list-ticket-list,
    #list-images-list,
    #clist-messages-list,
    #list-profile-list,
    #list-home-list {
        display: inline-flex;
        width: 250px;
        margin: auto;
        margin-left: 2em;
    }

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

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

    .labelDate,
    .inputDate {
        margin-left: 2em;
    }

    #list-lieu-list,
    #list-file-list,
    #list-ticket-list,
    #list-images-list,
    #clist-messages-list,
    #list-profile-list,
    #list-home-list {
        display: inline-flex;
        width: 150px;
        margin: auto;
        margin-left: 2em;
    }

    /* .create-event-title{
        margin-left:-2em;
    } */
    /* .create-evnet-category{
        position: relative;
        display: block;
    } */
    .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: 10pt;
    }

    .deux-resp h6,
    .deux-resp p {
        font-size: 9pt;
    }

    #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: 85% !important;
    }

    .middle-page {
        height: 80vh;
        font-size: 10pt;
    }

    .rateStars {
        height: 14px;
        width: 14px;
    }

    /* } .rating{
          width:20% !important;
          margin-left:-20px;
      } */
    .first-home-btn-div {
        padding-left: 33%;
    }

    .event-detail-block {
        display: none;
    }

    .home-carousel {
        height: 50vh;
    }

    .calendrier a:target {
        transition: 0.00015ms;
        -webkit-transition: 0.00015ms;
        -moz-transition: 0.00015ms;
        -o-transition: 0.00015ms;
        text-decoration: underline;
        text-decoration-color: rgb(216, 27, 90);
        color: rgb(216, 27, 90);
    }

    div#columns {
        column-width: 100%;
        column-gap: 10px;
        -moz-column-width: 100%;
        -moz-column-gap: 10px;
        -webkit-column-width: 100%;
        -webkit-column-gap: 10px;
        -o-column-width: 100%;
        -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: block;
        column-break: avoid;
        position: relative;
        /*   width: 350px; */
        width: 100%;
    }

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