* {margin: 0px; padding: 0px;}


/* css cho font chu */

@font-face { 
  font-family: 'svn';
  src: url('../font/SVN-Aptima bold_0.ttf');
 }

.banner { padding: 0px 0px; background-color: #db1218; }
.img_banner { display: block; margin: auto; max-width: 100%; }

.section-1 { background-color: #2dc0ff; padding: 40px 0px 0px 0px; height: 700px; }
.img_logo { display: block; max-width: 80%; margin: auto; }
.hop_sua { display: block; margin: 4% auto 0px auto; max-width: 100%; }

.section-2 { padding-top: 8%; padding-bottom: 30px; }
.sec2_text_1 { display: block; margin: 10px auto; max-width: 80%; }
.sec2_nut_1 { display: block; margin: 13px auto; max-width: 80%;}
.bao_2nut { padding-top: 20px; }
.bao_slide_sec2 {padding: 20px 0px;}

.section-3 { padding: 30px 0px; }
.bao_title_sec3 { 
	background-color: #1c4388; text-align: center; 
	font-size: 26px; font-weight: 600;
	color: #fff; text-transform: uppercase;
	padding: 15px 30px ; margin: auto; margin-bottom: 30px;
}
.sp_sec3 { display: block; margin: auto; max-width: 100%; }

.row_2 {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: 0px;
}

.img_ma_shop { display: block; margin: 15px auto 0px auto; width: 100%; }
.img_ma_shop_2 { display: block; margin: 0px auto 15px auto; width: 100%; }
.bao_2ma { padding-top: 40px; }
.section-4 { padding: 30px 0px; }

.logo_sec4 { display: block; margin: 0px auto 30px auto;}
.bao_nd_text { padding: 30px 15px; background-color: #efc521; }
.h5_sec4 { font-weight: 600; text-transform: uppercase; }

.section-5 { background-color: #47c3db; }
.img_sec5_1 { display: block; margin: auto; width: 100%; }
.bao_sp_ap_dung { background-color: #9eecf9; padding: 20px 0px 0px 0px; }
.nut_sec5_1 { display: block; margin: 15px auto; max-width: 100%; }
.boc_khoi_ho { background-color: #9eecf9; padding-bottom: 20px;}
.bo_doi { display: block; margin: auto; width: 100%; }
.bao_3anh { padding: 20px 0px; }
.bo_1 { display: block; margin: 15px auto; width: 100%; }
.row_3 {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
     margin-right: 0px; 
    margin-left: 0px;
}
.pantene { display: block; margin: 15px auto; width: 98%; }
.thanh_xuan { display: block; margin: 10px auto; width: 100%; }
.bao_slide_sec5_2 { padding: 30px 0px 15px 0px; }
.cham { display: block; margin: 0px auto; width: 100%; }
.oral { display: block; margin: 15px auto; width: 100%; }
.banner_duoi { display: block; margin: 15px auto; width: 100%; }


@media (min-width: 1200px ) {
	
.pa_r_7 { padding-right: 7px!important; }	

}

@media (min-width: 1025px ) and (max-width: 1199px) {
	
.section-1 { background-color: #2dc0ff; padding: 40px 0px 0px 0px; height: 650px; }
.section-2 { padding-top: 10%; padding-bottom: 30px; }

}

@media (min-width: 992px ) and (max-width: 1024px) {
	
.section-1 { background-color: #2dc0ff; padding: 40px 0px 0px 0px; height: 650px; }
.section-2 { padding-top: 11%; padding-bottom: 30px; }

}

@media (min-width: 768px ) and (max-width: 991px) {
	
.section-1 { background-color: #2dc0ff; padding: 40px 0px 0px 0px; height: 500px; }
.section-2 { padding-top: 12%; padding-bottom: 30px; }

}

@media (min-width: 576px ) and (max-width: 767px) {

.section-1 { background-color: #2dc0ff; padding: 40px 0px 0px 0px; height: 430px; }
.section-2 { padding-top: 12%; padding-bottom: 30px; }	

}

@media (max-width: 575px ) {

	.section-1 { background-color: #2dc0ff; padding: 40px 0px 0px 0px; height: 400px; }
	.section-2 { padding-top: 15%; padding-bottom: 30px; }

	.row_2 {
		display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    margin-right: -15px;
	    margin-left: -15px;
	}

}
 
@media (max-width: 400px ) {

	.section-1 { background-color: #2dc0ff; padding: 40px 0px 0px 0px; height: 300px; }
	.section-2 { padding-top: 15%; padding-bottom: 10px; }
	.section-3 { padding: 15px 0px; }
	.row_2 {
		display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    margin-right: -15px;
	    margin-left: -15px;
	}

}