@charset "UTF-8";
/* ******************************************************************
	--sp-general.css--
****************************************************************** */
@media only screen and (min-width: 768px){
/*********************sp-general.css***************************/
	.header_right {
		width: 100%;
	}
	.email {
		width: 25%;
		float: right;
	}
	.menu_nav_head_l{
		padding: 10px 0px;
	}
	.menu_nav_head, .menu_nav_head_l{
		float: left;
		display: block;
		width: 100%;
	}
	.menu_nav_head_dk, .header_logo_mobile, .header_logo_tracuu, .navbar-header{
		float: left;
		display: block;
		width: auto;
	}
	.style_button{
		padding:8px 16px;
		display: inline-block;
	}
	.menu_nav_head_dk{
		margin-right: 32px;
	}
	.header_logo_tracuu, .navbar-header{
		float: right;
	}
	.header_logo_mobile img {
		width: 100%;
		max-width: 80px;
	}
	.header_logo_tracuu{
		margin-right: 10px;
		margin-top: 12px;
	}
	.navbar-header{
		margin-top: 10px;
	}
	.header_logo_tracuu a{
		height: auto;
		float: left;
		display: block;
		text-indent: -9999px;
		width: 20px;
	}
	.navbar-toggler span{
		background: url(../images/icon/icon_toogle@2x.png) no-repeat left center transparent;
		background-size: 24px 24px;
	}
	.menu_nav_head{
		background: #0F4D98;
		padding: 8px 0px;
	}
	.header{
		background: #fff;
	}
	.menu_nav_head{
		background: #0F4D98;
		padding: 8px 0px;
	}
	.phone, .email{
		padding-left: 25px;
	}
	.menu_nav_head_l{
		padding: 10px 0px;
	}
	#menu_sp{
		padding: 0px;
	}
	#menu_sp .navbar-collapse{
		border-top: 1px solid #0F4D98;
	}
	.nav_menu{
		background: linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);
		background: -webkit-linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%); /* Chrome, Safari cũ */
		background: -moz-linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);    /* Firefox cũ */
		background: -o-linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);      /* Opera cũ */
		overflow: scroll;
	}
	.nav_menu li a, .diachi ul li{
		color: #fff;
	}
	.nav_menu li{
		border-bottom: 1px solid #fff;
	}
	.nav-item a{
		padding: 12px 16px;
		font-weight: 400;
		line-height: 140%; /* 22.4px */
	}
	.nav-item.active{
		background: url(../images/icon/icon_menu_active_mobile@2x.png) no-repeat 16px 18px #fff;
		background-size: 9px 12px;
	}
	.nav-item.active a, .nav-item .menu_body li.active a{
		background: linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding-left: 32px;
	}
	.diachi ul{
		padding: 10px 16px;
		list-style: none;
	}
	.diachi ul li{
		border-bottom: 0px;
	}
	.diachi ul li.diachi_menu{
		background: url(../images/icon/icon_menu_local@2x.png) no-repeat left top transparent;
		background-size: 32px 32px;
		padding-left: 35px;
		margin-bottom: 16px;
	}
	.diachi ul li.diachi_phone{
		background: url(../images/icon/icon_menu_phonel@2x.png) no-repeat left top transparent;
		background-size: 24px 24px;
		padding-left: 35px;
		margin-bottom: 16px;
	}
	.nav-item .menu_body{
		padding-left: 0px;
	}
	.nav-item .menu_body li{
		padding: 10px 40px;
		border-top: 1px solid #0F4D98;
		position: relative;
	}
	.nav-item .menu_body li a{
		padding: 0px;
		float: left;
		display: block;
		width: 100%;
		padding-left: 15px;
		color: #646D69;
		background: linear-gradient(to bottom, #646D69 0%, #646D69 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: #646D69;
	}
	.nav-item .menu_body li.active a::before{
		background: linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);
		background: -webkit-linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%); /* Chrome, Safari cũ */
		background: -moz-linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);    /* Firefox cũ */
		background: -o-linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);      /* Opera cũ */
		content: '';
		position: absolute;
		left: 40px;
        top: 18px;
        width: 8px;
        height: 8px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	.nav-item .menu_body li.active a{
		padding-left: 20px;
	}
	.nav-link:focus{
		color: #fff;
	}
	.diachi_phone span a, .diachi_email span a{
		padding: 10px 0px;
	}
	.diachi ul li.diachi_email{
		background: url(../images/icon/icon_menu_email@2x.png) no-repeat left top transparent;
		background-size: 24px 24px;
		padding-left: 35px;
		margin-bottom: 16px;
	} 
	.social_menu{
		padding: 10px 0px;
		border-bottom: 0px;
	}
	.social_add a img{
		max-width: 55px;
	}
	.social_add_wrapper {
		right: 10px;
	}
	.scroll-top-inner {
        background: url(../images/icon/icon_scroll_page_hover@2x.png) no-repeat center center transparent;
        background-size: 55px;
    }
	.scroll-top-wrapper {
		left: 10px;
	}
	.footer_column_left, .footer_column_right{
		width: 100%;
		margin-right: 0px;
		max-width: 100%;
		padding: 20px;
	}
	.footer_social{
		width: 50% !important;
	}
	.footer_facebook_box iframe{
		width: 100% !important;
	}
	.header_logo_mobile{
		margin-right: 30px;
	}
}
@media only screen and (min-width: 800px){
/*********************sp-general.css***************************/
}
@media only screen and (min-width: 812px){
/*********************sp-general.css***************************/
}
@media only screen and (min-width: 834px){
/*********************sp-general.css***************************/
}
@media only screen and (min-width: 900px){
/*********************sp-general.css***************************/
}
@media only screen and (min-width: 960px){
/*********************sp-general.css***************************/
}
@media only screen and (min-width: 1024px){
/*********************sp-general.css***************************/
	.header_right {
		width: 74%;
	}
	.email {
		width: 45%;
	}
	.header {
        background: url(../images/bg/bg_header@2x.png) repeat-x right top transparent;
        background-size: 37px 101px;
    }
	.header_cont {
		width: 67%;
	}
	.header_logo {
		padding: 10px 130px 10px 0px;
	}
	.header_left {
		width: 26%;
	}
	.social {
		width: 22%;
	}
	.phone {
        background: url(../images/icon/icon_header_phone@2x.png) no-repeat 10px center transparent;
		background-size: 20px 20px;
    }
	.phone, .email {
        padding-left: 35px;
    }
	.bar_menu li {
		margin-right: 5px;
	}
	.bar_menu_hocbong .dropdown-toggle {
		padding: 10px 5px;
		font-size: 12px;
	}
	.bar_menu_trangchu {
		margin-left: 10px;
	}
	.phone {
		width: 31%;
	}
	.bar_menu li {
		font-size: 14px;
	}
	.bar_menu li.bar_menu_dangky{
		display: none;
	}
	.header_logo_mobile{
		margin-right: 0px;
	}
}
@media only screen and (min-width: 1112px){
/*********************sp-general.css***************************/
}
@media only screen and (min-width: 1200px){
/*********************sp-general.css***************************/
	
}
@media only screen and (min-width: 1280px){
/*********************sp-general.css***************************/
	.header_cont {
		width: 51%;
	}
	.header_logo {
		padding: 10px 150px 10px 0px;
	}
	.header_left {
		width: 24%;
	}
	.header_right {
		width: 72%;
	}
	.social {
		width: 27%;
	}
	.phone {
        background: url(../images/icon/icon_header_phone@2x.png) no-repeat 15px center transparent;
		background-size: 20px 20px;
    }
	.phone, .email {
        padding-left: 25px;
    }
	.bar_menu li {
		margin-right: 10px;
	}
	.bar_menu_hocbong .dropdown-toggle {
		padding: 10px;
		font-size: 12px;
	}
	.bar_menu_trangchu {
		margin-left: 10px;
	}
	.bar_menu li {
		font-size: 14px;
	}
	.bar_menu li.bar_menu_dangky{
		display: block;
	}
	.phone {
        width: 36%;
		padding-left: 40px;
    }
	.email {
        width: 37%;
    }
	.bar_menu_dangky a {
		font-size: 12px;
	}
	.social_add a img{
		max-width: 67px;
	}
	.social_add_wrapper {
		right: 30px;
	}
	.scroll-top-inner {
        background: url(../images/icon/icon_scroll_page_hover@2x.png) no-repeat center center transparent;
        background-size: 67px 65px;
    }
	.scroll-top-wrapper {
		left: 30px;
	}
	.footer_column_left {
		width: 45%;
		margin-right: 33px;
		max-width: 274px;
		padding: 100px 24px 100px 24px;
	}
	.footer_column_right {
		width: 48%;
		max-width: 314px;
		padding: 100px 24px 20px 24px;
	}
	.footer_social {
        width: 100% !important;
    }
}

