/*Menu*/
.mmenu-fixwidth ul,ol {padding: 0px;margin: 0px;list-style: none}
.opacity-menu.open-opacity {content: " ";width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);position: fixed;top: 0px !important;left: 0px;z-index: 9999; } 
.mmenu-fixwidth {top: 0 !important;min-height: 100vh;position: fixed;float: left;background: white;width: 320px;position: fixed;z-index: -9999;left: 0;top: 0;opacity: 0;visibility: hidden;-webkit-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;-webkit-transform: translateX(-280px);-ms-transform: translateX(-280px);-o-transform: translateX(-280px);transform: translateX(-280px); } 
.mmenu-fixwidth.open-sidebar-menu {visibility: visible;-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);z-index: 999999;opacity: 1; } 
.mmenu-fixwidth.open-menu {padding-top: 15px;visibility: visible;-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0)}
.mmenu-fixwidth .wrap-menu {overflow-y: auto;position: relative;min-height: 100vh;max-height: 100vh;border-left: 1px solid #ebebeb;border-right: 1px solid #ebebeb;}
.mmenu-fixwidth .wrap-menu::-webkit-scrollbar-track {-webkit-box-shadow: inset transparent;background-color: transparent}
.mmenu-fixwidth .wrap-menu::-webkit-scrollbar {width: 1px;background-color: transparent}
.mmenu-fixwidth .wrap-menu::-webkit-scrollbar-thumb {border: 1px solid transparent}
.mmenu-fixwidth .wrap-menu .logos-menu {padding: 10px 0px; } 
/* .mmenu-fixwidth .wrap-menu .logos-menu img {max-width: 100%;display: block;margin: 0 auto;max-height: 50px; }  */
.mmenu-fixwidth .wrap-menu .nav-menu ul a {display: block;font-size: 16px;color: var(--color-text);text-transform: uppercase;font-family: fontb; padding: 10px 10px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; } 
.mmenu-fixwidth .wrap-menu .nav-menu ul li {position: relative;border-top: 1px solid #e5e5e5; } 
.mmenu-fixwidth .wrap-menu .nav-menu ul li a:hover {color: var(--main); } 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu {position: absolute;right: 0px;font-size: 25px;display: flex;width: 43px;height: 43px;background: transparent;top: 0px;justify-content: center;flex-wrap: wrap;align-items: center;color: #8a8987;z-index: 1000;cursor: pointer;transition: all 0.6s;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5; } 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu i {transition: all 0.6s; } 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu.active i {transform: rotate(90deg);color: var(--color-text); } 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu:before {position: absolute;content: '';width: 16px;height: 2px;background: var(--color-text);right: 12px;top: 22px; } 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu:after {position: absolute;content: '';width: 2px;height: 16px;background: var(--color-text);right: 19px;top: 15px;transition: all 0.3s; } 
.mmenu-fixwidth .wrap-menu .nav-menu ul li span.btn-dropdown-menu.active:after {transform: scale(0); } 
.mmenu-fixwidth .wrap-menu .nav-menu ul ul ul a {padding: 10px 25px;font-size: 14px;} 
/* .mmenu-fixwidth .wrap-menu .nav-menu ul ul ul a {padding: 10px 40px; } 
.mmenu-fixwidth .wrap-menu .nav-menu ul ul ul ul a {padding: 10px 55px; } 
.mmenu-fixwidth .wrap-menu .nav-menu ul ul ul ul ul a {padding: 10px 70px; }  */
.mmenu-fixwidth .wrap-menu .nav-menu ul.none {display: none; } 
.mmenu-fixwidth .wrap-menu .nav-menu ul.block {display: block; } 
.mm-opening #hamburger:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.mm-opening #hamburger:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.mm-opening #hamburger span {left: -50px;opacity: 0;}
.mm-opening #hamburger:before, .mm-opening #hamburger:after {top: 10px;}


/* danh mục sản phẩm */   
.bgList__product {margin-bottom: 1rem;background: white;}
.ListProduct__title {background: var(--main5);padding: 12px 15px;position: relative;}
.ListProduct__title::before {content: '';position: absolute;left: 0px;top: 0px;width: calc(100% - 24px);height: 100%;background: var(--main);z-index: -1;}
.ListProduct__title h3 {color: white;font-size: 16px;font-family: fontb;line-height: 1.5;text-transform: uppercase;margin-bottom: 0;}
 
.bgListProduct ul,ol {padding: 0px;margin: 0px;list-style: none;}
.bgListProduct {overflow-y: auto;position: relative;min-height: 285px;max-height: 285px;border: 1px solid #e5e5e5;border-top: unset;}
.bgListProduct::-webkit-scrollbar-track {-webkit-box-shadow: inset transparent;background-color: transparent}
.bgListProduct::-webkit-scrollbar {width: 1px;background-color: transparent}
.bgListProduct::-webkit-scrollbar-thumb {border: 1px solid transparent}
.bgListProduct .logos-menu {padding: 10px 0px;}
.bgListProduct ul a {display: block;color: var(--color-text);text-transform: uppercase;padding: 10px 10px;position: relative;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;font-family: fontb;line-height: 1.5;margin-bottom: 0;}
.bgListProduct ul li {position: relative;border-top: 1px solid #e5e5e5;}
.bgListProduct ul li a:hover {color: var(--main);}
.bgListProduct ul li span.btn-dropdown-menu {position: absolute;right: 0px;font-size: 25px;display: flex;width: 43px;height: 43px;background: transparent;top: 0px;justify-content: center;flex-wrap: wrap;align-items: center;color: #8a8987;z-index: 1000;cursor: pointer;transition: all 0.6s;}
.bgListProduct ul li span.btn-dropdown-menu i {transition: all 0.6s;}
.bgListProduct ul li span.btn-dropdown-menu.active i {transform: rotate(90deg);color: var(--color-text);}
.bgListProduct ul li span.btn-dropdown-menu:before {position: absolute;content: '';width: 12px;height: 1px;background: var(--color-text);right: 7px;top: 22px;}
.bgListProduct ul li span.btn-dropdown-menu:after {position: absolute;content: '';width: 1px;height: 12px;background: var(--color-text);right: 13px;top: 16px;transition: all 0.3s;}
.bgListProduct ul li span.btn-dropdown-menu.active:after {transform: scale(0);}
.bgListProduct ul ul ul a {padding: 10px 15px; font-size: 14px;text-transform:capitalize;}
.bgListProduct ul.none {display: none;}
.bgListProduct ul.block {display: block;}
.mm-opening #hamburger:before {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.mm-opening #hamburger:after {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.mm-opening #hamburger span {left: -50px;opacity: 0;}
.mm-opening #hamburger:before, .mm-opening #hamburger:after {top: 10px;}