.MenuListofSite {
        padding: 0;
        margin-bottom: 15px;
        border: 1px solid #eeeeee;
        border-top: 0;
}
.MenuListofSite .parent {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
        /* align-items: center; */
        position: relative;
        /* border-bottom: 1px solid #e4e4e4; */
        background: #e9eff7;
}
.MenuListofSite .parent>li {
        display: flex;
        /* flex-direction: column; */
}
.MenuListofSite .parent>li{
        padding: 12px 0px;
}
.MenuListofSite .parent>li .expan {
        background: red;
        width: 10px;
        height: 10px;
        margin-left: 10px;
}
.MenuListofSite .parent>li>a {
        font-size: 13px;
        padding: 0 12px;
}
.MenuListofSite .parent>li+li>a{
        border-left: 1px solid #004f80;
}
.MenuListofSite a:hover{
        text-decoration: none;
}
.MenuListofSite .parent>li .columns{
        position: absolute;
        /* background: white; */
        width: 100%;
        top: 38px;
        column-count: 2;
        padding-top: 0;
        padding-bottom: 10px;
        padding-right: 10px;
        padding-left: 10px;
        list-style: none;
        left: 0;
}
.MenuListofSite .parent>li .columns li {
        padding: 0;
        background-repeat: no-repeat;
        background-image: url(/themes/hagiangedu/images/lv1.png);
        background-position: left 15px;
        padding: 10px 0;
        padding-bottom: 0;
        padding-left: 10px;
        -webkit-column-break-inside: avoid;
        page-break-inside: avoid;
        break-inside: avoid-column;
}
.MenuListofSite .parent>li .columns li>a{
        font-size: 13px;
        font-weight: bold;
        color: #004f80;
}
.MenuListofSite .parent>li.active>a {
        position: relative;
        color: #004f80;
        text-transform: uppercase;
        font-weight: bold;
}
.MenuListofSite .parent>li.active{
        z-index: 2;
}
.MenuListofSite .parent>li .columns:after {
        content: '';
        border-left: 1px dotted #c0c0c0;
        height: 97%;
        position: absolute;
        left: 50%;
        top: 10px;
}
.MenuListofSite .header {
        height: 42px;
        text-align: left;
        background: #21c2b6;
        padding: 0 10px;
        display: flex;
        align-items: center;
        width: 100%;
}
.MenuListHeader span{
        color: #ffffff;
        padding: 0;
        text-transform: uppercase;
        font-weight: bold;
}
.MenuListHeader {
        height: 42px;
        text-align: left;
        background: #21c2b6;
        padding: 0 10px;
        display: flex;
        align-items: center;
        width: 100%;
}
.MenuListofSite .header span{
        color: #ffffff;
        padding: 0;
        text-transform: uppercase;
        font-weight: bold;
}
.MenuListofSite .dropdown {
        padding: 10px;
}
.MenuListofSite .dropdown select {
        width: 100%;
        padding: 5px;
        font-size: 14px;
        border: 1px solid #ccc;
        border-radius: 3px;
}
.MenuListofSite .list {
        padding: 10px;
        padding-top: 0;
}
.MenuListofSite .list ul {
        list-style: none;
        padding: 0;
        margin: 0;
}
.MenuListofSite .list ul li{
        padding: 5px;
}
.MenuListofSite .list ul li a{
        font-size: 13px;
        text-decoration: none;
}
.MenuListofSite .list ul li+li{
        border-top: 1px dashed #ddd;
}
@media only screen and (max-width: 768px){
        .MenuListofSite .parent{
                border: none !important;
                padding: 5px;
        }
        .MenuListofSite {
                padding: 0 10px;
        }
        .MenuListofSite .parent>li+li>a {
                border: none;
        }
        .MenuListofSite .parent > li .columns li {
                padding-left: 1rem !important;
        }
        .MenuListofSite ul.parent {
                position: relative !important;
        }
        .MenuListofSite ul.parent li {
                position: unset !important;
        }
        .MenuListofSite .parent>li .columns {
                left: 50%;
                top: 0;
                width: 50% !important;
                display: flex;
                flex-direction: column;
                overflow: auto;
        }
        .MenuListofSite ul.parent li ul {
                position: absolute !important;
        }
        .MenuListofSite ul.parent {
                min-height: 600px !important;
                /* justify-content: space-around; */
        }
        .MenuListofSite .parent>li .columns:after {
                left: 0% !important;
        }
        .MenuListHeader {
                margin: 0 10px;
                width: calc(100% - 21px);
        }
        .MenuListofSite>div {
                width: 100%;
        }
}