@font-face {
	font-family:myfont;
	src:url('../fonts/VNF-Champion_Script_Pro.ttf') format('truetype');
}
body { overflow-x: hidden; }
@media (max-width: 1000px){
	.top {
	    position: fixed;
	    z-index: 99999;
	    height: 40px;
	    top: 0px;
	}
	.menu_mobi {
	    width: 100%;
	    background: #f6f6f6;
	    height: auto;
	    position: fixed;
	    z-index: 999;
	    margin-top: 100px;
	    overflow: hidden;
	   	
	}
	.row1 {
	    width: 98%;
	    margin-left: 1%;
	    height: auto;
	    border: 1px solid #d1d1d1;
	    margin-bottom: 10px;
	    margin-top: 15px;
	}
	.row1 .responsive_image {
	    width: 100%;
	}
	.row2 {
	    width: 100%;
	    margin-left: 1%;
	    background: #fff;
	    overflow: hidden;
	    border: 1px solid #d1d1d1;
	}
	.row2 a {
      	width: 33%;
	    line-height: 37px;
	    border-right: 1px solid #d1d1d1;
	    display: block;
	    height: 35px;
	    float: left;
	    text-align: center;
	    font-weight: bold;
	    color: #575454;
	    font-size: 16px;
	    border-bottom: 1px solid #d1d1d1;
	}
	.row3 {
	    width: 98%;
	    margin-left: 1%;
	    background: #fff;
	    margin-top: 5px;
	    overflow: hidden;
	    margin-bottom: 5px;
	    padding-bottom: 10px;
	}
	.row3 .leftmenu {
	    float: left;
	    width: 44%;
	    margin-left: 5%;
	}
	.row3 .leftmenu a {
	    width: 100%;
	    font-size: 16px;
	    margin-top: 10px;
	    font-weight: bold;
	    height: 35px;
	    line-height: 23px;
	    background: #f2f2f2;
	    color: #575454;
	}
	.row3 .rightmenu {
	    float: left;
	    width: 44%;
	    margin-right: 5%;
	    margin-left: 2%;
	}
	.row3 .rightmenu a {
	    width: 100%;
	    font-size: 16px;
	    margin-top: 10px;
	    font-weight: bold;
	    height: 35px;
	    line-height: 23px;
	    background: #f2f2f2;
	    color: #575454;
	}
	.menu{
		position: fixed;
    z-index: 999999;
    width: 100%;
    background-color: #fff;
        background-color: rgba(181,143,96,0.9);
        top: 0px;
    	box-shadow: rgba(0, 0, 0, 0.22) 0px 0px 10px 1px;
	}
	.item_tieuchi{
		height: auto;
	}
	.logo img{
		height:50px;
	}
	.hotline_right{
		margin-top: 15px;
	}
	.ch-grid li{
		width: 33.33%;
	}
	/*.nav_menu{
		margin-bottom: 0px;
	    position: absolute;
	    width: 100%;
	    left: 0px;
	    float: none;
	    background-color: #b58f60;
	    top: 70px;
	    z-index: 9999999;
	    display: none;
	}*/
	.nav_menu ul li:hover ul{
	    margin-top: 0px;
	    opacity: 1;
	    visibility: visible;
	}
	.nav_menu ul li ul li a{
		background-color:initial;
	}
	.nav_menu ul li a{
		line-height: 40px;
		color:#fff;
	}
	.nav_menu ul li{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}
	.nav_menu ul{
		text-align: left;
		margin-top: 0px;
	}
	.btn_menu_mobile{
        display: block;
	    float: right;
	    width: 35px;
	    background-color: inherit;
	    height: 35px;
	    border: 1px solid #135F74;
	    line-height: 25px;
	    font-size: 20px;
	    margin-top: 17px;
	    color: #135F74;
	    margin-left: 20px;
	}
	.f-nav .btn_menu_mobile{
		margin-top: 10px;
	}
	.f-nav .nav_menu{
		top: 60px;
	}
	.nav_menu ul li ul{
		display: block;
	    position: inherit;
	    margin-top: 0px;
	    opacity: 1;
        visibility: inherit;
	}
	.nav_menu ul li ul li{
		border-bottom: none;
	}
	.item_tieuchi .box_description{
		text-align: left;
	}
	.tieuchi{
		background-size: auto 100%;
		padding-top: 30px;
	}
	.hidden_table{
		display: none;
	}
	.nav_menu ul li a:hover{
		color:#fff;
	}
	.nav_menu ul li:hover{
		background-color: #dfa341;
	}
	.header_mobi{
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
		overflow: hidden;
	    position: fixed;
	    z-index: 99999;
	    background: #fff;
	    top: 30px;
	    display: block;
	    border-bottom: 1px solid #e3b05c;
	    transition: 0.3s all ease;
	}
	.header_mobi a img{
		width: 30px;
		float: right;
		margin-top: 24px;
	}
	.header_mobi a.logo_mobi{
	    display: block;
	    width: 65px;
	    text-align: center;
	    height: 70px;
	    float: left;
	}
	.header_mobi a.logo_mobi img{
	    width: 75px;
	    float: left;
	   	margin-top: 10px;
	    display: inline-block;
	}
	.header_mobi .btn_menu{
	    float: right;
	    font-size: 30px;
	    color: #188a8f;
	}
	.slide{
		padding-top: 70px;
	}
	.banner_album{
		height:100px;
		background: inherit;
		
	}
	.banner_album h1{
		color:#575454;
		padding-bottom: 20px;
	}
	.menu_top_mobile{
	    display: block;
	    font-family: "Avant-Garde";
	    font-size: 19px;
	    font-weight: bold;
	    height: 35px;
	    line-height: 37px;
	    background: #FFF;
	    color: #ec3d79
	    border-color: #ccc;
	    text-align: center;
	}
	.menu {
	    position: fixed;
	    z-index: 999999;
	    margin-top: 30px;
	    width: 100%;
	    background-color: #f9f8f6;
	    box-shadow: rgba(0, 0, 0, 0.22) 0px 0px 10px 1px;
	}
	.btn_menu_mobile {
    display: block;
    float: right;
    width: 35px;
    background-color: inherit;
    height: 35px;
    border: 1px solid #135F74;
    line-height: 25px;
    font-size: 20px;
    margin-top: 17px;
    color: #135F74;
    margin-left: 20px;
}
.hotline_right {
    margin-top: 15px;
}
.nav_menu {
    margin-bottom: 0px;
    position: absolute;
    width: 100%;
    left: 0px;
    float: none;
    background-color: #135F74;
    top: 70px;
    z-index: 9999999;
    display: none;
}
}

