html body{
    min-width:auto !important;
}
#header{
 max-height:89px;
}

#mobile_menu_principal,
#btn_menu_mobile{
    display:none;
}
#btn_menu_mobile{
    float:right;
    height:89px;
    width:60px;
    position: relative;
    z-index: 100;
}
#mobile_menu_principal{
    background-color:#464646;
    margin-left:0px;
    list-style:none;
    margin-top:90px;
    position:absolute;
    width:100%;
}

    #mobile_menu_principal li a{
        border-top:solid 1px #e7e6e6;
        color:#e7e6e6;
        display:block;
        font-weight:bold;
        font-size:16px;
        padding:5px 0px 5px 5%;
    }
        #mobile_menu_principal li:first-child a{
            border-top:none;
        }

        #mobile_menu_principal a:hover{
            background-color:#e7e6e6;
            color:#464646;
        }

@media screen and (max-width: 1200px){

    body{
        min-width: auto !important;
    }

    /* #menu is the original menu */
    .yes_js #menu {
        display:none;
    }

    .yes_js .slicknav_menu {
        display:block;
    }

    #header,
    #tagline,
    #services,
    #footer,
    #copyright,
    #cbox_title,
    .event_info{
        min-width:auto !important;
    }

    .inner{
        width:auto !important;
    }
    #logo, #logo a{
        overflow:initial !important;
    }

    #services .inner,
    #footer .inner{
        padding:0px 2% !important;
    }

    .one-fourth,
    #footer .column,
    #services .titles, #latest-works .titles,
    .bubble{
        margin:0px 1% 10px 1%;
        width:23% !important;
    }
    #services .bubble{
        width:31% !important;
    }

    .services-list{
        margin-left:0px !important;
        width:75% !important;
    }

    #copyright .inner .left{
        float:none !important;
        margin:0 auto !important;
        width:150px !important;
    }

    #slogan{
        padding:20px 10px !important;
    }
    #cpage_title_box > .inner{
        padding-left:10px;
    }

    /* PAGE DƉMƉNAGEMENT RƉSIDENTIEL */
    #content .event_info{
        float:none;
        width:auto !important;
    }
    #content div.hentry-post{
        width:60%;
    }
    #content div.hentry-post img {
        margin-right: 20px !important;
    }

    /* PAGE GALLERY */
    #content .sidebar.sidebar-big-size{
        float:none;
        width:auto;
    }
    #gallery_categories_widget li{
        float:left;
        margin:0 10px;
    }
    .hentry-post.wrap_gallery,
    #portfolio-gallery,
    .hentry-post.wrap_gallery .gallery-wrap{
        width:auto !important;
    }

    .hentry-post.wrap_gallery,
    #content .sidebar.sidebar-big-size{
        margin:0px 4%;
    }
    .gallery-wrap li{
        margin: 0 1% 0 0;
    }
    .gallery-categories h4{
        display:inline-block;
    }
    ul#gallery_categories_widget{
        float:right;
    }


    /* PAGE CONTACT */
    #content.contact .hentry-post{
        float:none !important;
        margin-top:0px !important;
        width:auto !important;
    }
    #content.contact .hentry-corner{
        display:none;
    }
    #content.contact .layout-sidebar-right .clear.space{
        display:none;
    }
    #content .contact-form li{
        margin-bottom:0px;
    }

    #content .contact-form li.text-field input, #content .contact-form li select, #content .contact-form li textarea{
        width:100% !important;
    }
    #content .contact-form li textarea{
        max-width:initial !important;
    }

    #content .contact-form li.submit-button input{
        margin-bottom:25px;
    }
}

@media screen and (max-width: 990px){
    #menu_principal{
        display:none !important;
    }

    #mobile_menu_principal,
    #btn_menu_mobile{
        display:block;
    }
    #header{
        overflow:hidden;
        max-height: none;
    }

    #tagline{
        margin-bottom:0px;
    }

    .one-fourth,
    #footer .column{
        margin:0px 1% 10px 1%;
        width:48% !important;
    }

    #services .titles, #latest-works .titles{
        margin-bottm:10px;
        text-align:center;
        width:98% !important;
    }

    .services-list{
        width:100% !important;
    }
    .bubble{
        width:31% !important;
    }

    /* PAGE DƉMƉNAGEMENT RƉSIDENTIEL */
    #content div.hentry-post{
        margin:0px 20px 10px;
        width:auto !important;
    }
    #content .sidebar{
        margin:0px auto 10px;
        float:none !important;
    }

    /* PAGE CONTACT */
    #content.contact > .inner > .sidebar .widget{
        float:none;
    }
    #content.contact > .inner > .sidebar p{
        clear:both;
    }
}

@media screen and (max-width: 700px){

    .testimonial-widget div.testimonial-text{
        padding:10px;
    }

    .one-fourth,
    #footer .column,
    .bubble{
        margin:10px 1%;

        width:98% !important;
    }

    #services .bubble{
        width:98% !important;
    }

    #content.contact > .inner > .sidebar .textwidget{
        float:none !important;
        margin-top:0 !important;
    }
}

@media screen and (max-width: 460px){

    #logo, #logo a{
        float:none;
        max-width:323px;
        padding-top:10px;
        width:90% !important;
    }

    #logo a img{
        width:100% !important;
    }

    .contact .widget{
        width:100% !important;
    }
}