@charset "UTF-8";
/* ******************************************************************
	--style_header_footer.css--
****************************************************************** */
@media only screen and (min-width: 768px){
/*********************header-footer***************************/
	.header_bar_top{
		float: left;
		display: block;
		width: 100%;
		position: relative;
	}
	.header_top{
		float: left;
		display: block;
		width: 100%;
	}
	.mobile_menu {
		width: auto;
		float: left;
		position: absolute;
		left: 0px;
	}
	.menu_dd {
		float: left;
		display: block;
		width: 100%;
		min-height: 40px;
	}
	.mobile_timkiem, .mobile_nn{
		position: relative;
		float: right;
	}
	.menu_nav, .menu_nav .menu{
		float: left;
		display: block;
		width: 100%;
	}
	.menu_div {
		position: absolute;
		left: 10px;
		top: 0px;
		display: none;
		z-index: 99;
		padding: 10px 0px 10px 0px;
		width: 100vw;
		float: left;
		height: 100vh;
	}
	.menu_nav .menu_dd_a {
		margin-top: 4px;
		margin-right: 0px;
		margin-bottom: 0px;
		padding: 9px 8px;
		background: #54b454;
		width: 30px;
		height: 30px;
		float: left;
		display: block;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		opacity: 1;
	}
	.menu_dd_a .icon-bar {
		border: 1px solid #fff;
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 3px;
	}
	.menu button.close {
		float: right;
		display: block;
		width: 19px;
		position: absolute;
		right: 35px;
		top: 20px;
		opacity: 1;
		z-index: 9999;
	}
	.menu_dd .header_bar_menu {
		float: left;
		display: block;
		width: 97%;
		min-height: 1px;
		list-style: none;
		padding: 0px;
		height: 96vh;
		background: #6db845; /* Old browsers */
		background: -moz-linear-gradient(left, #6db845 0%, #30863E 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #6db845 0%,#30863E 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #6db845 0%,#30863E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db845', endColorstr='#30863E',GradientType=1 ); /* IE6-9 */
		position: absolute;
	}
	.mobile_menu .menu_nav{
		background: transparent;
	}
	.navbar-header span.menu_nav_text{
		float: left;
		display: block;
		width: auto;
		color: #fff;
		line-height: 40px;
		padding-left: 10px;
	}
	.language {
		margin-top: 8px;
		width: 71%;
		float: right;
	}
	.header_top_bar {
		padding: 10px 0px 0px 0px;
	}
	.menu_dd #menu_sp{
		position: absolute;
		top: 0;
		margin-top: -60px;
		left: 0;
	}
	.menu_dd .header_bar_menu li{
		float: left;
		display: block;
		width: 100%;
		padding: 10px 40px 0px 40px;
	}
	.menu_dd .header_bar_menu li:first-child{
		padding: 30px 40px 0px 40px;
	}
	.menu_dd .header_bar_menu li a{
		float: left;
		display: block;
		width: 100%;
		color: #fff;
		text-transform: uppercase;
		font-family: "latobold", Arial, Helvetica, sans-serif;
	}
	.logo_content, .logo_content.logo_content_top {
		float: left;
		position: relative;
	}
	.logo_content{
		margin-bottom: 30px;
		margin-top: 20px;
	}
	.form-group button {
		float: right;
		width: 12%;
	}
	.form-group input {
		width: 88%;
	}
	.footer_menu_d, .footer_menu_t, .footer_menu_hr {
		float: none;
		display: initial;
	}
	.footer_menu_dt {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.bar_footer_gp{
		text-align: center;
	}
	
	.visible_1200{
		display: none;
	}
	.hidden_1200{
		display: block;
	}
	
}
@media only screen and (min-width: 800px){
/*********************header-footer***************************/

}
@media only screen and (min-width: 812px){
/*********************header-footer***************************/

}
@media only screen and (min-width: 834px){
/*********************header-footer***************************/
	.footer_menu_dt {
		margin-bottom: 10px;
	}
}
@media only screen and (min-width: 900px){
/*********************header-footer***************************/

}
@media only screen and (min-width: 960px){
/*********************header-footer***************************/

}
@media only screen and (min-width: 1024px){
/*********************header-footer***************************/
	.bar_footer_gp {
		text-align: left;
	}
	.footer_menu_dt {
		width: auto;
		text-align: right;
	}
	.footer_menu_d, .footer_menu_t, .footer_menu_hr {
		float: right;
		display: block;
	}
	.logo_content, .logo_content.logo_content_top {
		float: right;
	}
	.language {
		width: 52%;
	}
	.menu button.close {
		right: 43px;
	}
}
@media only screen and (min-width: 1112px){
/*********************header-footer***************************/

}
@media only screen and (min-width: 1200px){
/*********************header-footer***************************/
	.header_bar_top, .header_top {
		float: none;
	}
	.language {
		margin-top: 4px;
		width: 100%;
		float: right;
	}
	.footer_menu_d, .footer_menu_t, .footer_menu_hr {
		float: right;
		display: block;
	}
	.bantin_email_ct{
		padding: 17px 20px;
	}
	.logo_content {
		float: right;
	}
	.logo_content.logo_content_top {
		margin-top: -40px;
	}
	.say_hi_col_row_first{
		margin-left: 50px;
	}
	.say_hi_col_row_last, .say_hi_col_logo_first img{
		padding-left: 50px;
	}
	.say_hi_col_logo_first img{
		width: 320px;
	}
	.form-group button {
		width: 15%;
		line-height: 30px;
	}
	.form-group input {
		width: 85%;
	}
	.logo_content{
		margin-top: 20px;
	}
}
@media only screen and (min-width: 1280px){
/*********************header-footer***************************/
	.header_slide .slick-dots {
		padding: 0 20.2%;
		width: 100%;
	}
	.logo_footer {
		display: none;
	}
	.footer_add_ct, .footer_add_title_small{
		margin-bottom: 5px;
	}
	.visible_1200{
		display: block;
	}
	.hidden_1200{
		display: none;
	}
}
@media only screen and (min-width: 1390px){
/*********************header-footer***************************/
	.logo_footer {
		display: block;
	}
	.visible_1200{
		display: none;
	}
	.hidden_1200{
		display: block;
	}
	.footer_add_ct, .footer_add_title_small {
		margin-bottom: 10px;
	}
}
@media only screen and (min-width: 1500px){
/*********************header-footer***************************/
	.bantin_email_ct{
		padding: 20px;
	}
	.say_hi_col_row_first{
		margin-left: 200px;
	}
	.say_hi_col_row_last {
		padding-left: 200px;
	}
	.logo_footer {
		display: block;
	}
	.visible_1200{
		display: none;
	}
	.hidden_1200{
		display: block;
	}
	.say_hi_col_logo_first img{
		padding-left: 197px;
		width: 470px;
	}
	.logo_footer {
		margin-bottom: 50px;
	}
}
@media only screen and (min-width: 2000px){
/*********************header-footer***************************/
	.header_slide .slick-dots {
		padding: 0 28%;
		width: 100%;
	}
	.slick-slide img {
		display: block;
		width: 100%;
	}
}
@media only screen and (max-width: 767px){
/*********************header-footer***************************/
	.header_bar_top{
		float: left;
		display: block;
		width: 100%;
		position: relative;
	}
	.header_top{
		float: left;
		display: block;
		width: 100%;
	}
	.mobile_menu {
		width: auto;
		float: left;
		position: absolute;
		left: 0px;
	}
	.menu_dd {
		float: left;
		display: block;
		width: 100%;
		min-height: 40px;
	}
	.mobile_timkiem, .mobile_nn {
		position: relative;
		float: right;
		width: 20%;
	}
	.menu_nav, .menu_nav .menu{
		float: left;
		display: block;
		width: 100%;
	}
	.menu_div {
		position: absolute;
		left: 10px;
		top: 0px;
		display: none;
		z-index: 9999;
		padding: 10px 0px 10px 0px;
		width: 100vw;
		float: left;
		height: 100vh;
	}
	.menu_nav .menu_dd_a {
		margin-top: 4px;
		margin-right: 0px;
		margin-bottom: 0px;
		padding: 9px 8px;
		background: #54b454;
		width: 30px;
		height: 30px;
		float: left;
		display: block;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		opacity: 1;
	}
	.menu_dd_a .icon-bar {
		border: 1px solid #fff;
		float: left;
		display: block;
		width: 100%;
		margin-bottom: 3px;
	}
	.menu button.close {
		float: right;
		display: block;
		width: 19px;
		position: absolute;
		right: 35px;
		top: 20px;
		opacity: 1;
		z-index: 9999;
		margin-top: 15px;
	}
	.menu_dd .header_bar_menu {
		float: left;
		display: block;
		width: 97%;
		min-height: 1px;
		list-style: none;
		padding: 0px;
		height: 96vh;
		background: #6db845; /* Old browsers */
		background: -moz-linear-gradient(left, #6db845 0%, #30863E 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(left, #6db845 0%,#30863E 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #6db845 0%,#30863E 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db845', endColorstr='#30863E',GradientType=1 ); /* IE6-9 */
		position: absolute;
	}
	.mobile_menu .menu_nav{
		background: transparent;
	}
	.navbar-header span.menu_nav_text{
		float: left;
		display: block;
		width: auto;
		color: #fff;
		line-height: 40px;
		padding-left: 10px;
	}
	.header_top_bar {
		padding: 10px 0px 10px 0px;
	}
	.language {
		margin-top: 8px;
		width: 58%;
		float: right;
	}
	#menu_sp{
		position: absolute;
		top: 0;
		margin-top: -60px;
		left: 0;
	}
	.menu_dd .header_bar_menu li{
		float: left;
		display: block;
		width: 100%;
		padding: 10px 40px 0px 40px;
	}
	.menu_dd .header_bar_menu li:first-child{
		padding: 30px 40px 0px 40px;
	}
	.menu_dd .header_bar_menu li a{
		float: left;
		display: block;
		width: 100%;
		color: #fff;
		text-transform: uppercase;
		font-family: "latobold", Arial, Helvetica, sans-serif;
	}
	.logo_content, .logo_content.logo_content_top {
		float: left;
		position: relative;
		margin-top: 30px;
		width: 100%;
	}
	.form-group button {
		float: right;
		width: 12%;
	}
	.form-group input {
		width: 88%;
	}
	.footer_menu_d, .footer_menu_t, .footer_menu_hr {
		float: none;
		display: initial;
	}
	.footer_menu_dt {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	.bar_footer_gp{
		text-align: center;
	}
	.visible_1200{
		display: none;
	}
	.hidden_1200{
		display: block;
	}
}
@media only screen and (max-width: 736px){
/*********************header-footer***************************/
	.language {
		width: 59%;
	}
}
@media only screen and (max-width: 722px){
/*********************header-footer***************************/
	.logo_content_esuhai {
		margin-left: 0px;
	}
	.logo_content_vieclamjapan, .logo_content_oden, .logo_content_duhoc {
		margin-left: 40px;
	}
}
@media only screen and (max-width: 695px){
/*********************header-footer***************************/
	.language {
		width: 62%;
	}
	 .logo_content_vieclamjapan, .logo_content_oden, .logo_content_duhoc {
		margin-left: 34px;
	}
}
@media only screen and (max-width: 685px){
/*********************header-footer***************************/
	.language {
		width: 64%;
	}
	.logo_content_vieclamjapan, .logo_content_oden, .logo_content_duhoc {
		margin-left: 30px;
	}
}
@media only screen and (max-width: 668px){
/*********************header-footer***************************/
	
}
@media only screen and (max-width: 641px){
/*********************header-footer***************************/
	.logo_content_vieclamjapan, .logo_content_oden, .logo_content_duhoc {
		margin-left: 22px;
	}
	.language {
		width: 68%;
	}
}
@media only screen and (max-width: 602px){
/*********************header-footer***************************/
	.language {
		width: 76%;
	}
	.logo_content_esuhai, .logo_content_vieclamjapan, .logo_content_oden, .logo_content_duhoc{
		margin-left: 0px;
	}
	.footer .col-xs-6{
		width: 100%;
	}
	.bantin_email{
		margin-bottom: 20px;
	}
	.logo_content, .logo_content.logo_content_top {
		width: 100%;
		margin-top: 0px;
	}
	.logo_content{
		margin-bottom: 20px;
	}
	.footer_add_ct ul {
        padding: 30px 0px 0px 0px !important;
        border-top: 1px solid #2A8332;
        margin-top: 10px;
    }
}
@media only screen and (max-width: 599px){
/*********************header-footer***************************/

}
@media only screen and (max-width: 576px){
/*********************header-footer***************************/

}
@media only screen and (max-width: 570px){
/*********************header-footer***************************/
	.logo_content_vieclamjapan, .logo_content_oden{
		margin-left: 88px;
	}
	.logo_content_duhoc {
		
		margin-bottom: 0px;
	}
	.logo_content, .logo_content.logo_content_top {
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 569px){
/*********************header-footer***************************/

}
@media only screen and (max-width: 553px){
/*********************header-footer***************************/
	.logo_content_vieclamjapan, .logo_content_oden {
		margin-left: 74px;
	}
}
@media only screen and (max-width: 534px){
/*********************header-footer***************************/
	.logo_content_vieclamjapan, .logo_content_oden {
		margin-left: 68px;
	}
	.logo_content_duhoc {
		margin-left: 200px;
	}
	.language {
		width: 77%;
	}
}
@media only screen and (max-width: 515px){
/*********************header-footer***************************/
	.logo_content_vieclamjapan, .logo_content_oden {
		margin-left: 60px;
	}
	.logo_content_duhoc {
		margin-left: 190px;
	}
	.mobile_nn {
		width: 18%;
	}
	.language {
		width: 100%;
	}
}
@media only screen and (max-width: 481px){
/*********************header-footer***************************/
	.logo_content_vieclamjapan{
		margin-left: 43px;
	}
	.logo_content_duhoc {
		margin-left: 60px;
	}
	.mobile_timkiem {
		width: 24%;
	}
	.logo_content_oden {
		margin-left: 100px;
	}
	.bar_footer {
        height: auto;
        line-height: 18px;
        padding: 10px 0px;
    }
}
@media only screen and (max-width: 415px){
/*********************header-footer***************************/
	.mobile_nn {
		width: 21%;
	}
	.logo_content_vieclamjapan, .logo_content_duhoc {
		margin-left: 0px;
		float: right;
	}
	.logo_content_esuhai{
		margin-bottom: 20px;
	}
	.logo_content_oden{
		margin-left: 0px;
		width: 50%;
	}
	.logo_content span {
		height: 40px;
	}
	.logo img{
		width: 100%;
		max-width:276px;
	}
	.header_slide_ctent {
		margin-top: 0px;
	}
}
@media only screen and (max-width: 401px){
/*********************header-footer***************************/
	.mobile_nn {
		width: 22%;
	}
	.mobile_timkiem {
		width: 26%;
	}
}
@media only screen and (max-width: 385px){
/*********************header-footer***************************/
	.language{
		background: url(../images/icon/icon_flag@2x.png) no-repeat center center #e00000;
		background-size: 16px 10px;	
		padding: 0px;
		margin-top: 10px;
		text-indent: -9999px;
	}	
	@media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3 / 2), all and (min--moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
		.language{
			background: url(../images/icon/icon_flag@2x.png) no-repeat center center #e00000;
			background-size: 16px 10px;
		}
	}
	@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
		.language{
			background: url(../images/icon/icon_flag@2x.png) no-repeat center center #e00000;
			background-size: 16px 10px;
		} 
	}
	.mobile_nn {
		width: 13%;
	}
	.mobile_timkiem {
		width: 32%;
	}
	.logo_content_esuhai {
		margin-bottom: 0px;
		margin-left: 0px;
	}
	.logo_content, .logo_content.logo_content_top {
		margin-bottom: 0px;
	}
	.logo_content_oden, .logo_content_duhoc{
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 376px){
/*********************header-footer***************************/
	.logo_footer img{
		width: 100%;
		max-width: 320px;
	}
}
@media only screen and (max-width: 361px){
/*********************header-footer***************************/
	.logo_content_esuhai, .logo_content_vieclamjapan, .logo_content_oden {
		margin-bottom: 0px;
	}
}
@media only screen and (max-width: 343px){
/*********************header-footer***************************/
	
}
@media only screen and (max-width: 340px){
/*********************header-footer***************************/

}
@media only screen and (max-width: 320px){
/*********************header-footer***************************/
	.logo_content_esuhai, .logo_content_vieclamjapan, .logo_content_oden, .logo_content_duhoc {
		width: 100%;
		text-align: center;
	}
	.mobile_nn {
		width: 16%;
	}
}