nav{position:relative;margin:0 auto;}
#flexmenu{display:flex;flex-flow:row wrap;position: absolute;z-index: 9999;    box-shadow: 0px 3px 20px #1b1a1a9e;width: 100%;background-color: #242339c9;}
.sub-menu{z-index:1234;}
#mobile-toggle{
	display: none;
}

nav ul#main-menu{margin: 0 auto;}
#flexmenu li,#flexmenu li a{
border:0;
list-style:none;
line-height:1;
display:inline-block;
position:relative;
font-family:'BalooBhaina2-SemiBold';
transition:all ease-in-out .3s
}
#flexmenu ul li a{
padding-top:40px;
padding-bottom:30px;
padding-left:15px;
padding-right:15px;
font-size:18px;
letter-spacing:1px;
text-decoration:none;
color:#fff
}


ul#main-menu li.has-sub:hover{
background:url(../images/bg_active_menu.png)center top 10px no-repeat;
}

#flexmenu > ul > li.has-sub > a:before{
position:absolute;
top:19px;
right:14px;
display:block;
width:2px;
height:8px;
background:#ddd;
transition:all .25s ease
}

#flexmenu > ul > li.has-sub:hover > a:before{
top:23px;
height:0
}

#flexmenu ul ul > li.has-sub:hover > a:before{
top:17px;
height:0
}

#flexmenu ul ul li.has-sub:hover,#flexmenu ul li.has-sub ul li.has-sub ul li:hover{
background:#c5c4ce
}

#flexmenu ul ul{
position:absolute;
left:-9999px;
z-index:999
}

#flexmenu li:hover > ul{
    left: 0%;
padding-left:0
}

#flexmenu ul ul li{

background:#fff;	 border-bottom: solid 2px #323a97;
transition:all .25s ease
}

#flexmenu li:hover > ul > li{
min-height: 20px;
    min-width: 290px;
    padding-bottom: 10px;
    padding-top: 5px;
       text-align: center;
}
#flexmenu li:hover > ul > li a{
	color: #323a97;
	text-align: center;

}

#flexmenu ul ul ul{
margin-left:100%;
top:0
}

#flexmenu ul ul li a{
padding:0px 15px;
padding-top: 7px;
font-size:18px;
text-decoration:none;
color:#FFF;
font-weight:400
}
.scrollq{
	position: fixed!important;
	top:0!important;
}
@media (min-width: 1025px) and (max-width: 1300px){
#flexmenu #main-menu{
padding-left:0
}

#flexmenu ul li.has-sub > a{
padding-right:15px
}
}

@media (min-width: 768px) and (max-width: 1024px){
.button{
top:15px!important
}

#flexmenu{
width:300px;
position:absolute;
right:0
}

#flexmenu ul#main-menu{
margin-top:80px
}

.dangkynhantin{
width:100%
}

.cot1_ft:after{
display:none
}

.cot2_ft{
height:auto;
padding-left:50px!important
}

.cot1_ft{
height:auto
}

p.icon_isosal{
text-align:left
}

.cotleft3_gioithieu{
margin-top:20px
}

.cotleft3_gioithieu .album-def ._list ._item{
width:calc((100% - 20px) / 4)
}

.cotleft3_gioithieu .chinhlai_iframe_cotphai iframe{
height:250px
}
}

@media screen and (max-width: 768px){
	ul#main-menu li.has-sub:hover {
    background: none;
}
#flexmenu{
	    background-color: #24233900;box-shadow: 0px 0px 0px #1b1a1a9e;
}
#flexmenu ul ul li a{
	    color: #323a97;
}
.bopaddingmenu_mb{
padding-left:0;
padding-right:0
}
#mobile-toggle{
	display: block;
}
.language_{
padding-left:0;
padding-right:0
}

#flexmenu ul#main-menu{
background:#0a68b9;
z-index:999
}

#flexmenu{
padding-top:0;
padding-bottom:20px
}

.col-xs-12.col-sm-10.hihi{
padding:0
}


.button{
background:#00549c;
width:60px;
height:48px;
position:absolute;
right:15px;
top:-70px;
cursor:pointer;
z-index:10000
}
.button:hover{
	background-color: #0d6db2;
}
.button:after{
position:absolute;
top:22px;
right:20px;
display:block;
height:9px;
width:20px;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
content:''
}

.button:before{
transition:all .3s ease;
position:absolute;
top:16px;
right:20px;
display:block;
height:2px;
width:20px;
background:#fff;
content:''
}


.button.menu-opened{
background:#0a68b9
}

.button.menu-opened:after{
transition:all .3s ease;
top:23px;
border:0;
height:2px;
width:19px;
background:#fff;
-webkit-transform:rotate(45deg);
transform:rotate(45deg)
}

.button.menu-opened:before{
top:23px;
background:#fff;
width:19px;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg)
}


#flexmenu ul{
display:none
}

#flexmenu ul li,#flexmenu ul li a,#flexmenu ul ul li a{
padding:10px;
width:100%
}

#flexmenu ul ul li,#flexmenu li:hover > ul > li{
height:auto;
width:100%
}

#flexmenu ul ul li a{
padding-left:25px
}

#flexmenu ul ul ul li a{
padding-left:35px
}

#flexmenu ul ul,#flexmenu ul ul ul{
position:relative;
left:0;
width:100%;
margin:0;
text-align:left
}

#flexmenu ul ul ul li.active a{
border-left:none
}

#flexmenu > ul > li.has-sub > ul > li.focus > a,#flexmenu > ul ul > li.has-sub > ul > li.focus > a{
background:#262626;
transition:all .3s ease
}


#flexmenu > ul > li.has-sub > a:after,#flexmenu > ul > li.has-sub > a:before,#flexmenu ul ul > li.has-sub > a:after,#flexmenu ul ul > li.has-sub > a:before{
display:none
}


#flexmenu .submenu-button{
position:absolute;
z-index:99999999;
right:0;
top:0;
display:block;

height:46px;
width:35px;
cursor:pointer
}

#flexmenu ul ul .submenu-button{
height:34px;
width:34px
}

#flexmenu .submenu-button:after{
position:absolute;
top:22px;
right:19px;
width:8px;
height:2px;
display:block;
background:#ddd;
content:''
}

#flexmenu ul ul .submenu-button:after{
top:15px;
right:13px
}

#flexmenu .submenu-button.submenu-opened:after{
background:#fff
}

#flexmenu .submenu-button:before{
position:absolute;
top:19px;
right:22px;
display:block;
width:2px;
height:8px;
background:#ddd;
content:''
}

#flexmenu ul ul .submenu-button:before{
top:12px;
right:16px
}

#flexmenu .submenu-button.submenu-opened:before{
display:none
}

#main-menu{
height:450px;
overflow-y:scroll!important;
overflow-x:hidden
}
}