/* --------- Responsive ----------------- */
@media (min-width: 1em) {
    /* two column layout only when enough room (relative to default text size) */
    .page-activities-index .content-container .cont-partners .slide-partners .slick-track {
        /* flex: 1;         /* Main takes up all remaining space */
        /*µ  order: 1;        /* Place it after (to the right of) the navigation */
        min-width: 200em; /* Optimize main content area sizing */
    }
}

@media (min-width: 1199px) {
    body.page-activities-create form,
    body.page-messages-create form,
    body.page-messages-answer form
    {
        width:60%;
        margin:0 auto;
    }
    .container-video .video-js
    {
        width: 100% !important;
    }
}

@media screen and (max-width: 1300px) {
    body > .header {
        width: calc(100% - 30px);
        margin: 15px auto 15px auto;
        position: relative;
    }
    body > .main-container {
        /*width: calc(100% - 60px);*/
        margin: 15px auto 15px auto;
        width: 100%;
        clear: both;
    }
    body.page-activities-show > .main-container {
        padding:0;
    }
    body.page-users-login .main-container{
        width: 100%;
    }
}

@media screen and (max-width: 1300px){
    /************************** HEADER - MENU *************************/
    body > .header {
        margin: 15px auto 6px auto;
    }
    body > .header .logo{
        width: 150px;
        z-index: 10001;
    }
    body > .main-container {
        margin: 0 auto 15px auto;
        /* border-top: solid 5px #5f1f75; */
        padding-top: 5px;
    }
    body.page-activities-index > .main-container {
        margin-bottom:0;
    }
    body.page-activities-show > .main-container {
        padding:5px 0;
    }
    .header .right-side, .header .search{
        display:none !important;
    }
    .header .dropdown{
        width: 100%;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        z-index: 10000;
    }
    .header .mobile-menu{
        display: flex;
        background-color: #247883;
        color: #fff;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        border: none;
        border-radius: 1px;
        cursor: pointer;
    }
    .header .dropdown-menu{
        left:inherit;
        right:0;
    }
    .header .dropdown-menu li{
        text-align: center;
        margin-bottom: 5px;
    }
    .header .dropdown-menu .right-side, .header .dropdown-menu .search{
        display: block !important;
        margin: 0 auto;
    }
    body > .header  .partone, body > .header .parttwo{
        margin:0 auto;
    }
    body > .header .search .container-search, body > .header .search .input-group-addon{
        display:inline-block;
    }
    body > .header .search input {
        margin-bottom: 5px;
        width:100%;
    }

    .page-activities-show .messages-container .cont-answers-first {
        margin-top: -36px;
    }
    .header > .menu .cont-members {
        display: none;
    }
    .dropdown .cont-members {
        position: relative;
        display: inline-block;
    }
}
    
    /************************** END HEADER - MENU *************************/
