.mobile-custom-menu { display: inline-block; width: 100%; border-bottom: 0px solid #ccc; height: 50px; line-height: 1.1; }
#mbl-menu { list-style: none; position: relative; background: #fff; margin-bottom: 0px; width: 100%; margin-left: 0; padding: 4px 0px; display: inline-block; border-bottom: 1px solid #ccc; }
#mbl-menu a { font-size: 12px; display: block; white-space: normal; color: #000; padding:10px 0; text-decoration: none; line-height: 1.4; }
#mbl-menu a:hover { text-decoration: none; }
#mbl-menu li.main-item { float: left; width: 50%; text-align: center; border-right: 1px solid #222; margin: 0px 0; }
#mbl-menu li.main-item:last-child { border-right: 0px solid #222; }
#mbl-menu li.main-item a { color: #19212A; font-size: 14px; font-weight: 600; }
#mbl-menu li.main-item a:hover, #mbl-menu li.main-item.hover a { color: #19212A; }
#mbl-menu li.main-item ul li.sub-item a, #mbl-menu li.main-item ul li.sub-item a:hover { color: #19212A; padding: 5px 5px 5px 10px; margin-right: 0px; font-size: 14px; font-weight: 600; position: relative; text-align: left; width: 85%; }
#mbl-menu li.main-item ul li.sub-item.has-child { margin-right: 0px; }
#mbl-menu li.main-item ul li ul li.sub-item a,
#mbl-menu li.main-item ul li ul li.sub-item a:hover { margin-right: 0px; color: #1A1A1A !important; font-weight: 400; font-size: 13px; padding: 5px 10px; }
#mbl-menu li.main-item ul li.sub-item.has-child:after { font-weight: 400; position: absolute; content: ''; right: 8px; top: 50%; width: 6px; height: 6px; border-top: 1px solid #222; border-right: 1px solid #222; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
#mbl-menu li.main-item ul li.sub-item.has-child.hover:after { border-top: 1px solid #fff; border-right: 1px solid #fff; }
#mbl-menu li.main-item ul li ul li.sub-item a:after { display: none; }
#mbl-menu li { padding: 0px 10px; }
#mbl-menu > li.main-item.has-child.hover > a { color: #2A7DD6 !important; }
#mbl-menu li ul { display: none; position: absolute; background: #fff; border: 0px solid #999; padding: 0px; margin-left: 0; list-style: none; box-shadow: 0px 10px 30px #777; }
#mbl-menu li ul li { line-height: 22px; margin: 0; padding: 0px; border: 0px solid #f1f1f1; }
#mbl-menu li ul li.separator { line-height: 0; height: 0; font-size: 0; padding: 0; overflow: hidden; background: none; border-top: 1px solid #e0e0e0; border-bottom: 0px solid #fff; }
#mbl-menu li ul li.hover { background: #fff; border: 0px solid #aecff7; }
#mbl-menu li.main-item ul li.sub-item.has-child { background: url(arrow.gif) no-repeat right center; position:relative; }
#mbl-menu li.main-item ul li.sub-item.has-child.hover { background: #2A7DD6; color: #fff; }
#mbl-menu li.main-item ul li.sub-item.has-child.hover a { color: #fff; text-decoration: none; }
#mbl-menu li ul li.has-child.hover { border: 0px solid #aecff7; }
#mbl-menu li.main-item > ul { width: 50%; }
#mbl-menu li ul li ul { width: 93%; top: 0 !important; margin-left: 0px; overflow-y: scroll; max-height: 38vh; padding-bottom: 10px; }
#mbl-menu li ul li#back-menu {  position: relative;  padding-left: 20px !important; font-size: 14px; }
#mbl-menu li ul li#back-menu:after { font-weight: 400; position: absolute; content: ''; left: 10px; top: 50%; width: 6px; height: 6px; border-bottom: 1px solid #222; border-left: 1px solid #222; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
/*#mbl-menu li.main-item.has-child.hover ul li#back-menu:after { border-bottom: 1px solid #2A7DD6; border-right: 1px solid #2A7DD6; }*/
#mbl-menu li.main-item.has-child a.menu-arrow { position: relative; }
#mbl-menu li.main-item.has-child a.menu-arrow:after { position: absolute; content: ''; right: inherit; margin-left: 6px; top: 45%; width: 6px; height: 6px; border-bottom: 1px solid #222; border-right: 1px solid #222; -webkit-transform: translateY(-50%) rotate(45deg); -ms-transform: translateY(-50%) rotate(45deg); transform: translateY(-50%) rotate(45deg); }
#mbl-menu li.main-item.has-child.hover a.menu-arrow:after { border-bottom: 1px solid #2A7DD6; border-right: 1px solid #2A7DD6; }
#mbl-menu li.main-item > ul.brandGrid { width: 94% !important; min-width: 94% !important; position: absolute; left: 3% !important; padding: 1%; height: 65vh; overflow: auto; }
#mbl-menu li.main-item > ul.brandGrid li.brand.sub-item { width: 31%; margin: 1%; height: 130px; text-align: center; }
#mbl-menu li.main-item > ul.brandGrid li.brand.sub-item article.card { padding: 5px; border: 0; }
#mbl-menu li.main-item > ul.brandGrid li.brand.sub-item article.card .card-figure a { padding: 0; border: 1px solid #ddd; width: 100%; }
#mbl-menu li.main-item > ul.brandGrid li.brand.sub-item article.card .card-body { padding-top: 2px; }
#mbl-menu li.main-item > ul.brandGrid li.brand.sub-item article.card .card-body .card-title a { font-size: 14px; text-align: center; width: 100%; padding: 5px; font-weight: 400; }
#mbl-menu li.main-item ul li.sub-item.has-child ul li a { width: 100%; }

@media (min-width: 801px) {
  .mobile-custom-menu { display: none; }
}