@media (max-width: 767.98px) {
	img{
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	.alert-mess{
		display: none;
	}
	.fp-tableCell{
    	vertical-align: unset;
	}
	#section-4,#section-5,#section-6,#section-7{
	    background-position: left;
	}
	.tab-mobile{
		display: block;
	}
	.img-video{
		width: 40px;
		display: inline;
	}
	.btn-reg{
		width: 110px;
	}
	.logo{
		text-align: center;
		width: 180px;
		margin: 10px auto;
	}
	.section-1 .s1-left{
    	position: absolute;
    	bottom: 15px;
	}
	.section-1 .s1-left img {
    	width: 80%;
	}
	.section-1 .s1-right{
    	margin-top: 50px
	}
	.section-1 .s1-right .caption{
		margin-left: 0;
	}
	.section-1 .s1-right .sologan img{
		margin: 0 auto;
		width: 70%;
	}
	.section-1 .s1-right .s1-circle img{
		width: 276px;
	}
	.section-1 .s1-right .s1-circle{
		margin-top: -30px;
	}
	.section-2 .s2-right .s2-circle img{
		width: 50%;
	}
	.section-2 .s2-content{
		margin-top: -30px;
		margin-left: 27px;
	}
	#section-2 .s2-content{
		margin-top: 20px;
	}
	#section-2 .s2-right{
		margin-top: -30px;
	}
	#section-2 .s1-left{
	    width: 80%;
        margin: 0 auto;
	}
	.section-2 .s2-content h3{
		font-size: 15px;
	}
	.section-2 .s2-content p{
		font-size: 13px;
	}
	.s2-m-left{
		float: left;
	}
	.video-m-right{
		float: right;
	}
	.video-m-right_s{
		margin-top :-100px;
	}
	.section-3 .s3-right{
		margin-top: 0px;
	}
	.section-3 .s3-center{
		margin-left: -60px;
	}
	#section-4 .number-yel{
		font-size: 30px;
		line-height:0px;
	}
	#section-4 h4{
		font-size: 15px;
	}
	.s4-right{
		margin-top: 20px;
	}
	#section-4 .s4-right .s4-item:nth-child(1){
		float: left;
		width: 50%;
	}
	#section-4 .s4-right .s4-item:nth-child(2){
		float: right;
		width: 50%;
	}
	#section-4 .s4-right .s4-item:nth-child(3){
		width: 50%;
		margin: 0 auto;
	}
	.s5-left{
		text-align: center;
	}
	.s5s5span{
		font-size: 13px;
		margin-right: 20px;
		margin-left: 0;
	}
	#section-5 .s4-right{
		margin-top:40px;
	}
	#section-5 .s5-left{
		margin-bottom:20px;
	}
	#section-5 .tab-mobile{
		margin-top: 40px;
	}
	#section-5 .tab-mobile .s2-m-left{
		/*display: none;*/
	}
	#section-6 .number-yel{
		font-size: 35px;
	}
	#section-6 h4{
		font-size: 14px;
	}
	#section-6 .s4-right .s4-item:nth-child(1){
		float: left;
		width: 50%;
	}
	#section-6 .s4-right .s4-item:nth-child(2){
		float: right;
		width: 50%;
	}
	#section-6 .s4-right .s4-item:nth-child(3){
		width: 50%;
		margin: 0 auto;
	}
	#section-6 .s6-left{
	    margin-top:0;
	}
	#section-6 .tab-mobile h3{
		font-size: 11px;
	}
	#section-7 .number-yel{
		font-size: 35px;
	}
	#section-7 h4{
		font-size: 14px;
	}
	#section-7 .s4-right .s4-item:nth-child(1){
		float: left;
		width: 60%;
	}
	#section-7 .s4-right .s4-item:nth-child(2){
		float: right;
		width: 40%;
	}
	#section-7 .s4-right .s4-item:nth-child(3){
		width: 50%;
		margin: 0 auto;
	}
	#section-7 .tab-mobile h3{
		font-size: 14px;
	}
	#section-7 .s7-left{
		margin-top: 0;
	}
	#section-7 .s7-left img{
		width: 120%;
	}
	#section-7 .s3-center {
    	margin-top: 200px;
	}
	.s8-update .number-yel{
		font-size: 35px;
	}
	.s8-update h4{
		font-size: 14px;
	}
	.logo-footer{
		width: 150px;
		display: block;
		margin: 0 auto;
	}
	.footer-item p{
		font-size: 11px;
	}
	.col1{
		text-align: center;
	}
	.col3{
		white-space: nowrap;
	}
	.btn-footer{
		padding: 7px 10px;
		font-size: 9px;
	}
	.s8-update{
		margin-top: 15px !important;
	}
	.s8-update p{
		font-size: 15px !important;
	}
	.s8-center{
		margin-left: -60px;
	}
	.s8-left img{
		width: 80%;
	}
	.vid-khanhdu{
	    position: absolute;
        top: 450px;
        left: 60px;
	}
	.vid-lannhi{
	    position: absolute;
        top: 380px;
        left: 50px;
	}
	.vid-honganh{
	    position: absolute;
        top: 487px;
        left: 50px;
	}
	.vid-xuanngo{
		position: absolute;
		top: 274px;
		left: 230px;
	}
}


@media (min-width: 768px) and (max-width: 991.98px) {
	.logo{
		text-align: center;
		width: 200px;
		margin: 10px auto;
	}
	.section-1 .s1-right .caption {
    	text-align: center;
    	margin-top: 0;
    	margin-left: 0;
	}
	.section-1 .s1-right .caption img{
	    width: 60%;
	}
	.section-1 .s1-right .sologan {
    	text-align: center;
    	margin-top: 0;
    	margin-left: 0;
	}
	.section-1 .s1-right .sologan img {
    	margin-left: 0;
	}
	
}


@media (min-width: 992px) and (max-width: 1199.98px) {

}

@media (min-width: 1200px) {
	.container{
		width: 1250px;
		position: absolute;
	    left: 50%; 
	    top: 50%;
	    transform: translateX(-50%) translateY(-50%);
	}
	.container-footer{
		width: 1250px;
	}
	.alert-mess{
		display: block;
	}
}