@media screen and (max-width: 1024px){

     /************************** PAGE LOGIN *************************/
     body.page-users-login .login-username-video ,
     body.page-users-login .login-password-video,
     body.page-users-login .bottombuttons  {
         display: none;
     }

     body.page-users-login .container  {
        width: 100%;
        padding: 0;
    }
     

     body.page-users-login .mobile-bottombuttons{
        display: inline-block;
        margin-top:10px;
        width: 100%;
        background-color: #30B5BF;
     }

     body.page-users-login .mobile-connect{
       border-bottom: solid 3px #5E1F74;
       border-top: solid 3px #5E1F74;
     }

     body.page-users-login .mobile-forget{
        border-bottom: solid 3px #5E1F74;
        display: flex;
     }

     body.page-users-login .sub-button-div {
        min-width: 120px;
    }
     
     body.page-users-login .sub-button {
         display: flex;
         width: 100%;
     }


     body.page-users-login .fa-chevron-right-button {
        display: inline-block;
        color: #5E1F74;
        margin-top:20px;
    }


     body.page-users-login .mobile-button-text{
        margin-top:20px;
        width: 100%;
        font-size: 1.5rem;
        font-weight: normal;
        text-align: center;
        height: 100%;
        color: #000;
        align-items: center;
        justify-content: center;
        padding: 10px 10px 0px 10px;
        position: relative;
     }

     body.page-users-login .login-register-text {
        width: 50%;
        display: flex;
        font-size: 1.5rem;
        font-weight: normal;
        text-align: center;
        height: 100%;
        color: #fff;
        width: 100%;
        align-items: center;
        justify-content: center;
        padding: 10px 10px 0px 10px;
        position: relative;
     }
     body.page-users-login .login-register-items  {
        width: 33%;
        display: flex;
        justify-content: space-between;
    }

    body.page-users-login .login-register-items #register-link-plus  {
        text-align: center;
        margin-right: 10px;
        color: #247883;
    }

    body.page-users-login .login-register-items #register-link-chevron  {
        text-align: center;
        margin-top:10px;
        color: #247883;
    }

    body.page-users-login  .mobile-login {
        display: flex;
        justify-content: space-between;
        background-color: #5E1F74;
    }

    body.page-users-login  .contains-video {
       width:120px;
    }

    body.page-users-login .login-register  {
        margin-left: 0;
        margin-bottom: 30px;
    }

    body.page-users-login input  {
       position:inherit; 
       margin-top:10px;
    }

    body.page-users-login  .login-register-items a .fa-plus{
        border-radius: 50%;
        padding: 0;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 36px;
        color: #247883;
        background: #fff;
        border: solid 4px;
    }


      /************************** END LOGIN *************************/

     /************************** PAGE REGISTER *************************/

     body.page-users-register .line{
        display:none;
    }
    body.page-users-register .midlinedown{
        display:none;
    }
    body.page-users-register .midlinedown2{
        display:none;
    }
    body.page-users-register .midlineup{
        display:none;
    }

    body.page-users-register .contains-video{
        max-width:100px;
        float:left;
        border-bottom:6px dashed transparent;
        border-top:6px dashed transparent;
        border-right:6px dashed transparent;
        border-left:6px dashed transparent;
    }

    body.page-users-register .mobile-connect{
        border-bottom: solid 3px #5E1F74;
        border-top: solid 3px #5E1F74;
        background-color: #30B5BF;
      }

      body.page-users-register .sub-button {
        display: flex;
        width: 100%;
    }

    body.page-users-register .cr{
        margin-top:-20px;
    }
    body.page-users-register .crcomm{
        margin-top:-20px;
    }
    body.page-users-register .crmob{
        margin-top:-20px;
    }
    body.page-users-register .full1{
        display:none;
    }
    body.page-users-register .mobile1{
        display:initial;
    }
    body.page-users-register .contains-video-button {
        width: 100%;
    }

    body.page-users-register .contains-video-button img{
        display: none;
    }

    body.page-users-register #avatars-target{
        width:100%;
        margin:0;
        left:0;
    }

    body.page-users-register #avatars-target ul li{
        width:120px;
        height:120px;
    }

    body.page-users-register #avatars-target ul li.avatars-cancel-button i{
        font-size:100px;
    }

    body.page-users-register .mobile-button-text{
        margin-top:10px;
        width: 100%;
        font-size: 1.5rem;
        font-weight: normal;
        text-align: center;
        height: 100%;
        color: #000;
        align-items: center;
        justify-content: center;
        padding: 10px 10px 0px 10px;
        position: relative;
     }

     body.page-users-register .fa-chevron-right-button {
        display: inline-block;
        color: #5E1F74;
        margin-top:10px;
    }

    body.page-users-register .contains-video img{
        border-bottom:6px dashed #30B5BF !important;
    }

    body.page-users-register input{
        float:right;
        margin-top:8px;
    }

    body.page-users-register .contains-video .contains-text{
        font-size:1.5rem;
        display:none;
    }


      /************************** END REGISTER *************************/


    /************************** PAGE INDEX ACTIVITIES *************************/
    .page-activities-index .header {
        margin-bottom: 6px;
    }
    .page-activities-index .container-add-activity a{
        display: flex;
        align-items: center;
    }
    .page-activities-index .container-add-activity a .fa-plus{
        border-radius: 50%;
        padding: 0;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 36px;
        color: #247883;
        background: #fff;
        border: solid 4px;
    }
    .page-activities-index .header-container{
        margin:0;
        width: 100%;
    }
    .page-activities-index .content-container{
        padding-top:0;
        margin-top:0;
        margin-bottom: 0;
    }
    .page-activities-index .content-container table {
        border-spacing: 0 4px;
        border: none;
    }
    .page-activities-index .content-container table tr td.activity-image{
        min-height:50px;
        width:170px;
    }
    .page-activities-index .content-container table tr td.activity-last-message .avatar{
        display: none;
    }
    .container-add-activity{
        background: #fff;
        padding: 5px;
        display: flex;
        justify-content: space-between;
        visibility: visible !important;
        height: initial !important;
    }
    .container-add-activity .content-access {
        color: #247883;
        float: right;
        align-self: center;
        display: inline-block;
    }
    .page-activities-index .content-container table {
        background-color: #fff;
    }
    .page-activities-index .content-container table tr td.content-access{
        color: #30B5BF;
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .page-activities-index .content-container table tr td.content-access a{
        color:inherit;
    }
    .page-activities-index .content-container table tr td.activity-content{
        border: none;
        background-color: transparent;
        padding: 0 20px;
        width:100%;
        font-size: inherit;
    }
    .page-activities-index .content-container table tr td.activity-content .messages-count{
        color:#fff;
    }
    .page-activities-index .content-container table tr td.activity-content .messages-count span{
        color:#662A74;
    }
    .page-activities-index .content-container table tr td.activity-content .messages-rest-count {
        display: none;
    }
    .page-activities-index .content-container table tr td.activity-last-message,
    .page-activities-index .content-container table tr td.activity-content .arrow-left:after,
    .page-activities-index .content-container table tr td.activity-content .arrow-left:before
    {
        display: none;
    }
    .page-activities-index .content-container .cont-nb-members,
    .page-activities-index .content-container .cont-partners
    {
        display: flex;
        background-color: #FBEBFD;
        color: #5F1F75;
        justify-content: center;
        align-items: center;
        border-bottom: solid 4px #fff;
        width:100%;
        float:none;
        margin-bottom: inherit;
    }
    body.cursor-increased-giant.page-activities-index .content-container .cont-nb-members,
    body.cursor-increased-giant.page-activities-index .content-container .cont-partners {
        font-size: 0.5em !important;
    }
    .go-back-please {
        font-size: 100px;
    }
    .page-activities-index .content-container .cont-nb-members .activity-content .contains-video .box-dashed,
    .page-activities-index .content-container .cont-nb-members .activity-content .contains-video video.video
    {
        border-color:#5E1F74;
    }
    .page-activities-index .content-container .cont-nb-members .activity-content .contains-video .title-action-form{
        color:#5E1F74;
    }
    .page-activities-index .content-container .cont-partners .activity-content .contains-video .box-dashed{
        border-color:#247883;
    }
    .page-activities-index .content-container .cont-partners .activity-content .contains-video .title-action-form{
        color:#247883;
    }
    .page-activities-index .content-container .cont-partners .title-partners{
        border-bottom: none;
        padding-bottom: 0;
    }
    .page-activities-index .content-container .cont-partners .fa-handshake-o{
        display: inline-block;
    }
    .page-activities-index .content-container .cont-nb-members .contains-video,
    .page-activities-index .content-container .cont-partners .contains-video
    {
        display: block;
    }
    .page-activities-index .content-container .cont-nb-members .content-access,
    .page-activities-index .content-container .cont-partners .content-access
    {
        display: inline;
        padding-right: 6px;
    }
    .page-activities-index .content-container .cont-nb-members .content-access i{
        color:#5E1F74;
        float: right;
    }
    .page-activities-index .content-container .cont-partners .content-access i{
        color:#247883;
        float: right;
    }
    .page-activities-index .content-container .cont-nb-members .activity-content,
    .page-activities-index .content-container .cont-partners .activity-content
    {
        text-align: center;
        padding: 10px;
        display: flex;
        align-items: center;
    }
    .page-activities-index .content-container .cont-nb-members .activity-content .contains-video,
    .page-activities-index .content-container .cont-partners .activity-content .contains-video
    {
        padding-left:0;
    }
    .page-activities-index .content-container .cont-partners{
        border-top: solid 4px #662a74;
        border-bottom: solid 4px #662a74;
        padding: 8px 0px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 5px;
        color:#E31C70;
        background-color: #fff;
    }
    .page-activities-index .content-container .cont-partners video.video{
        top: -70px;
        left: 140px;
    }
    .page-activities-index .content-container .cont-partners .slide-partners{
        display:none;
    }
    /************************** END PAGE INDEX ACTIVITIES *************************/

    /************************** PAGE SHOW ACTIVITIES *************************/
    body.page-activities-show > .header .menu .tools,
    .page-activities-show .container-img-message,
    .page-activities-show .header-container a.reorder-messages,
    .page-activities-show .view-message-row .container-message .description-message,
    .page-activities-show .view-message-row .container-message .tags-container,
    .page-activities-show .view-message-row .container-message .votes-container,
    .page-activities-show .view-message-row .container-message .bloc-action-message
    {
        display: none !important;
    }
    .page-activities-show .messages-container .view-message-row .color-container {
        align-items: center;
    }
    .page-activities-show .messages-container .is-answer {
        margin-bottom: 0;
    }
    .page-activities-show .messages-container .cont-answers{
        display: block;
        margin-top:0;
        margin-bottom: 0;
        background-color: #fff;
    }
    .page-activities-show .messages-container .answers-list{
        top:0;
        background-color: #fff;
    }
    .page-activities-show .container-action-list{
        display: flex;
        justify-content: space-between;
        background-color: #fff;
        padding: 6px;
    }
    .page-activities-show .container-action-list a{
        display: flex;
        align-items: center;
    }
    .page-activities-show .container-action-list a .fa-plus{
        visibility: visible;
        border-radius: 50%;
        padding: 0;
        width: 50px;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 36px;
        color: #247883;
        background: #fff;
        border: solid 4px;
    }
    .page-activities-show .container-action-list .content-access {
        color: #247883;
        float: right;
        align-self: center;
        display: inline-block;
    }
    .page-activities-show .header-container{
        margin:0;
    }
    .page-activities-show .messages-container .view-message-row .container-message{
        height: initial;
    }
    .page-activities-show .messages-container .view-message-row {
        display: flex;
        align-items: center;
        padding: 0;
        flex-direction: column;
    }
    .page-activities-show .dotted-separator{
        display: none;
    }
    .page-activities-show .messages-container .view-message-row .bloc-video{
        padding-left:5px;
    }
    .page-activities-show .messages-container .view-message-row .bloc-video,
    .page-activities-show .messages-container .view-message-row .bloc-video .video-part video
    {
        height:auto;
        min-height: 75px;
    }
    .page-activities-show .messages-container .view-message-row .container-message{
        justify-content: center;
        align-items: center;
        cursor:pointer;
    }
    .page-activities-show .messages-container .view-message-row .description-col .action-message-mobile{
        display: inline-block;
        color:#fff;
        margin: 0 auto;
    }
    .page-activities-show .messages-container .view-message-row .content-access {
        display: block;
        text-align: right;
        padding-right: 0;
        padding-left: 0;
        align-self: center;
        color:#30B5BF;
        cursor:pointer;
        align-items: stretch;
        margin: 0 auto;
    }
    .page-activities-show .messages-container .footer-message{
        display: flex;
        align-items: center;
        padding: 4px;
        background-color: #5F1F75;
        color: #fff;
        min-height: 66px;
    }
    .page-activities-show .messages-container .footer-message .info-header-message{
        display: flex;
        align-items: center;
        margin: 0;
    }
    .page-activities-show .messages-container .footer-message .info-header-message b{
        padding-left:4px;
    }
    .page-activities-show .messages-container .footer-message span.offline,
    .page-activities-show .messages-container .footer-message span.online
    {
        border: solid 3px #fff;
        border-radius: 50%;
        width: 25px;
        height: 25px;
        display: table;
        margin-right: 5px;
    }
    .page-activities-show .messages-container .footer-message span.online{
        background-color: #0DFF00;
    }
    .page-activities-show .messages-container .footer-message .avatar {
        width: 60px;
        height: 60px;
        border: solid 4px #76428D;
        border-radius: 50%;
        right: 5px;
        object-fit: cover;
        margin-left: 10px;
    }
    .page-activities-show .messages-container .footer-message .avatar.box-dashed {
        border: dashed 4px #30B5BF;
    }
    .page-activities-show .messages-container .footer-message .fa-link{
        padding: 0 2px 0 6px;
    }
    .page-activities-show .messages-container .footer-message .user-col{
        padding: 0;
    }
    /************************** END PAGE SHOW ACTIVITIES *************************/

    /************************** PAGE MESSAGES CREATE *************************/
    .page-messages-create .part-video, .page-messages-answer .part-video {
        padding: 5px;
    }
    .page-messages-create .part-description-activity{
        padding:0;
    }
    .page-messages-create .part-description-activity .contains-video{
        padding:0 5px;
    }
    .page-messages-create .contains-video{
        padding-left:0;
        margin-bottom:5px;
        display: flex;
        align-items: flex-end;
    }
    .page-messages-create .box-dashed{
        max-width:200px;
        float:left;
    }
    .page-messages-create .title-action-form{
        float:left;
        padding-left:5px;
        margin-bottom:0;
    }

    .page-activities-create #arrow-previous-2 {
        margin-left: 0;
    }

    /*.page-activities-create #arrow-next-3, .page-activities-create #arrow-next-1 {
        margin-right: -15px;
    }*/

    .page-activities-create .part-video, .page-messages-answer .part-video {
        padding: 0;
    }
    .page-activities-create .part-description-activity, .page-activities-create .part-text2-container{
        padding:0;
    }
    .page-activities-create .part-description-activity .contains-video:not(a.add-link){
        padding:0 5px;
    }
    .page-activities-create .contains-video:not(a.add-link){
        padding-left:0;
        margin-bottom:5px;
    }
    .page-activities-create .box-dashed{
        max-width:200px;
        float:left;
    }
    .page-activities-create .title-action-form{
        float:left;
        padding-left:5px;
        margin-bottom:0;
    }



    .page-messages-answer .part-video, .page-messages-answer .part-video {
        padding: 5px;
    }
    .page-messages-answer .part-description-activity{
        padding:0;
    }
    .page-messages-answer .part-description-activity .contains-video{
        padding:0 5px;
    }
    .page-messages-answer .contains-video{
        padding-left:0;
        margin-bottom:5px;
        display: flex;
        align-items: flex-end;
    }
    .page-messages-answer .box-dashed{
        max-width:200px;
        float:left;
    }
    .page-messages-answer .title-action-form{
        float:left;
        padding-left:5px;
        margin-bottom:0;
    }
    /************************** END PAGE MESSAGES CREATE *************************/

    /* *** Trucs a ranger de Cyril *** */
    .page-activities-index .index-activities-table tr:hover {
        cursor: pointer;
    }
    .page-activities-index .index-activities-table tr .activity-last-message {
        display: none;
    }
    .page-activities-show .answer-in-main {
        display: none !important;
    }
    .tabs-style{
        display:none;
    }
    #display-vote-part{
        margin: 0 0 30px 0;
    }
    #display-vote-part.display-vote-part-visible{
        display: flex;
    }
    .container-pictos .tab-pictos,
    .container-pictos .tab-vote
    {
        width:100%;
    }
    .page-activities-show .messages-container .view-message-row .video-part {
        min-height: 148px;
    }
}

