.bg_menu{
    width: 100%;
    background: #191D20;
    border-top: 3px solid #bd9219;
}
.box_menu{
    max-width: 1280px;
    margin: 0 auto;
    width: 100%;
}
.box_menu .social{
    width: auto;
    display: block;
    float: right;
}
.box_menu .social img{
    width: 23px;
}
.social a{
    display: block;
    padding: 14px;
    transition-property: all;
    transition-duration: 0.4s;
}
.social a:hover{
    background: #bd9219;
}
.toggler-main-navbar{
    padding: .7rem .7rem;
    font-size: 1.6rem;
    line-height: 1;
    background: #fff;
    border: 1px solid transparent;
    border-radius: .25rem;
}
#main-navbar{
    display: none;
}
#main-navbar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: #191D20;
}
#main-navbar ul li {
    display: block;
    float: none;
    background: #191D20;
}
#main-navbar ul ul li {
    background: #252a2d;
}
#main-navbar ul ul{
    margin: auto 10px;
}
#main-navbar ul ul ul li {
    background: #303335;
}

#main-navbar ul li a {
    display: block;
    padding: 15px 12px;
    text-decoration: none;
    /*white-space: nowrap;*/
    color: #fff;
    font-weight: 700;
    font-size: .8em;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition-property: all;
    transition-duration: 0.4s;
}

#main-navbar ul li a:hover { color: white; background: #bd9219;}

/*Media queries*/

@media only screen and ( min-width: 780px ) {
    #main-navbar{
        display: block!important;
        float: left;
    }
    .toggler-main-navbar{
        display: none;
    }
  /*Set the parent <li>’s CSS position property to ‘relative’.*/
    #main-navbar ul li {
        position: relative;
        float: left;
    }

  /*The CSS to hide the sub menus.*/
    #main-navbar li ul { display: none; width: 250px; }

  /*Displays the dropdown menu on hover.*/
    #main-navbar li:hover > ul {
        display: block;
        position: absolute;
        z-index: 1;
    }

    #main-navbar li:hover li { float: none; }

    #main-navbar li ul li { border-top: 0; }
  
    #main-navbar ul ul{
        margin: 0;
    }

  /*Displays second level dropdown menus to the right of the first level dropdown menu.*/
    #main-navbar ul ul ul {
        left: 100%;
        top: 0;
    }

  /*Simple clearfix.*/
    #main-navbar ul:before,
    #main-navbar ul:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }
    #main-navbar ul:after { clear: both; }
}