.menu-mobile-section {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #ffffff;z-index: 999;display:none}
.list-menu-mobile {width: 100%;height: calc(100% - 88px);position: relative;overflow-y: auto;margin-top:47px;}
.main-menu-mobile {width: 100%;height: 100%;overflow-y: auto;background: #F3F4F6;}

ul.nav-menu-mobile {height: -webkit-max-content;height: -moz-max-content;height: max-content;padding: 0;margin: 0;}
ul.nav-menu-mobile > li {}
ul.nav-menu-mobile li a {color:#000;font-size: 11px;font-weight: 700;}
ul.nav-menu-mobile li a img {width:35px;height:35px}
ul.nav-menu-mobile > li > a > img {width:40px;height:40px}
ul.nav-menu-mobile > li > a {width: 120px;height: 80px;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 5px;-webkit-box-shadow: rgba(60, 64, 67, 0.1) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;box-shadow: rgba(60, 64, 67, 0.1) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;text-decoration: none;position: relative;text-align: center;font-size: 10px;}
ul.nav-menu-mobile > li:nth-child(1) > a {background:#FEE2E2}
ul.nav-menu-mobile > li:nth-child(2) > a {background:#FFEDD5}
ul.nav-menu-mobile > li:nth-child(3) > a {background:#FEF9C3}
ul.nav-menu-mobile > li:nth-child(4) > a {background:#ECFCCB}
ul.nav-menu-mobile > li:nth-child(5) > a {background:#D1FAE5}
ul.nav-menu-mobile > li:nth-child(6) > a {background:#CCFBF1}
ul.nav-menu-mobile > li:nth-child(7) > a {background:#E0F2FE}
ul.nav-menu-mobile > li:nth-child(8) > a {background:#E0E7FF}
ul.nav-menu-mobile > li:nth-child(9) > a {background:#EDE9FE}
ul.nav-menu-mobile > li:nth-child(10) > a {background:#CCFBF1}
ul.nav-menu-mobile > li:nth-child(11) > a {background:#FAE8FF}
ul.nav-menu-mobile > li:nth-child(12) > a {background:#FCE7F3}

ul.nav-menu-mobile > li > ul.sub-menu {width: calc(100% - 120px);height: 100%;display: none;float: left;padding: 0;position: absolute;top: 0;right: 0;background: #ffffff;-webkit-box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;box-shadow: rgb(60 64 67 / 10%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;overflow-y: auto;z-index: 1;}
ul.nav-menu-mobile > li.active > ul.sub-menu {padding: 10px 0 0 10px;}
ul.nav-menu-mobile > li > ul.sub-menu > li {width: calc((100% - 30px) / 3);min-height: 85px;float: left;margin: 0 10px 10px 0;padding: 5px;border: 1px solid #E5E7EB;border-radius: 1rem;background: #ffffff;position: relative;}
ul.nav-menu-mobile > li > ul.sub-menu > li.menu-item-has-children {width:calc(100% - 10px);}
ul.nav-menu-mobile > li > ul.sub-menu > li > a {width: 100%;height: 100%;display: -webkit-box;display: -ms-flexbox;display: flex;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;overflow: hidden;text-align: center;}
ul.nav-menu-mobile > li > ul.sub-menu > li.menu-item-has-children > a {align-items: flex-start;padding:5px 10px;font-size:14px}
ul.nav-menu-mobile > li > ul.sub-menu > li > ul.sub-menu {padding: 0;}
ul.nav-menu-mobile > li > ul.sub-menu > li > ul.sub-menu > li {width: calc((100% - 10px) / 3);min-height: unset;margin-bottom: 10px;display: inline-block;}
ul.nav-menu-mobile > li > ul.sub-menu > li > ul.sub-menu > li > a {width: 100%;margin: 0;padding: 0;border: 0;position: relative;display: flex;flex-flow: column;align-items: center;justify-content: center;text-align: center;}

.menu-mobile-section .search-mobile-header {margin-right: auto;margin-left: 10px;}
.menu-mobile-section li {list-style:none;margin-bottom: 0;}