@media (max-width: 767px) {
 

#block_top_menu { padding-top: 32px; margin-bottom: 0px; position: relative; z-index: 2; }


}
/*** ESSENTIAL STYLES ***/

.sf-contener { clear: both; float: left; width: 100%; }


.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; }


.sf-menu { position: relative; padding: 0; width: 100%;  display: table; }


.sf-menu ul { position: absolute; top: -999em; background: white; }


.sf-menu ul li { width: 100%; }


.sf-menu li:hover { visibility: inherit;/* fixes IE7 'sticky bug' */ }


.sf-menu > li { float: left;  }


/*** SINGLE DROPDOWN  START ***/


.sf-menu .single-dropdown { float: left;  position: relative; }


.sf-menu .single-dropdown ul { padding: 26px 30px 31px; width: 240px; }


.sf-menu > .single-dropdown > ul > li { float: left; width: 100%; padding-right: 15px; }


.sf-menu > .single-dropdown > ul > li > ul { width: 100%; padding: 26px 0 0; }


/*** SINGLE DROPDOWN  END ***/


.sf-menu > li > a {font-weight: bold; font-size: 18px; padding: 10px 30px; display: block; }


.sf-menu > li.sfHover > a, .sf-menu > li > a:hover, .sf-menu > li.sfHoverForce > a { background: #44474e; color: white; display: block;}


.sf-menu li li li a { display: inline-block; position: relative; color: #777777; /*font: 500 18px/25px  "sans-serif";*/ padding-bottom: 10px; }


.sf-menu li li li a:before { content: "\f105"; display: inline-block; font-family: "FontAwesome"; padding-right: 10px; }


.sf-menu li li li a:hover { color: #333333; }


.sf-menu li ul { display: none; left: 0; top: 60px; /* match top ul list item height */ z-index: 99; padding: 12px 0 18px 0; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 13px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 5px 13px; box-shadow: rgba(0, 0, 0, 0.2) 0 5px 13px; }


.sf-menu li li ul { position: static; display: block !important; opacity: 1 !important; background: none; padding-bottom: 0; -moz-box-shadow: transparent 0 0 0; -webkit-box-shadow: transparent 0 0 0; box-shadow: transparent 0 0 0; }


.sf-menu li li li ul { padding: 0 0 0 20px; }


.sf-menu li li li ul { width: 220px; }


ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; }


ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 200px; /* match ul width */ top: 0; }


ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }


ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 200px; /* match ul width */ top: 0; }


.sf-menu > li > ul { padding: 26px 30px 31px; width: 100%; }


.sf-menu > li > ul > li > a { text-transform: uppercase; font: 500 18px/25px  "sans-serif"; color: #333333; }


.sf-menu > li > ul > li > a:hover { color: #515151; }


.sf-menu > li > ul > li { float: left; width: 20%; padding-right: 15px; }


.sf-menu a {font-size: 14px;    font-weight: normal;    color: #fff;    text-decoration: none;
    cursor: pointer;    transition: all .5s;    -moz-transition: all .5s;    -webkit-transition: all .5s; }

@media (max-width: 992px) {
 
.sf-menu > li > ul > li > a {
 font-size: 11px;
}

}

@media (max-width: 767px) {
 
.sf-menu {
/* display: none;
*/}

.sf-menu ul {
 position: relative;
}
 
.sf-menu > li {
 float: none;
 position: relative;
 border-right: none;
 width: 100%;
}
 
.sf-menu > li span {
 position: absolute;
 right: 6px;
 top: 16px;
 width: 30px;
 height: 30px;
 color: #ffffff;
 z-index: 2;
}
 
.sf-menu > li span:after {
 font-family: "FontAwesome";
 content: "\f067";
 font-size: 26px;
}
 
.sf-menu > li span.active:after {
 content: "\f068";
}
 
.sf-menu > li > a {
 text-align: left;
 padding: 15px 20px 16px 20px;
}
 
.sf-menu li ul {
 top: 0;
}
 
.sf-menu li li ul {
 padding-bottom: 20px;
}
 
.sf-menu > li > ul > li {
 width: 50%;
}
 
.sf-menu > li > ul > li.first-in-line-lg {
 clear: left;
}



/*** SINGLE DROPDOWN  START ***/


.sf-menu .single-dropdown { float: none; border-right: none; width: 100%; position: relative; }


.sf-menu .single-dropdown ul { padding: 26px 30px 31px; width: 100%; }


.sf-menu > .single-dropdown > ul > li { float: left; width: 100%; padding-right: 15px; }


.sf-menu > .single-dropdown > ul > li > ul { width: 100%; padding: 26px 0 0; }


/*** SINGLE DROPDOWN  END ***/



 
.cat-title {
 display: block;
 font: 600 18px/22px  sans-serif;
 text-transform: uppercase;
 color: #ffffff;
 display: block;
 padding: 17px 20px;
 background: #31353d;
 position: relative;
}
 
.cat-title:hover {
 background: #31353d;
 border-bottom-color: #666666;
 color: white;
}

.cat-title:after {
 display: block;
 font-family: "FontAwesome";
 content: "\f067";
 position: absolute;
 right: 15px;
 top: 18px;
 font-size: 26px;
}
 
.cat-title.active:after {
 content: "\f068";
}
}

 @media (min-width: 480px) and (max-width: 767px) 
{
 .sf-menu > li > ul > li.first-in-line-xs {
 clear: left;
}

}

 @media (max-width: 479px)
 {
 .sf-menu > li > ul > li {
 width: 100%;
}
 
.sf-menu > li > ul > li#category-thumbnail > div {
 width: 100%;
 padding-left: 0;
 padding-top: 10px;
 text-align: center;
}



}