@media all and (max-width:840px){@viewport{width:device-width;zoom:1}#main{bottom:0}.main-popin .content-container{padding:1.5rem 1rem}.confirm-popin{width:100%;margin-left:0;left:0}#top-bar nav{width:auto;position:relative}.top-part{padding:0 10px}#topTitle{padding-left:10px;width:auto}#leftCol+#centralContainer,.one-col #centralContainer,.three-cols #centralContainer,.two-cols #centralContainer{width:100%;box-sizing:border-box;margin-left:0}#timelineContainer .brick-list{width:100%}#timelineContainer .white-brick{width:100%;margin:5px 0;min-width:auto}.menu .notifs-count{border-radius:50%;position:absolute;font-size:.3em;top:0;width:10px;height:10px;line-height:10px;right:0}.feed-brick .list-container .task-brick{width:100%}.left-menu{display:block;position:fixed;top:0;bottom:0;left:-100%;max-width:300px;width:100%;z-index:26;transition:left .3s ease-in;overflow:auto;box-shadow:#333 0 0 15px}.left-menu.open{left:0}.left-menu .link{height:40px;line-height:40px}.left-menu .content{min-height:calc(100% - 140px)}.left-menu footer{display:block;position:relative;margin-top:20px;color:#fff;height:auto}.left-menu footer a{display:block;margin:5px 0;color:#FFF}#leftMenuOverlay{position:fixed;display:none;top:0;left:0;right:0;bottom:0;z-index:25}footer{display:none}.left-menu .rounded-photo{margin:10px auto}.left-menu .close-btn{position:absolute;top:5px;right:5px}#leftCol{width:100%;position:relative;left:0;height:auto;padding:0 10px;box-sizing:border-box}#rightCol{width:100%}.share-bundle .modules-container{position:absolute;top:0;bottom:0;right:0;width:90%;z-index:2}.share-bundle .modules-container:not(.closed){box-shadow:rgba(0,0,0,.1) 0 2px 10px}.share-bundle .modules-container.closed{width:0}#leftCol.profile-container{padding:0}#navMenu .link{display:inline-block;box-sizing:border-box}#navMenu #profile-container{width:250px;margin:0 auto 10px;padding:0;text-align:center}.event-brick,.mission-brick,.power.white-brick,.user.white-brick,.wish-user-brick{width:100%}.notifs-list{position:fixed;width:100%;top:5.5em;left:0;right:0;bottom:0;max-height:none}#skillSearchResults{width:100%;margin:0;box-sizing:border-box}.user-power .detail,.user-power .tarif{display:none}.home-bigtitle>div{width:100%;min-width:auto}#heyLook{right:50%;margin-right:-100px}#howManyBlock{margin-top:130px}.home-title h3{margin-left:10px}.home-part .thirdw{width:100%;max-width:500px;min-width:initial}.home-part .halfw{width:100%}#heyTeaser{top:0;left:0;right:auto}#heyTeaser img{display:none}#teaserVideo{width:100%;margin-top:25px}#home-introduction{height:auto}#home-introduction .content{position:relative;margin-top:auto}.concept-block{padding:60px 10px}#register-form .upload-img-container{width:100%;margin-bottom:10px}#register-form .form-container{width:100%;padding-left:0}.add-powers-module{position:relative;bottom:auto;right:auto;left:auto;top:auto}.tree-container{position:relative;top:auto;left:auto;right:auto;bottom:auto}.add-powers-module .tree-container{left:0}.add-powers-module .library-picker{display:none}.add-powers-module .libraries-list{position:relative;top:auto;left:auto;right:auto;bottom:auto}.family-container .reg_library:not(.logo-only){margin-bottom:2px}.radial-progress,.radial-progress .circ .fill,.radial-progress .circ .mask{width:60px;height:60px}.radial-progress .circ .fill{clip:rect(0,30px,60px,0)}.radial-progress .circ .mask{clip:rect(0,60px,60px,30px)}.radial-progress .inset{width:45px;height:45px;margin-left:7.5px;margin-top:7.5px}.radial-progress .count .total{right:27.5px;bottom:15px;font-size:2em}.radial-progress .count .mini{top:27.5px;font-size:.75em;left:32px}.radial-progress .count .mini span:first-child{font-size:.75em}.radial-progress.full .total{left:10px;right:10px;bottom:5px;font-size:1.25em}.radial-progress.full .circ,.radial-progress.full .count .mini{display:none}.radial-progress .count .end{top:20px;font-size:.8em}.add-powers-module .tasks-list .scroll-container{top:50px;text-align:center}.add-powers-module .autocomplete-block input{padding-top:10px;padding-bottom:10px}.add-powers-module .autocomplete-block .search-block::after{top:4px}#registerProgressBlock{left:10px;right:60px}.add-powers-module .families,.add-powers-module h2{display:block}.add-powers-module .families{height:auto;margin-top:10px}.add-powers-module .families .family-block{height:100px}.add-powers-module .family-block{width:100%!important;margin:0 0 10px}.add-powers-module .families .reg_library{width:100%;margin:5px 0}.popin .popin-content h2{font-size:1.2em;margin:0}.popin .popin-content h2 .standard-icon.large{width:30px;height:30px;line-height:30px;font-size:25px}.wish-type-select.active{z-index:10}.wish-type-select .wish-type-options{position:fixed;top:6em;left:50%;margin-left:-125px;z-index:11}#affinityChartContainer,#selfChartContainer{width:100%;margin-top:10px}.map-list-display .list-block{width:100%}.map-list-display .map-container{display:none}#community-page-container #searchString,#community-page-container #searchString input,#community-page-container #searchString+div{width:100%}#community-page-container .list-container{text-align:center}#myCommunitiesBlock{right:10px;top:60px}.add-powers-module #endActions{bottom:10px;right:10px}.list-actions{width:100%;height:auto;line-height:normal;margin-bottom:10px}.list-title{margin-right:0;height:auto;margin-bottom:10px}.dashboard-cluster{padding:0}.dashboard-cluster #topLibrary{margin-bottom:40px}.post-popin{box-sizing:border-box}.post-popin.open{width:100%;margin-left:0;left:0;overflow:auto}.share-bundle{right:0}.task-brick .context-menu-container{display:block}.cards-list>.halfw{width:100%}.cards-list.top-cards .list-container{white-space:nowrap;overflow-x:auto;overflow-y:hidden}.cards-list.top-cards .card{display:inline-block!important;white-space:initial}#addTask #librarySelectorContainer,#addTask #librarySelectorContainer+div{width:100%}.cards-list[data-col-nb='1'] .card{width:calc(100%);margin:5px 0}.cards-list.top-cards[data-col-nb='1'] .user-card:nth-child(2),.cards-list.top-cards[data-col-nb='1'] .user-card:nth-child(3),.cards-list.top-cards[data-col-nb='1'] .user-card:nth-child(4),.cards-list.top-cards[data-col-nb='1'] .user-card:nth-child(5),.cards-list.top-cards[data-col-nb='1'] .user-card:nth-child(6){display:inline-block}.cards-list[data-col-nb='2'] .user-card{width:calc(100%/2 - 20px);margin:10px}.cards-list.top-cards[data-col-nb='2'] .user-card:nth-child(3),.cards-list.top-cards[data-col-nb='2'] .user-card:nth-child(4),.cards-list.top-cards[data-col-nb='2'] .user-card:nth-child(5),.cards-list.top-cards[data-col-nb='2'] .user-card:nth-child(6){display:inline-block}.cards-list[data-col-nb='3'] .user-card{width:calc(100%/3 - 20px);margin:10px}.cards-list.top-cards[data-col-nb='3'] .user-card:nth-child(4),.cards-list.top-cards[data-col-nb='3'] .user-card:nth-child(5),.cards-list.top-cards[data-col-nb='3'] .user-card:nth-child(6){display:inline-block}.cards-list[data-col-nb='4'] .user-card{width:calc(100%/4 - 20px);margin:10px}.cards-list.top-cards[data-col-nb='4'] .user-card:nth-child(5),.cards-list.top-cards[data-col-nb='4'] .user-card:nth-child(6){display:none}.cards-list[data-col-nb='5'] .user-card{width:calc(100%/5 - 20px);margin:10px}.cards-list.top-cards[data-col-nb='4'] .user-card:nth-child(6){display:none}.cards-list[data-col-nb='6'] .user-card{width:calc(100%/6 - 20px);margin:10px}.top-cards.cards-list[data-col-nb='1'] .card{width:calc(90% - 20px);margin:10px}.top-cards.cards-list[data-col-nb='2'] .card{width:calc(90%/2 - 20px);margin:10px}.top-cards.cards-list[data-col-nb='3'] .card{width:calc(90%/3 - 20px);margin:10px}.top-cards.cards-list[data-col-nb='4'] .card{width:calc(90%/4 - 20px);margin:10px}.top-cards.cards-list[data-col-nb='5'] .card{width:calc(90%/5 - 20px);margin:10px}.top-cards.cards-list[data-col-nb='6'] .card{width:calc(90%/6 - 20px);margin:10px}.top-cards.cards-list[data-col-nb='7'] .card{width:calc(90%/7 - 20px);margin:10px}.top-cards.cards-list[data-col-nb='8'] .card{width:calc(90%/8 - 20px);margin:10px}.top-cards.cards-list[data-col-nb='9'] .card{width:calc(90%/9 - 20px);margin:10px}.top-cards.cards-list[data-col-nb='10'] .card{width:calc(90%/10 - 20px)}.chat-container .rounded-photo{width:25px;height:25px}.msg-brick .avatar-brick{ height:25px;width:35px}.msg-brick .msg-block{max-width:calc(100% - 35px)}.msg-brick:not(.active) .msg-block:hover .message-menu-container .menu{opacity:0;visibility:hidden}.chat-container textarea{font-size:16px}.chat-container .input-caption small.grey-txt{display:none}.bloc-action .btn{margin:20px 10px}.chat-container .msg-creation-container{overflow-y:auto}.page .blackbox{width:100%;padding:1rem}.page .blackbox .blackbox-content{width:100%}.main-popin>.close-btn{top:1rem;right:1rem}.thumbs:not(.stretch) [data-thumb]+[data-thumb]{margin-left:10px}}