@media screen and (max-width: 992px){
    /************************** PAGE SHOW ACTIVITIES *************************/
    .page-activities-show .messages-container .tree-answers{
        display: none;
    }
    .page-activities-show .messages-container .tree-answers-end {
        display: none;
    }
    /************************** END PAGE SHOW ACTIVITIES *************************/

    /* *** *** ** *** *** *** *** * Page messages create (cheh) * *** *** *** *** *** */
    .page-messages-create .video-js, .page-messages-answer .video-js, .page-activities-create .video-js {
        width: 100% !important;
        height: 450px !important;
    }
    .page-messages-create .tab-pictos, .page-messages-create .tab-vote {
        margin-top: -15px;
    }
    .page-messages-create .btn-lsf, .page-messages-answer .btn-lsf, .page-activities-create .btn-lsf{
        min-width: 90px;
    }
    .page-messages-create .tab-vote .input-choice input{
        border-radius: 0;
        border: 2px solid #fff;
    }
    .page-activities-create .video-js {
        width: 100% !important;
        height: 300px;
    }
    .page-activities-create .cont-tab {
        display: none;
    }
    .page-activities-create .tab-pictos, .page-activities-create .tab-vote {
        margin-top: -15px;
    }
    .page-activities-create .btn-lsf, .page-messages-answer .btn-lsf, .page-activities-create .btn-lsf{
        min-width: 90px;
    }
    .page-activities-create .tab-vote .input-choice input{
        border-radius: 0;
        border: 2px solid #fff;
    }
    .page-messages-answer .video-js {
        width: 100% !important;
        height: 300px;
    }
    .page-messages-answer .cont-tab {
        display: none;
    }
    .page-messages-answer .tab-pictos, .page-messages-answer .tab-vote {
        margin-top: -15px;
    }
    .page-messages-answer .btn-lsf,  .page-messages-answer .btn-lsf{
        min-width: 90px;
    }
    .page-messages-answer .tab-vote .input-choice input{
        border-radius: 0;
        border: 2px solid #fff;
    }

    .page-activities-show .color-container:hover {
        cursor: pointer;
    }
    /* *** *** ** *** *** *** *** * --- END --- Page messages create * *** *** *** *** *** */

    .page-activities-create .cont-btn-steps {
        margin-top: 0 !important;
    }
    .page-activities-create .arrow-previous-step.pull-left {
        position: relative;
    }
}