@media only screen and (min-width: 1350px){
/*********************sp-general.css***************************/
	
}
@media only screen and (min-width: 1400px){
/*********************sp-general.css***************************/
	.phone {
        padding-left: 38px;
    }
	.email {
		width: 37%;
	}
	.social {
		width: 27%;
	}
	.phone {
        width: 36%;
    }
	.bar_menu_hocbong .dropdown-toggle {
        padding: 10px;
        font-size: 14px;
    }
	.bar_menu li {
		margin-right: 10px;
	}
	.bar_menu_trangchu {
		margin-left: 10px;
	}
	.bar_menu li {
		font-size: 16px;
	}
	.bar_menu_dangky a {
		font-size: 14px;
	}
	.footer_column_right {
		width: 51%;
		max-width: 314px;
		padding: 100px 24px 20px 24px;
	}
	.header_cont {
        width: 46%;
    }
}
@media only screen and (min-width: 1500px){
	.bar_menu li {
        margin-right: 15px;
    }
	.bar_menu_trangchu {
		margin-left: 30px;
	}
	.header_left {
        width: 28%;
    }
}
@media only screen and (min-width: 1900px){
/*********************sp-general.css***************************/
	
}
@media only screen and (min-width: 2000px){
	
}
@media only screen and (min-width: 2100px){
/*********************sp-general.css***************************/
	
}
@media only screen and (min-width: 2800px){
	
}
@media only screen and (max-width: 767px){
/*********************sp-general.css***************************/
	.header_right {
		width: 100%;
	}
	.email {
		width: 34%;
		float: right;
	}
	.menu_nav_head_l{
		padding: 10px 0px;
	}
	.menu_nav_head, .menu_nav_head_l{
		float: left;
		display: block;
		width: 100%;
	}
	.menu_nav_head_dk, .header_logo_mobile, .header_logo_tracuu, .navbar-header{
		float: left;
		display: block;
		width: auto;
	}
	.style_button{
		padding:8px 16px;
		display: inline-block;
	}
	.menu_nav_head_dk{
		margin-right: 32px;
	}
	.header_logo_tracuu, .navbar-header{
		float: right;
	}
	.header_logo_mobile img {
		width: 100%;
		max-width: 80px;
	}
	.header_logo_tracuu{
		margin-right: 10px;
		margin-top: 12px;
	}
	.navbar-header{
		margin-top: 10px;
	}
	.header_logo_tracuu a{
		height: auto;
		float: left;
		display: block;
		text-indent: -9999px;
		width: 20px;
	}
	.navbar-toggler span{
		background: url(../images/icon/icon_toogle@2x.png) no-repeat left center transparent;
		background-size: 24px 24px;
	}
	.menu_nav_head{
		background: #0F4D98;
		padding: 8px 0px;
	}
	.header{
		background: #fff;
	}
	.menu_nav_head{
		background: #0F4D98;
		padding: 8px 0px;
	}
	.phone, .email{
		padding-left: 25px;
	}
	.menu_nav_head_l{
		padding: 10px 0px;
	}
	#menu_sp{
		padding: 0px;
	}
	#menu_sp .navbar-collapse{
		border-top: 1px solid #0F4D98;
	}
	.nav_menu{
		background: linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);
		background: -webkit-linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%); /* Chrome, Safari cũ */
		background: -moz-linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);    /* Firefox cũ */
		background: -o-linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);      /* Opera cũ */
		overflow: scroll;
	}
	.nav_menu li a, .diachi ul li{
		color: #fff;
	}
	.nav_menu li{
		border-bottom: 1px solid #fff;
	}
	.nav-item a{
		padding: 12px 16px;
		font-weight: 400;
		line-height: 140%; /* 22.4px */
	}
	.nav-item.active{
		background: url(../images/icon/icon_menu_active_mobile@2x.png) no-repeat 16px 18px #fff;
		background-size: 9px 12px;
	}
	.nav-item.active a, .nav-item .menu_body li.active a{
		background: linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		padding-left: 32px;
	}
	.diachi ul{
		padding: 10px 16px;
		list-style: none;
	}
	.diachi ul li{
		border-bottom: 0px;
	}
	.diachi ul li.diachi_menu{
		background: url(../images/icon/icon_menu_local@2x.png) no-repeat left top transparent;
		background-size: 32px 32px;
		padding-left: 35px;
		margin-bottom: 16px;
	}
	.diachi ul li.diachi_phone{
		background: url(../images/icon/icon_menu_phonel@2x.png) no-repeat left top transparent;
		background-size: 24px 24px;
		padding-left: 35px;
		margin-bottom: 16px;
	}
	.nav-item .menu_body{
		padding-left: 0px;
	}
	.nav-item .menu_body li{
		padding: 10px 40px;
		border-top: 1px solid #0F4D98;
		position: relative;
	}
	.nav-item .menu_body li a{
		padding: 0px;
		float: left;
		display: block;
		width: 100%;
		padding-left: 15px;
		color: #646D69;
		background: linear-gradient(to bottom, #646D69 0%, #646D69 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: #646D69;
	}
	.nav-item .menu_body li.active a::before{
		background: linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);
		background: -webkit-linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%); /* Chrome, Safari cũ */
		background: -moz-linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);    /* Firefox cũ */
		background: -o-linear-gradient(to bottom, #0F4D98 0%, #199F5A 100%);      /* Opera cũ */
		content: '';
		position: absolute;
		left: 40px;
        top: 18px;
        width: 8px;
        height: 8px;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
	}
	.nav-item .menu_body li.active a{
		padding-left: 20px;
	}
	.nav-link:focus{
		color: #fff;
	}
	.diachi_phone span a, .diachi_email span a{
		padding: 10px 0px;
	}
	.diachi ul li.diachi_email{
		background: url(../images/icon/icon_menu_email@2x.png) no-repeat left top transparent;
		background-size: 24px 24px;
		padding-left: 35px;
		margin-bottom: 16px;
	} 
	.social_menu{
		padding: 10px 0px;
		border-bottom: 0px;
	}
	.social_add a img{
		max-width: 55px;
	}
	.social_add_wrapper {
		right: 10px;
	}
	.scroll-top-inner {
        background: url(../images/icon/icon_scroll_page_hover@2x.png) no-repeat center center transparent;
        background-size: 55px;
    }
	.scroll-top-wrapper {
		left: 10px;
	}
	.footer_ct {
		padding: 0px;
	}
	.footer_thongtin{
		padding: 20px 20px 20px 20px;
	}
	.footer_column_left, .footer_column_right{
		width: 100%;
		margin-right: 0px;
		max-width: 100%;
		padding: 20px;
	}
	.footer_column_right{
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
	}
	.footer_facebook_box iframe{
		width: 100% !important;
	}
	.footer_social{
		width: 50% !important;
	}
	.title_head, .whychoice_home_ct .title_head, .title_head.text-w{
		font-size: 50px;
		font-style: normal;
		font-weight: 400;
		line-height: 140%; /* 44.8px */
	}
	.label_head{
		font-size: 16px;
		font-weight: 500;
		line-height: 140%; /* 22.4px */
	}
	.header_logo_mobile{
		margin-right: 30px;
	}
}
@media only screen and (max-width: 736px){
/*********************sp-general.css***************************/
}
@media only screen and (max-width: 734px){
/*********************sp-general.css***************************/
}
@media only screen and (max-width: 722px){
/*********************sp-general.css***************************/
	
}
@media only screen and (max-width: 695px){
/*********************sp-general.css***************************/
	.tuvan_box.tuvan_phone {
        background: url(../images/icon/tuvan_phone@2x.png) no-repeat 20px center #fff;
        background-size: 24px 24px;
		padding-left: 55px;
    }
}
@media only screen and (max-width: 685px){
/*********************sp-general.css***************************/
}
@media only screen and (max-width: 668px){
/*********************sp-general.css***************************/
	
}
@media only screen and (max-width: 641px){
/*********************sp-general.css***************************/
	
}
@media only screen and (max-width: 602px){
/*********************sp-general.css***************************/
	
}
@media only screen and (max-width: 599px){
/*********************sp-general.css***************************/
}
@media only screen and (max-width: 576px){
/*********************sp-general.css***************************/	
}
@media only screen and (max-width: 570px){
/*********************sp-general.css***************************/
	
}
@media only screen and (max-width: 569px){
/*********************sp-general.css***************************/
}
@media only screen and (max-width: 553px){
/*********************sp-general.css***************************/
}
@media only screen and (max-width: 534px){
/*********************sp-general.css***************************/
}
@media only screen and (max-width: 515px){
/*********************sp-general.css***************************/

}
@media only screen and (max-width: 481px){
/*********************sp-general.css***************************/
	.font-12 {
        font-size: 12px;
    }
	.header_logo_mobile img {
		max-width: 62px;
	}
	.header_logo_tracuu{
		margin-right: 10px;
		margin-top: 3px;
	}
	.navbar-header{
		margin-top: 0px;
	}
	.title_head, .whychoice_home_ct .title_head, .title_head.text-w{
		font-size: 32px;
	}
	.email {
        width: 40%;
	}
	
}
@media only screen and (max-width: 414px){
/*********************sp-general.css***************************/
	
}
@media only screen and (max-width: 401px){
/*********************sp-general.css***************************/
	
}
@media only screen and (max-width: 385px){
/*********************sp-general.css***************************/
}
@media only screen and (max-width: 376px){
/*********************sp-general.css***************************/
}
@media only screen and (max-width: 361px){
/*********************sp-general.css***************************/
}
@media only screen and (max-width: 343px){
/*********************sp-general.css***************************/

}
@media only screen and (max-width: 340px){
/*********************sp-general.css***************************/
}
@media only screen and (max-width: 320px){
/*********************sp-general.css***************************/
}