@media all and (max-width:767px) {
    div#container div#footer div.topbar ul.mainmenu li span.text {
        display: none;
    }
    div#container div#footer div.topbar ul.mainmenu li {
        font-size: 10px;
        font-weight: 400;
        padding-left: 5px;
        padding-right: 5px;
        margin-right: 0;
        height:32px;
        line-height:32px;
    }

    div.slide#agence.realisateurs div.back_layout ul.people li.people_li div.active_panel div.center_part p.people_firstname {
        width:100%;
    }

    div#container div#footer div.topbar {height:64px;}

    div#container div#footer div.topbar ul.socialmenu li.follow {
        width: calc(100% - 140px);
    }

    div#container div#footer div.topbar ul.socialmenu {
        width:100%;
        height:45px;
    }

    div.slide#home div.big_btn.showreel div.logo {
        transform:scale(0.7) !important;
    }

    div.slide.add_subnav div.go_up {
        display:none;
    }

    div.slide#news div.subslide div.singlenew div.new_next_btn {
        bottom:80px !important;
    }

    div.slide#news div.subslide div.stuck_bottom {
        bottom:130px !important;
    }

    div.slide#news div.subslide div.singlenew div.sub {
        max-width:90% !important;
    }
    div.slide#news div.subslide div.singlenew div.title {
        font-size:350% !important;
    }

    div.slide#home div.big_btn.showreel {
        height:35% !important;
    }

    div.slide#home div.news_nav {
        bottom:26% !important;
    }

    div#container div#footer div.contextbar {
        height:150px !important;
    }

    div#container div#footer div.contextbar ul li {
        width:99% !important;
    }

    div.slide#agence div.compo_top div.hexablock div.titleblock {
        display: none !important;
    }

    div.slide#agence div.compo_bottom {
        display:none !important;
    }

    div#container div#page {
        overflow-x:hidden;
    }

    div.slide#agence div.back_layout ul.people {
        width:100%;
        height:auto;
    }

    div.slide#agence div.back_layout ul.people li.people_li {
        width:100% !important;
        height:60vh
    }

    div.slide#agence div.back_layout ul.people li.people_li .picture.legacy {
        width:100%;
    }

    div.slide#agence div.front_layout div.controller {
        top:20% !important;
        display: none;
    }

    div.slide#agence div.back_layout ul.people li.people_li.open div.active_panel {
        width:78% !important;
        padding-top:15%;
        overflow:auto;
    }

    div.slide#agence div.back_layout ul.people li.people_li div.common_panel h2.people_label {
        bottom:30px;
        right:30px;
        left:auto;
    }


    div.slide#agence.realisateurs div.back_layout ul.people li.people_li.open div.active_panel {
        width:calc(100% - 15px) !important;
        padding-top:15%;
        padding-left:15px;
        padding-right:15px;
    }

    div.slide#agence.realisateurs div.back_layout ul.people li.people_li.open div.active_panel div.center_part p.people_desc {
        width:100%;
        max-width:100%;
    }

    div.slide#agence.realisateurs div.back_layout ul.people li.people_li.open div.active_panel div.center_part .col-8 {
        width:100%;
        margin-top:0;
    }

    div.slide#agence.realisateurs div.back_layout ul.people li.people_li.open div.active_panel div.center_part .col-8 iframe {
        width:100%;
        height:66vw;
    }

    div.slide#agence.realisateurs div.back_layout ul.people li.people_li.open div.active_panel div.grid-rea {
        margin:0;
        width:100%
    }

    div.slide#agence.realisateurs div.back_layout ul.people li.people_li.open div.active_panel div.grid-rea>div {
        width:50%;
        height:50vw;
    }

    div.slide#agence div.front_layout {
        width:5% !important;
    }

    div.slide#agence div.back_layout ul.people li.people_li.open div.common_panel {
        width:0% !important;
    }

    div.slide#agence div.back_layout ul.people li.people_li div.active_panel div.close_btn {
        left:auto !important;
        right:65px !important;
        top:1px
    }

    div.slide.add_subpagin div.pagina {
        display:none !important;
    }

    div.slide#expertise div.subslide#expertise_1 div.single_expertise {
        height:94% !important;
    }

    div.slide#expertise div.subslide div.single_expertise div.grey_panel div.frise {
        display: none !important;
    }

    div.slide#expertise div.subslide div.single_expertise div.grey_panel div.left_desc, div.slide#expertise div.subslide div.single_expertise div.grey_panel div.center_keys, div.slide#expertise div.subslide div.single_expertise div.grey_panel div.right_tags,
    div.slide#offre div.subslide div.single_offre div.grey_panel div.left_desc, div.slide#offre div.subslide div.single_offre div.grey_panel div.center_uls, div.slide#offre div.subslide div.single_offre div.grey_panel div.right_ul {
        float: none !important;
        width:96% !important;
    }

    div.slide#expertise div.subslide div.single_expertise div.grey_panel,
    div.slide#offre div.subslide div.single_offre div.grey_panel {
        height: calc(100vh - 192px) !important;
        overflow:auto;
    }

    div.slide#expertise div.subslide div.single_expertise h2,
    div.slide#offre div.subslide div.single_offre h2 {
        font-size:350% !important;
    }

    div.vousnous div.inner {
        min-width: 90% !important;
    }

    div.vousnous div.inner div.popin form.popin_form div.left_part, div.vousnous div.inner div.popin form.popin_form div.right_part {
        width:98% !important;
    }

    div.slide#expertise div.subslide div.single_expertise div.grey_panel div.goto_next_subslide, div.slide#expertise div.subslide div.single_expertise div.grey_panel div.goto_prev_subslide,
    div.slide#offre div.subslide div.single_offre div.grey_panel div.goto_next_subslide, div.slide#offre div.subslide div.single_offre div.grey_panel div.goto_prev_subslide {
        display:none !important;
    }

    div.slide#offre .offre {
        padding-top:150px !important;
    }

    div.slide#realisations div.front_layout div#mosaique_real ul.projects li.project {
        width:96% !important;
        margin:2% !important;
    }

    div#container div#footer div.filterbar {
        height:90px !important;
    }

    div#container div#footer div.filterbar div.filter_by {
        height:30px !important;
        line-height:40px !important;
    }

    div#container div#footer div.filterbar div.all_filter.current, div#container div#footer div.filterbar ul.nav li {
        height:30px !important;
        line-height:30px !important;
    }

    div#container div#footer div.filterbar div.filter_panel div.left_head {
        width:100% !important;
        height:90px !important;
    }

    div#container div#footer div.filterbar div.filter_panel div.ul_frame {
        width:100% !important;
        height:170px !important;
    }
}