.superfish-dlmenu { bottom:0;width:100%; position:absolute; top:0px;  }

.sf-menu { width:100%; border-right:1px solid #fff; }
.sf-menu li { width:20%; text-align:center; background:transparent; }
.sf-menu li.active { background:#E31E24; }
.sf-menu li a { color:#fff; }
.sf-menu li a:hover { color:#000; } 

#dl-menu { display:none; margin-top:-20px; }
.dl-menuwrapper { max-width:100%; }
.dl-menuwrapper li.dl-back:after, .dl-menuwrapper li > a:not(:only-child):after { color:#fff; }
.dl-menuwrapper li.dl-back > a { padding-left: 30px; background: rgba(0,0,0,0.5); }
.dl-menuwrapper li.dl-back > a:hover { padding-left: 30px; background: rgba(0,0,0,0.4); }
.dl-menuwrapper button { background:#E31E24; }
.dl-menuwrapper button:hover, .dl-menuwrapper button.dl-active, .dl-menuwrapper ul { background: #F32E34; }
.dl-menu, ul.dl-submenu {-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.72); -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.72); box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.72); }
.dl-menuwrapper li a { transition:1s ease }
.dl-menuwrapper li a:hover { text-decoration:none;padding-left:30px; transition:1s ease }

/* Landscape phone to portrait tablet */

@media (max-width: 767px) {
  .superfish-dlmenu {
      padding:7px 10px 0px 10px;
  }
  #dl-menu, .select-menu {
    display: block;
  }
  ul.sf-menu {
    display: none;
  }
}