@media screen and (max-width: 680px){
    body.cursor-increased-giant.page-activities-create .cont-choice-picto .btn-lsf.btn-right {
        position: relative;
    }
    body.cursor-increased-giant .container-video{
        width:100%;
    }
}

@media screen and (max-width: 518px){
    /************************** VIDEOS *************************/
    .video-container{
        max-width:100%;
        left:0;
        height:auto;
    }
    .page-activities-show .messages-container .footer-message .avatar{
        top:0;
    }
    /************************** END VIDEOS *************************/
}

@media screen and (max-width: 480px){
    /************************** HEADER - MENU *************************/
    body > .header {
        width: calc(100% - 6px);
        margin: 12px auto 6px auto;
    }
    .header .logo{
        width:150px;
    }
    body > .header .menu {
        height: 115px;
    }
    /************************** END HEADER - MENU *************************/

    /************************** PAGE INDEX ACTIVITIES *************************/
    .page-activities-index .container-add-activity a.add-link{
        width:120px;
    }
    .page-activities-index .container-add-activity a.add-link i{
        top:10%;
    }
    .page-activities-index .content-container table tr td.activity-content .activity-description{
        display: none;
    }
    .page-activities-index .content-container table tr td.activity-content{
        padding:0 10px;
    }
    .page-activities-index .content-container .cont-nb-members .activity-content .number span:last-child{
        display: none;
    }
    .page-activities-index .content-container .cont-nb-members i,
    .page-activities-index .content-container .cont-partners i
    {
        font-size:3em;
    }
    /************************** END PAGE INDEX ACTIVITIES *************************/

    /************************** PAGE SHOW ACTIVITIES *************************/
    .page-activities-show .messages-container .footer-message .info-header-message{
        /*display: block;
        width: 78%;*/
    }
    .page-activities-show .container-action-list a.add-link {
        width: 120px;
    }
    .page-activities-show .container-action-list a.add-link i{
        top:10%;
    }
    /************************** END PAGE SHOW ACTIVITIES *************************/
}

