/*.responsive-menu:hover #PanelLeft {
    display: block;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0;
}*/

#PanelLeft{display:none;}

#PanelLeft li a {
    color: #1b1b1b;
    border-radius: 0px;
    border-bottom: 1px solid #ccc;
    padding:2px 5px 5px 5px;
    font-size: 14px;
    text-align: left;
}

/*.menu-wrapper li a:hover{
  background:#404040;
}*/

.side-sub-menu li a {
  background-color:transparent;
  padding: 4px 12px;
  display: block;
  font-size: 12px;
}

.side-sub-menu .side-sub-menu li a {
  padding-left:24px;
  display:block;
  color:#fff;
}

.side-sub-menu li a:hover {
  text-decoration:none;
}




.side-sub-menu {
padding: 6px 0;
margin-left: 0;
margin-right: 0;
list-style: none;
}

.color1, 
.color2, 
.color3, 
.color4{
margin: 0 0 5px 0;
max-width:300px;
color:#fff;
padding:10px;
text-align:center;
}

.grey1, 
.grey2, 
.grey3, 
.grey4{
margin: 0 0 5px 0;
max-width:300px;
color:#404040;
padding:10px;
text-align:center;
}

.btnEntry, .btnNav, .btnDefault {
text-transform: none;
cursor: pointer;
cursor: hand;
padding: 6px 12px;
margin-left: 0px;
margin-right: 0px;
}

.btnNav {
  background-color: #fff;
  border: #ccc 1px solid;
  color: #404040;
}

.btnDefault {
  background-color: #ccc;
  border: #ababab 1px solid;
  color: #404040;
}

.btnEntry {
  background-color: #ccc;
  border: #b2b2b2 1px solid;
  color:#fff;
}

.btnEntry:hover, .btnNav:hover, .btnDefault:hover {
  text-decoration:none;
}

.btnEntry:hover {
  color:#fff;
}

.btnNav:hover, .btnDefault:hover {
  color:#404040;
}

/* dont use the caret in the app use icomoon */

.caret {
  float:right;
  margin-top:7px;
}

@media only screen and (max-width: 1366px) {
#flat-mega-menu{display:block;}
}
@media only screen and (max-width: 768px) {
#flat-mega-menu{display:none !important;}
#PanelLeft{float:left;width:100%;display:none;}
.hide-show-menu{margin-right:-15px; margin-left:-15px;}
.product-base{margin-left:0;}
}