@media screen and (min-width:992px){
    .prod-menu{display:flex;position:absolute;width:100%;}
    .navbar-collapse{}
    .navbar-toggle {margin-top: 0;padding-top: 35px;display: block;z-index: 35;}
    .navbar-collapse .social{padding-top:25px;text-align:center;}
    .navbar-collapse .social .fa{color:#fff;font-size:20px;}
    .navbar-toggle {
        z-index: 35;
        position: relative;
        width: 54px;
        height: 54px;
        transition: background 0.3s;
        /*overflow: hidden;*/
        margin: 0;
        padding: 0;
        border: none;
        border-radius:0;
        background-color: #f5821f;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .navbar-collapse {
        position: absolute;
        width: calc(100% - 54px);
        left: 54px;
        top: 0;
        z-index: 33;
        display: inline-flex;
        flex-wrap: nowrap;
        flex-direction:column;
        justify-content: center;
        box-shadow: none;
        border: none;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0;
    }
    
    .navbar-toggle::after {
        content: "Produits";
        position: absolute;
        top: 54px;
        left: 0;
        width: 100%;
        height: 0;
        visibility:hidden;
        color: #fff;
        display: flex;
        font-family: 'Open Sans Condensed', sans-serif;
        font-weight: 700;
        font-size: 16px;
        text-transform: uppercase;
        align-items: center;
        justify-content: flex-end;
        text-indent: -100px;
        background-color: #141414;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        writing-mode: tb-rl;
        -webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;
    }
    .navbar-toggle:hover::after{height:396px;visibility:visible;-webkit-transition:all 1s ease-out;-moz-transition:all 1s ease-out;-o-transition:all 1s ease-out;transition:all 1s ease-out;}
    
    .navbar-toggle .icon-bar {
        display: block;
        position: relative;
        width: 26px;
        height: 1px;
        background: #fff;
    }
    
    .navbar-toggle .icon-bar::before,
    .navbar-toggle .icon-bar::after {
        position: absolute;
        display: block;
        width: 100%;
        height: 1px;
        background-color: #fff;
        content: "";
    }
    
    .navbar-toggle .icon-bar {transition: background 0s 0.2s ease;}
    
    .navbar-toggle .icon-bar::before {left: 0px;top: -10px;}
    
    .navbar-toggle .icon-bar::after {left: 0px;bottom: -10px;width:19px;}
    
    .navbar-toggle span::before,
    .navbar-toggle span::after {transition-duration: 0.3s, 0.2s;transition-delay: 0.2s, 0s;}
    .navbar-toggle span::before {transition-property: top, transform;}
    .navbar-toggle span::after {transition-property: bottom, transform;}
    
    .navbar-toggle.x span {background: none;}
    .navbar-toggle.x span::before {top: 0;left: 0;transform: rotate(45deg);}
    .navbar-toggle.x span::after {top: 0;left: 0;transform: rotate(-45deg);width:100%;}
    .navbar-toggle.x span::before, .navbar-toggle.x span::after {transition-delay: 0s, 0.2s;}
    }