@media   (max-width: 1024px) {
		#header{
			background-size: cover;
		}
		#page-camthu{
			width: 100%;
			padding-left: 15px;
			padding-right: 15px;
		}
		#page-box{

		}
		.container {
    width: 100%;
	}
	.col-nav{
		padding-left: 15px;

	}
	.col-slider{
		padding-right: 15px;
	}
	#nav ul li{
		padding-top: 8px;
		padding-bottom: 8px;
	}
	#nav{
		height: auto;
	}
	.main-left{
		padding-left: 15px;
	}
	.main-right{
		padding-right: 15px;
	}
	.col-social ul li img{
		width: 30px;
	}
	.noidung table{
		width: 100% !important;
		max-width: 100%
	}
	.noidung table tr,.noidung table th, .noidung table td,.noidung table strong,.noidung table p,.noidung table span,.noidung table div{
		font-size: small;
	}
}
@media   (max-width: 991px) {
	.col-logo{
		float: left;
		width: 20%;
	}
	.box-logo img{
		max-width: 100%;
	}
	.col-banner{
		width: 55%;
		float: left;
	}
	.col-hotline{
		width: 25%;
		float: left;
	}
	.box-hotline{
		min-width: 10px;
		padding-top: 0px;
		text-align: right;
	}
	.box-hotline span, .box-hotline img{
	float: right;
	clear: both;
	}
	.col-nav{
		float: left;
		width: 25%;
	}
	.col-slider{
		float: left;
		width: 75%;
	}
	#nav ul li {
    padding-top: 4px;
    padding-bottom: 4px;
		}
		#nav ul li a {
				font-size: 16px;
	}
	.about-left{
		width: 65%;
		float: left;
	}
	.about-right{
		width: 35%;
		float: left;
	}
	.video-img a {
			padding-top: 30px;
		}
		.col-copy{
			padding-left: 15px;
			float: left;
			width: 35%;
		}
		.col-social{
			float: left;
			width: 30%;

		}
		.col-menuf{
			float: left;
			width: 35%;
			padding-right: 15px;
		}
		.noidung table tr,.noidung table th, .noidung table td,.noidung table strong,.noidung table p,.noidung table span,.noidung table div{
		font-size: x-small;
	}
}
@media   (max-width: 767px) {

	#cssmenu{
	display: block;
	background: #ef3e6b !important;
	float: left;
	width: 100%;
	clear: both;
	}
	
	.box-banner{
		padding-left: 15px;
	}
	#snav-slider .col-nav{
		display: none;
	}
	.col-slider{
		width: 100%;
	}
	.about-left{
		width: 100%;
		margin-bottom: 15px;
		float: left;
	}
	.about-right{
			width: 100%;
		float: left;
	}
	.about-right img{
		margin: 0 auto
	}
	.main-left{
		display: none;
	}
	.main-center{
		width: 100%;
		padding-left: 15px;
		float: left;
		margin-bottom: 15px;
	}
	.main-right{
		float: left;
		width: 100%;
		clear: both;

	}
	.main-right .video{
		float: left;
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
		clear: none;
	}
	.action-content{
		float: left;
		width: 100%;
	}

}




@media   (max-width: 639px) {
	.box-banner h3 {
	font-size: 28px;
	}
	.box-banner h2 {

		font-size: 30px;
	}
	.box-hotline a span{
		margin-right: 0px;
	}
	.box-hotline img{
		height: 40px;
	}
	#header{
		height: auto;
	}
	.col-copy,.col-social{
		width: 100%;
		text-align: center;

		margin-bottom: 10px;
	}
	.col-menuf{
		width: 100%;
		text-align: center;

	}
	.col-menuf ul{
		float: left;
		width: 100%;
	}
}

@media   (max-width: 567px) {
	
	.box-banner{
		padding-left: 0px;
	}
	.box-hotline a span{
		line-height: 32px;
	}
}
@media   (max-width: 479px) {
	.col-logo{
		width: 35%;
		float: left;
	}
	.col-banner{
		float: left;
		width: 65%;
	}
	.col-hotline{
		width: auto;
		position: fixed;
		bottom: 0px;
		right: 0px;
		z-index: 10000;
		background:#a6ce39; 
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
	}
	.box-logo img{
		max-height: 90px;
	}
	.box-hotline img{
		display: none;
	}
	.col-hotline a{
		color: #fff;
	}
	.events-img{
		width: 100%;
		margin-right: 0px;
	}
		.events-img img{
			width: 100%;
		}
		.events-right{
			width: 100%;
			margin-top: 12px;
		}
}

@media   (max-width: 420px) {
	.video{
		float: left;
		width: 100%;
		margin-left: 0px;
		margin-right: 0px;

	}
	.box-banner h3 {
    font-size: 24px;
}
.box-banner h2 {
    font-size: 25px;
}
.box-logo img{
		max-height: 75px;
	}
}