@media screen and (max-width: 992px) {
   #logo img{
       height: 50px;
   }
   #menu li{
       width: 100%;
       padding:0 15px;    
   }
   #menu li a{
       width: fit-content;
       padding: 0;
       margin: 0 auto;
   }
   #nav-menu{
       top: 79px;
       padding-bottom: 30px;
        height: 500px;
        overflow: auto;
       box-shadow: 2px 2px 10px #ccc;
   }
   .slider-revolution.fullwidthbanner-container,.breadcrumb-wrapper{
       margin-top: 79px;
   }
   .sub-menu2{
       width: 100%;
       margin: 0 auto !important;
       top: 0;
       display: block !important;
       background: none;
   }
   .sub-menu2 li{
    background: rgb(34,34,34);
    margin: 5px 0;
    padding: 8px 0 !important;
   }
   .sf-menu>li .fa{
       display: none !important;
   }
   #sfHover1 .fa{
       color: #fff !important;
   }
   .sfHover .fa{
    color: #333 !important;
}
#sub-menu2 a{
    padding: 10px 0;
}
}