@media screen and (max-width: 768px) and (min-width: 520px) {
	.top .hotline a, .top .hotline i {
		line-height: 25px !important;
	}
	.lang-switch {
		margin-top: 0;
	}
	.news_event h3 {
		margin-top: 15px;
		font-size: 17px;
	}
	.owl-carousel .owl-item .item {
		text-align: center;
	}
	.banner_album {
		margin-top: 55px;
		height: 100px;
		margin-bottom: 20px;
		background: #135F74;
	}
	.banner_album h1 {
		text-align: center;
	    padding-top: 0px;
	    padding-bottom: 20px;
	    text-transform: uppercase;
	    font-size: 22px;
	    color: #fff;
	}
	.detail-img {
		margin-bottom: 30px;
	}
}

@media(max-width: 468px){
	body { overflow-x: hidden; }
	.top {
	    height: 30px;
	}
	.list_tieuchi .item_tieuchi{
		width: 100%;
	}
	.list_tieuchi .item_tieuchi .right{
		width: 100%;
		height: auto;
	}
	.list_tieuchi .item_tieuchi .left{
		width: 100%;
	}
	.title_home h3 {
		font-size: 24px;
	}
	.share{
		display: none;
	}
	.hidden_mobile{
		display: none;
	}
	.f-nav .nav_menu ul li a{
		line-height: 30px;
	}
	.ch-grid li{
		float: none;
		width: 100%;

	}
	.partner{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.ch-item{
		margin: auto;
	}
	.ch-grid li .title_cate{
	    margin: auto;
	    margin-bottom: 20px;
	    margin-top: 20px;
	}
	.ch-grid {
		width: 100%;
	}
	.content_detail{
		margin-bottom: 0px;
	}
	.hotline{
        white-space: nowrap;
	    text-overflow: ellipsis;
	    overflow: hidden;
	    width: 100%;
	    height: 30px;
	}
	.box_video {
		overflow: hidden;
	}
	.title_home img{
	  max-width: 100%;
      margin: auto;
	}
	.top .hotline i{
		margin-left:0px;
		line-height: 30px;
	}
	.top .hotline a{
		line-height: 30px;
	}
	.top .hotline i.fa-envelope-o{
		margin-left: 20px;
	}
	.box_icon{
		float: left;
	}
	.box_description{
		text-align: left;
	}
	.description_about{
		height: auto;
	}
	.about .detail p{
		line-height: 22px;
	}
	.news_event{
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.news_event h3 {
		margin-top: 15px;
	}
	.album{
		padding-bottom: 0px;
	}
	.title_home h3 a{
		font-size: 24px;
	}
	.item_news h3 a{
		margin-top: 10px;
	}
	.item_conent p{
		line-height: 22px;
	}
	.content_banggia{
		margin-top: 25px;
	}
	.sidebar h3{
		display: none;
	}
	.sidebar{
		margin-top: 20px;
	}
	.banner_album h1{
	    font-size: 20px;
	    padding-top: 15px;
	    padding-left: 15px;
	    padding-right: 15px;
	    text-align: left;
	}
	.content_news{
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.list_server_news .list_service_sidebar .img_sidebar{
		height: auto;
	}
	.top{
		height: 30px;
	}
	.service,.about{
		padding-top:30px;
		padding-bottom: 30px; 
	}
	.footer{
		padding-top: 30px;
	}
}
@media(max-width: 468px){
	.banner_album{
		height: 60px;
	}
	.title_home h1{
		font-size: 26px;
	}
}