@media screen and (max-width: 992px) {
    .video-container {
        position: fixed;
        top: calc(50% - 120px);
        left: calc(50% - 160px);
        width: initial;
        height: initial;
        z-index: 9999999;
    }
    .video-js {
        font-size: 20px;
        height: 240px !important;
        width: 320px !important;
    }
    .vjs-fullscreen-control {
        top: -180px !important;
    }
    .login-forgot-video {
        margin-top: 10px;
        float: left !important;
        margin-left: 5px;
    }
}

@media screen and (max-width: 991px) {
    .contains-video video.video {
        position: fixed !important;
        top: 50% !important;
        left: calc(50% - 130px) !important;
        height: 200px;
        margin-top: -100px;
        width: 260px;
    }
    .cont-btn-nb-answer-first {
        display: none !important;
    }
    .page-activities-show .add-answer-link {
        display: none;
    }

    /* preferences */
    .settings-circles, .preferences-circles {
        display: none !important;
    }
    .main-video {
        width: 50%;
        margin: -30px 0 5px -15px;
    }
    .language-bloc img.picto-lsf {
        min-width: 150px;
        /*height: 30px;
      width: 30px;*/
    }
    .language-bloc .contains-video,
    .presentation-bloc .contains-video,
    .color-preferences-container .contains-video {
        width: 50%;
        margin-left: -30px;
    }
    .language-bloc .contains-video img.picto-lsf,
    .presentation-bloc .contains-video img.picto-lsf,
    .color-preferences-container .contains-video img.picto-lsf {
        /*width: 100%;*/
        height: auto;
    }
    .color-preferences-container .col-md-9 {
        width: 70%;
    }
    /*#settings-3 .col-md-9 {
        margin: 30px auto 0 auto;
    }*/
    /*#settings-3 .choice-border {
        float: right;
    }*/
    #settings-3 .preferences-border {
        min-width: 150px;
    }
    .color-preferences-container .bloc-colors {
        margin-right: -30px;
    }
    .language-bloc img.fr-flag {
        display: none;
    }
    #settings-4 .circle-checkbox {
        margin-bottom: 15px;
    }
    .page-users-password-change img {
        width: 60%;
    }
    .page-users-password-change input {
        margin-left: -20px;
        width: 220px !important;
        min-width: 0px !important;
    }
    .page-users-password-change button {
        float: left;
    }
}

@media screen and (max-width:599px){
    .row-preference{
        display: block;
        padding: 0;
    }
    .color-preferences-container .col-md-9
    {
        width: 100%;
        padding: 0;
    }
    .language-bloc .contains-video,
    .presentation-bloc .contains-video,
    .color-preferences-container .contains-video
    {
        margin-bottom:10px;
    }
    .display-preferences-container .input-preference label,
    .display-preferences-container .zoom-in{
        display: block;
    }
}

/* @media screen and (max-width: 1024px) {
    .page-activities-show .messages-container .cont-answers-first {
        margin-top: -36px;
    }
    .header > .menu .cont-members {
        display: none;
    }
    .dropdown .cont-members {
        position: relative;
        display: inline-block;
    }
} */