.DropdownMenu ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
}
.DropdownMenu .MenuList li {
        /* display: block; */
        /* float: left; */
        /* list-style: outside none none; */
}
.DropdownMenu ul.MenuList li.sub img {
        display: none;
}
.DropdownMenu .MenuList>li:last-child{
        border-right: none;
}
/*.DropdownMenu .MenuList .TopMenu .HasChildren:after, .DropdownMenu .MenuList .TopMenuActive .HasChildren:after {
display: inline-block;
width: 0;
height: 0;
margin-left: 5px;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
margin-bottom: 3px;
}*/
.DropdownMenu .MenuList .TopMenu a:hover,
.TopMenuActive a:hover {
        /* height: 45px; */
}
.DropdownMenu > .MenuList > li > a:hover > span{
        /* height: 45px; */
        color: var(--color-red);
}
.DropdownMenu .MenuList .TopMenu:hover a {
        text-decoration: none;
}
.DropdownMenu .MenuList .AdvanceBar>i{
        font-size: 22px;
        color: #fff;
        padding: 10px 0;
        cursor: pointer;
}
.DropdownMenu .MenuList .Dropdown li a:hover {
        color: #fdf418;
        background: none;
}
.DropdownMenu .MenuList li.LanguageMenu img {
        width: 24px;
        max-width: unset;
        margin-right: 0 !important;
}
.DropdownMenu .MenuList li.LanguageMenu img[style*="border-bottom: 2px solid rgb(255, 235, 59)"] {
        width: 24px;
        border: none !important;
        border-radius: 3px;
        padding: 0 !important;
}
.DropdownMenu {
        width: 100%;
        /* margin: 0 auto; */
        display: flex;
        justify-content: center;
        background: #fff;
        border-bottom: 1px solid var(--bs-gray-300);
        box-shadow: var(--box-shadow);
        padding: 5px 0;
        height: 60px;
}
.activelayout .DropdownMenu {
        background-color: #fdfdfe !important;
        box-shadow: 0 0px 3px 2px rgb(0 0 0 / 30%);
}
.activelayout .DropdownMenu .TopMenu span, .activelayout .DropdownMenu .TopMenuActive span {
        color: #393637 !important;
}
.DropdownMenu ul {
        list-style: outside none none;
        margin: 0;
        padding: 0;
}
.DropdownMenu .MenuList {
        margin: 0 auto;
        /* width: 1200px; */
        position: relative;
        /* max-width: 100vw; */
        flex-direction: row;
        display: flex;
}
.DropdownMenu .MenuList li {
        /* display: block; */
        float: left;
        list-style: outside none none;
        /* margin: 0  10px; */
        padding: 0 10px;
}
.DropdownMenu > .MenuList > li {
        /* margin-right: 5px; */
}
.DropdownMenu ul.MenuList img {
        max-width: 18px;
        margin-bottom: 3px;
}
.DropdownMenu li.search-icon
{
        display: inline-block;
        float: left;
        list-style: outside none none;
        padding: 0px 5px;
        position: relative;
}
.DropdownMenu li .far {
        cursor: pointer;
}
.DropdownMenu li.search-icon .fa {
        font-size: 16px !important;
        line-height: 50px !important;
        color: var(--color-black);
        cursor: pointer;
}
/*.DropdownMenu .MenuList>li:last-child{
border-right: none;
}*/
.DropdownMenu .MenuList .TopMenu {
        position: relative;
}
.DropdownMenu .MenuList .TopMenuActive, .DropdownMenu .MenuList .TopMenu:hover {
        position: relative;
        /* background-color: #7dbae94d; */
}
.activelayout .DropdownMenu .MenuList .TopMenuActive, .activelayout .DropdownMenu .MenuList .TopMenu:hover a span{
        color: #00172d !important;
}
li.TopMenuActive {
}
.DropdownMenu .TopMenu span, .DropdownMenu .TopMenuActive span {
        font-weight: 600;
        color: var(--color-black);
        /* text-transform: uppercase; */
        letter-spacing: -0.3px;
        font-size: 15px;
        /* text-transform: uppercase; */
        font-family: 'Inter';
        /* text-shadow: 0 0 var(--color-black); */
        white-space: nowrap;
}
.DropdownMenu .MenuList > li:first-child > a > span {
        display: none;
}
.MenuList > .TopMenu > a > span, .MenuList > .TopMenuActive > a > span {
        font-size: 15px;
        text-transform: uppercase;
}
.DropdownMenu>.MenuList>li>a>span[class*='trang-chu']{
        /* display: none; */
}
.DropdownMenu .MenuList .TopMenu a,.DropdownMenu .MenuList .TopMenuActive a  {
        display: inline-block;
        height: 100%;
        /* padding: 10px 0; */
        color: #212529;
        line-height: 50px;
        position: relative;
}
.DropdownMenu .MenuList .TopMenu a.HasChildren, 
.DropdownMenu .MenuList .TopMenuActive a.HasChildren {
}
.DropdownMenu .MenuList .TopMenu a.HasChildren::after, 
.DropdownMenu .MenuList .TopMenuActive a.HasChildren::after {
        /* Khai báo Font Awesome 5 Pro */
        font-family: "Font Awesome 5 Pro";
        font-weight: 900;
        content: "\f107";
        position: absolute;
        right: 50%;
        transition: transform 0.3s ease;
        font-size: 14px;
        bottom: 0;
        line-height: normal;
        color: var(--bs-gray-400);
}
.DropdownMenu .MenuList .TopMenu a.HasChildren:hover::after,
.DropdownMenu .MenuList .TopMenuActive a.HasChildren:hover::after {
        transform: rotate(180deg);
}
a.HasChildren {
}
.DropdownMenu .MenuList .Dropdown {
        color: #fff;
        left: 0;
        position: absolute;
        text-align: left;
        top: 100%;
        z-index: 1000;
        overflow: unset !important;
        background-color: rgba(255,255,255,1);
        box-shadow: -1px 3px 3px 0 rgb(0 0 0 / 30%);
        /* border: 1px solid #fff; */
        /* column-count: 1; */
        min-width: 280px;
        display: block;
}
.DropdownMenu .MenuList .Dropdown .sub {
        display: block;
        min-height: 45px;
        position: relative;
        width: 100%;
        /* margin: 1px 0px; */
}
.DropdownMenu .MenuList .Dropdown>.sub{
        padding: 0 10px;
        border-bottom: 1px solid #f1f1f1;
}
.DropdownMenu .MenuList .Dropdown>.sub span{
        color: var(--color-black);
        font-weight: 400;
}
.DropdownMenu .MenuList .Dropdown>.sub:after {
        display: none;
        content: "";
        width: 80px;
        height: 2px;
        background: var(--bg-blue);
        left: 0;
        position: absolute;
        top: 42px;
        transition: width .1s;
}
.DropdownMenu .MenuList .Dropdown>.sub:hover:after{
        width: 100px;
}
.DropdownMenu .MenuList .Dropdown>.sub:last-child{
        border-bottom: none;
}
.DropdownMenu .MenuList .Dropdown .sub:hover {
        /*background: var(--menu-color) none repeat-x scroll left top;*/
        cursor: pointer;
}
.DropdownMenu .MenuList .Dropdown .sub:hover > a > span{
        color: var(--color-red);
}
.DropdownMenu .MenuList .Dropdown>.sub a {
        color: var(--color-black);
        /* display: block; */
        height: 45px;
        margin: 0;
        padding: 0 10px;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        white-space: nowrap;
        font-weight: 600;
        font-size: 15px;
        line-height: 45px;
}
.DropdownMenu .MenuList .Dropdown>.sub>a.HasChildren:after{
        transform: rotate(-90deg);
        margin-bottom: 3px;
        right: -5px;
        bottom: 25%;
}
.DropdownMenu .MenuList .Popup {
        background: #ecedef none repeat scroll 0 0;
        display: inline-block;
        left: 100%;
        position: absolute;
        top: 0;
        min-width: 200px;
        width: auto;
        z-index: 1001;
}
.DropdownMenu .MenuList .Popup .sub {
        position: relative;
        border-left: 1px solid #ddd;
        padding: 0 10px;
}
.DropdownMenu .MenuList .Popup .sub a {
        padding-right: 10px;
        font-weight: 600;
        font-size: 15px;
}
.DropdownMenu .MenuList .TopMenu.AdvanceBar {
        position: unset;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone {
        background: radial-gradient(circle at 18.7% 37.8%, rgb(250, 250, 250) 0%, rgb(225, 234, 238) 90%);
        background-color: #e8e8e8;
        position: absolute;
        top: 100%;
        height: 600px;
        width: 1200px;
        right: 0;
        z-index: 99;
        /* border-top: 0; */
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
        /* column-count: 3; */
        padding: 20px;
        display: grid;
        /* grid-auto-flow: row; */
        grid-template-columns: repeat(3, minmax(100px, 3fr));
        /* grid-template-rows: repeat(10, minmax(100px, 1fr)); */
        column-gap: 20px;
        row-gap: 20px;
        overflow: auto;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem{
        border-bottom: 1px solid var(--color-primary);
        /* height: auto; *//* width: 100%; *//* display: inline-block; *//* margin-bottom: 20px; */grid-column: 1 span;
        /* grid-row: 1 span; *//* flex-grow: 1; */float: left;
        /* margin-right: 20px; *//* overflow: scroll; */}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>a{
        height: auto;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>a>span{
        font-size: 18px;
        color: var(--color-primary);
        white-space: normal;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown{
        display: flex;
        flex-direction: column;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown>li{
        padding: 8px 0;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown>li>a{
        padding: 0 0 0 20px;
        background: url(images/chuamotcot.png) no-repeat left;
        background-size: 20px;
        filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -webkit-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -moz-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -o-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -ms-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        /* padding-left: 20px; */
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown>li>a>span{
        font-weight: 500;
        font-size: 14px;
        color: #213121;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown>li>.Popup{
        position: unset;
        background: transparent;
        min-width: unset;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown>li>.Popup>.sub{
        border: 0;
        margin: 0 0 0 20px;
        padding: 0 0 0 20px;
        width: 100%;
        background: url(images/chuamotcot.png) no-repeat left;
        background-size: 20px;
        filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -webkit-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -moz-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -o-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
        -ms-filter: brightness(0) saturate(100%) invert(13%) sepia(10%) saturate(1854%) hue-rotate(71deg) brightness(95%) contrast(88%);
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem>.AdvanceDropdown>li>.Popup>.sub>a>span{
        font-weight: 500;
        color: #231231;
}
.DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem .HasChildren:after, .DropdownMenu .MenuList .AdvanceBar .AdvanceBarZone>.AdvanceItem .HasChildren:after{
        color: var(--color-primary);
}
.DropdownMenu .MenuList .Dropdown li a:hover {
        color: var(--bg-blue);
        background: none;
}
.DropdownMenu .MenuList li.LanguageMenu {
        height: 52px;
        padding: 0;
        gap: 8px;
        padding-left: 10px;
}
.extend-icon i, .login-icon i{
        line-height: 50px;
        font-size: 18px;
        font-weight: 500;
        color: var(--color-black);
}
.extend-icon, .login-icon{
        padding: 0px 5px !important;
}
.login-icon i{
        color: var(--color-black);
        font-weight: 600;
}
.list-extend {
        min-width: 250px;
        position: absolute;
        background-color: white;
        box-shadow: var(--box-shadow);
        z-index: 1002;
        border: 1px solid #f1f1f1;
        top: 100%;
        right: 0;
        display: flex;
        flex-direction: column;
}
.DropdownMenu .MenuList .list-extend li {
        padding: 0 10px;
        border-bottom: 1px solid #f1f1f1;
        min-height: 45px;
}
.DropdownMenu .MenuList .list-extend li a{
        height: 45px;
        line-height: 45px;
        color: #212529;
}
.DropdownMenu .MenuList .list-extend li {
        padding: 0 10px;
        border-bottom: 1px solid #f1f1f1;
}
.DropdownMenu .MenuList .list-extend li:last-child {
        border-bottom: none;
}
.DropdownMenu .MenuList .list-extend li:hover > a > span {
        color: #034494;
}
@media only screen and (min-width: 769px){
        .DropdownMenu .MenuList {
                width: 1280px;
                display: flex !important;
                /* justify-content: flex-start; */
                /* margin-left: unset; */
        }
        .MenuList .extend-icon{
                margin-left: auto;
        }
}
@media only screen and (min-width: 769px){
}
and (max-width: 1199px){
        .DropdownMenu, .DropdownMenu .MenuList{
                max-width: 100vw;
                width: 100%;
                left: 0;
        }
        .DropdownMenu .MenuList{
                /* flex-wrap: wrap; */
                padding: 0 5px;
                justify-content: flex-start;
                /* gap: 20px; */
                display: inline-block;
        }
        .DropdownMenu .MenuList>li{
                margin: 0;
                margin-right: 5px;
        }
        .DropdownMenu .TopMenu span, .DropdownMenu .TopMenuActive span{
                font-size: 0.7em;
                white-space: nowrap;
        }
}
@media only screen and (max-width: 768px){
        div.DropdownMenu .TopMenuActive::after {
                width: 100%;
        }
        div.DropdownMenu ul.MenuList li a {
                padding: 0px !important;
        }
        .DropdownMenu {
                border: none;
        }
        .DropdownMenu div.navbar-button {
                position: static;
                background: transparent;
                margin: 0px;
                border-left: 1px solid #fff;
                margin-right: 0px;
                margin-left: 0;
                order: 1;
                padding: 0px 14px !important;
                height: 25px;
                /* width: unset !important; */
                width: 46px !important;
                z-index: 1;
        }
        div.DropdownMenu {
                width: 1160px;
                /*  unset !important;*/
                position: static !important;
                order: 4;
                display: flex;
                flex-direction: column;
                align-items: flex-end;
                padding: 5px 0;
                background: var(--bs-primary);
                /* margin: 5px 10px !important; */
                margin-bottom: 0px !important;
                min-height: 35px;
                border-top: 1px solid #ffffff2e;
        }
        .DropdownMenu .navbar-button span{
                background: #fff;
                width: 14px !important;
                height: 2px !important;
                margin: 1.5px !important;
        }
        div.DropdownMenu>ul.MenuList {
                max-height: 50vh !important;
                width: 100% !important;
                height: auto !important;
                box-shadow: none;
                order: 2;
                position: relative;
                margin-top: 4px !important;
                /* border-bottom: 1px solid #eeeeee; */
                padding: 0px !important;
                left: 0;
                z-index: 0;
                border: 1px solid #eeeeee;
                border-top: 0;
        }
        .DropdownMenu .navbar-button span[style="margin: -2px; transform: rotate(45deg);"] {
                background: var(--bs-white) !important;
                height: 2px;
                margin: -1px !important;
        }
        .DropdownMenu .navbar-button span[style="margin: -2px; transform: rotate(-45deg);"] {
                background: var(--bs-white) !important;
                height: 2px;
                margin: -1px !important;
        }
        .DropdownMenu .TopMenu span, .DropdownMenu .TopMenuActive span {
                /* font-family: Roboto; */
                font-style: normal;
                font-weight: 600;
                font-size: 14px;
                line-height: 21px;
                color: #3D4043 !important;
        }
        div.DropdownMenu .TopMenuActive::after {
                display: none;
        }
        .DropdownMenu ul.MenuList li a span {
                flex: none !important;
        }
        .DropdownMenu .MenuList .TopMenuActive a>span {
                color: #1259A0;
        }
        .DropdownMenu .MenuList .Dropdown {
                column-count: 1;
                padding: 10px 0 0 0;
                box-shadow: none;
        }
        .DropdownMenu .MenuList>li+li:before{
                display: none;
        }
        .DropdownMenu:before {
                content: '';
                display: none;
                width: 100vw;
                height: 42px;
                position: absolute;
                top: 0;
                right: 50%;
                transform: translateX(50%);
                background-image: url('images/menu.png');
                z-index: -1;
        }
        .DropdownMenu .MenuList li.TopMenuActive{
                background: #fff;
        }
        .DropdownMenu .MenuList li img{
                display: none !important;
        }
        .DropdownMenu .MenuList li.TopMenuActive, .TopMenu:first-child{
                background: #fff;
        }
        .DropdownMenu .MenuList .Dropdown .Popup .sub span {
                color: #343a40;
        }
        .DropdownMenu .MenuList .Dropdown{
                border: none;
        }
        .DropdownMenu .MenuList li.TopMenuActive:before {
                display: none !important;
        }
        .DropdownMenu .MenuList > li:first-child > a > span {
                display: block;
        }
        .DropdownMenu .MenuList > li:first-child > a:before {
                display: none;
        }
        .DropdownMenu .MenuList .TopMenu, .DropdownMenu .MenuList .TopMenuActive {
                padding: 0 10px;
                background: transparent;
                padding: 10px!important;
                border-top: 1px solid #e2e7ed !important;
        }
        .DropdownMenu .MenuList .Dropdown>.sub {
                background: transparent;
                border-top: 1px solid #E2E7ED !important;
                min-height: unset;
        }
        .DropdownMenu .MenuList .Dropdown .sub {
                min-height: reverse !important;
        }
        div.DropdownMenu li.search-icon, div.DropdownMenu .MenuList  li.login-icon {
                display: none !important;
        }
        .DropdownMenu ul.list-extend {
                background: white !important;
                box-shadow: none !important;
                height: auto !important;
                position: static !important;
                margin: 0 !important;
                width: 100% !important;
                border: none;
        }
        .DropdownMenu .MenuList .TopMenu a.HasChildren::after, .DropdownMenu .MenuList .TopMenuActive a.HasChildren::after{
                right: -15px;
                top: 25%;
        }
}