.section_product
{
	display:block;
	float: left;
	width: 100%;
}

.section_product > .container > .wrap
{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	justify-content:space-between;
	background-color: #fff;	
}

.section_product > .container > .wrap > .left
{
	width: 30%;
	padding: 15px;
}

.section_product > .container > .wrap > .center
{
	width: 45%;
}

.section_product > .container > .wrap > .right
{
	width: 23%;
	padding: 20px;
}



.section_gallery
{
	display:block;
	float: left;
	width: 100%;	
}

.section_gallery .splide__slide img {
  width: 100%;
  height: auto;
}

.splide__track--nav>.splide__list>.splide__slide.is-active {
    border: 1px solid #000;
}

.section_package_change
{
display: block;
float: left;
width: 100%;
text-align: center;	
color: #333;
font-size: 12px;
}


.section_info
{
	display: block;
	float: left;
	width: 100%;
	padding: 10px 10px;
}

.section_info > h1
{
display: block;
float: left;
width: 100%;
font-size: 20px;	
line-height: 30px;
}

.section_info .tenvn
{
display: block;
float: left;
width: 100%;
line-height: 25px;

}

.section_info .thuonghieu_wrap
{
display: flex;
flex-wrap: wrap;
align-content: center;
width: 100%;
color: #82869E ;

line-height: 20px;

}

.section_info .thuonghieu_wrap > .item
{
display: block;
width: 50%;		

}


.section_info .thuonghieu_wrap > .item a 
{
	text-transform: uppercase;
	font-size: 12px;
	color: #1010b3;
}

.section_info .thuonghieu_wrap > .item span
{
	color: #333;
}

.section_info .action_list
{
	display: block;
	float: left;
	width: 100%;
}
.section_info .action_list > .wrap
{
	display: flex;
	flex-wrap: wrap;
	align-content: center;		
	justify-content: flex-start;
}

.section_info .action_list > .wrap > .button 
{
	width: 40%;
	margin-right: 20px;
}

.section_info .action_list > .wrap > .button > a
{
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	line-height: 30px;
	text-transform: uppercase;
	font-size: 15px;
	border: 1px solid blue;
	border-radius: 5px;
} 

.section_info .action_list > .wrap > .button > a:hover
{
	background-color: var(--blue3) ;
	color: #fff;
}

.section_info .action_list > .wrap > .button > .add_to_cart_btn
{
	background-color: var(--blue1) ;
	color: #fff;
}



.section_info .action_list > .wrap > .button > .add_to_wishlist_btn
{
	border: 1px solid var(--blue1) ;
}

.product_rating
{
	display: block;
	float: left;
	width: 100%;
}

.product_rating .rating-status {
    width: 72px;
    height: 12px;
}

.product_rating .rating-status .current_rating {
    height: 12px;
}



.giaban_wrap
{
	display: block;
	float: left;
	width: 100%;	
	border-bottom: 1px solid #efefef;
	padding-bottom: 20px;
}

.giaban_wrap > .giaban_hienthi
{
	display: block;
	float: left;
	width: 100%;
	height: 40px;
}

.giaban_hientai
{
	font-size:20px;
	color: #1435C3;
	font-weight: bold;
	letter-spacing: 1px;
}

.giaban_wrap > .giaban_unit
{
	display: none;
}

.giaban_wrap .giaban_cu
{
color: #959595;
font-size: 14px;
}

.giaban_wrap  .giaban_cu > span
{
text-decoration: line-through;
}

.specs_wrap
{
	display: block;
	float: left;
	width: 100%;		
}

.specs_wrap > .specs
{
display: block;
float: left;
width: 100%;	
padding: 5px 0px;	
color: #959595;
}

.specs_wrap > .specs > span
{
	color: #333;
}



.section_brand
{
display: block;
float: left;
width: 100%;
}

.section_brand > .wrap
{
display: block;
float: left;
width: 100%;	
padding: 10px;
background-color: #fdffe5;

}

.brand_detail  .established
{
color: #a5a5a5;
font-size: 11px;	
}

.brand_detail .name {
    text-transform: uppercase;
}

.brand_detail  .logo
{
	display: block;
	float: left;
	width: 100%;
	padding: 10px;
	text-align: center;
}

.brand_detail  .logo img
{
	width: 100px;
}


.brand_detail .manufacture {
    color: #ccc;
    font-size: 11px;
}

.brand_detail .manufacture .manufacture_name {
    color: #1f58ff;
    text-transform: uppercase;
}

.brand_detail .manufacture .world_record {
    color: #000;
    text-transform: uppercase;
}

.brand_detail .spec .item i
{
	color: #263c97;
	font-size: 15px
}


.section_importer
{
	display: block;
	float: left;
	width: 100%;	
}

.section_importer > .wrap
{
display: block;
float: left;
width: 100%;	
border: 1px solid #ebebeb;
padding: 10px;
}

.section_importer > .wrap > .logo
{
 display: block;
 float: left;
 width: 100%;
}

.section_importer > .wrap > .logo img
{
	width: 100%;
}

.section_importer > .wrap > .title
{
	text-transform: uppercase;
	font-size: 11px;
	
}

.section_importer > .wrap > .name
{
	text-transform: uppercase;
	font-size: 14px;	
	text-align: center;
}

.section_importer > .wrap > .name > i 
{
	color: green;
}


.section_importer .cbcl
{
	display: block;
	float: left;
	width: 100%;
	margin-top:15px;
}

.section_importer .cbcl > a 
{
	display: block;
	float: left;
	width: 100%;
	text-align: center;	
	background-color: #4267ff;
	color: #fff;
	padding: 5px 0;
	font-size: 12px;
	border-radius: 5px;
}



.section_detail
{
	display: block;
	float: left;
	width: 100%;	
}

.section_detail > .container > .wrap
{
	display: flex;
	flex-wrap: wrap;
	align-content: center;	
	justify-content: space-between;
}

.section_detail > .container > .wrap > .left
{
	width: 70%;
}

.section_detail > .container > .wrap > .right
{
	width: 28%;
}



.section_nutrition 
{
display: block;
float: left;
width: 100%;	
}

.section_nutrition > .wrap
{
display: block;
float: left;
width: 100%;	
padding: 20px;
background-color: #fff;		
}

.section_nutrition > .wrap .title
{
	text-transform:uppercase;
	font-weight: bold
}


.nutrition_table
{
display: block;
float: left;
width: 100%;		
}

.nutrition_table >  ul
{
display: block;
float: left;
width: 100%;		
list-style-type: none;
}

.nutrition_table >  ul > li
{
	display: flex;
	flex-wrap: wrap;
	align-content: center;	
	line-height: 25px;
}

.nutrition_table >  ul > li > span
{
	width: 50%;
	padding: 5px 15px;
	letter-spacing: 0.5px;
	font-size: 12px;
}

.nutrition_table >  ul > li:nth-child(odd)
{
	background-color: #F6F6F6 ;
}

.nutrition_note
{
display: block;
float: left;
width: 100%;	
padding: 10px;
font-size: 12px;
margin-top: 20px;
border-top: 1px solid #ccc;
line-height: 20px;
padding-bottom: 0;
}

.nutrition_note > i 
{
	color: #2ecc71;
	font-size: 15px;
}


.section_nutrition .subtitle
{
	font-size: 12px;
	text-transform: uppercase;
	color: #82869E;
}

.ingredients
{
	line-height: 25px;
}



.section_related 
{
display: block;
float: left;
width: 100%;	
}

.section_related > .wrap
{
display: block;
float: left;
width: 100%;	
padding: 20px;
background-color: #fff;		
}

.section_related .title
{
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
}

.section_related .subtitle
{
	font-size: 12px;
	color: #82869E;
}

.product_list
{
display: block;
float: left;
width: 100%;		
}

.section_related .item_type1
{
	background-color: #fff;
	padding: 15px 0;
	border-bottom: 1px solid #f1f1f1;
	border-radius: 0;
}

.section_related .item_type1:last-child
{
	border: 0;
}

.section_related .item_type1 .left
{
	width: 35%;
}

.section_related .item_type1 .left .image
{
	background-color: #ffffe3;
	padding: 5px;
}
/******* PRODUCT HTML *******/
.section_detail_html 
{
display: block;
float: left;
width: 100%;	
}

.section_detail_html > .wrap
{
display: block;
float: left;
width: 100%;	
padding: 20px;
background-color: #fff;		
}

.section_detail_html p
{
	display: block;
	float: left;
	width: 100%;
	margin-bottom:20px;
	line-height: 20px;
}

.heading-h5
{
	display: block;
	width: 100%;
	float: left;
	font-size: 14px;
	font-weight: 600;
	margin: 0 0 10px;
	position: relative;
	text-transform: uppercase;
	margin-top: 5px;
	margin-bottom: 20px;
	color: #03518f;
}

.heading-h5::after {
    background: rgba(0,0,0,0) linear-gradient(to right,#007bff 0%,#005ec2 100%) repeat scroll 0 0;
    border-radius: 12px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    bottom: -9px;
    width: 59px;
}

.product_hightlight
{
	display: block;
	float: left;
	width: 100%;	
	padding: 20px;
    background-color: #faffce;
    border-radius: 5px;
}

.product_hightlight ul
{
display: block;
float: left;
width: 100%;
}

.product_hightlight ul li
{
display: block;
float: left;
width: 100%;
padding: 5px 0px;
}

.product_hightlight ul li::before
{
    content: '\e805';
    font-family: 'icon';
    padding: 0 7px 0 0;
}

.wall_notice
{
	display: block;
	float: left;
	width: 100%;
	padding: 5px 20px;
	margin-bottom: 15px;
	background-color: #efefef;
	letter-spacing: 0.3px;
}

.wall_notice > p
{
	margin-bottom: 3px;
}

.wall_notice > p:last-child
{
	margin:0;
}

.wall_success
{
	border-left: 5px solid #2196f3;
}

.wall_warning
{
	border-left: 5px solid #ffc107;
}

.wall_danger
{
	border-left: 5px solid red;
}

@media (max-width: 500px) {
	
	.section_gallery
	{
		padding: 10px 10px;
	}
	
	.section_info
	{
		background-color: #fff;
		margin-bottom: 20px;
	}
	
	header
	{
		position: absolute;
		top: 0;
		z-index: 10;		
	}
	
	.section > .container >.top_menu_product 
	{
		background-color: unset;
	}
	
	.top_menu_product
	{
		padding: 10px;
	}
	
	.top_menu_product .icon
	{
		width: 40px;
		padding: 5px;
		background-color: #e7e7e7;
		border-radius: 30%;
		margin-left: 10px;
		text-align:center;
		font-size: 20px;
		color: #333;
	}
	
	.top_menu_product .icon i 
	{
		color: #333;
	}
	
	.section_gallery .product_slideshow
	{
		padding: 0 15%;
	}
	
	.section_package_change
	{
		padding: 10px 0;
	}
	
	.section_info .thuonghieu_wrap > .item
	{
		width: 100%;
		padding: 5px 0;
	}
	
	.section_detail_html img
	{
		width: 100%;
	}
	
	.section_importer > .wrap
	{
		padding: 10px;
		background-color: #fff;
		text-align: center;
		border: 0;
	}
	.section_importer > .wrap > .logo
	{
		text-align: center;
	}
	.section_importer > .wrap > .logo img
	{
		width: 50%;
	}
	
	
	.para_title
	{
		display: block;
		float: left;
		width: 100%;
		text-transform: uppercase;
		font-size: 11px;
		padding-left: 5px;
		margin-bottom: 15px;
	}
	
	.section_importer .cbcl > a
	{
		padding: 10px 0;
	}
	
	.section_intro .container .wrap .column
	{
		width: 50%
	}
	
	.section_intro .container .wrap .column:nth-child(1), 
	.section_intro .container .wrap .column:nth-child(2)
	{
		border-bottom: 1px solid #efefef;
	}
	
	.section_detail_html
	{
		margin-bottom: 15px;
	}
	
	.section_related > .wrap
	{
		background-color: unset;
		padding: 0;
	}
	
	.section_related .product_list
	{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-content: center;		
	justify-content: space-between;	
		
	}
	
	.section_related .item_type1 
	{
		width: 49%;
		margin-bottom: 0;
	}
	
	.section_related .subtitle,
	.section_related .title 
	{
		padding-left: 5px;
	}
	
	.section_related .item_type1 .left 
	{
		width: 100%;
	}
	
	.section_related .item_type1 .left .image
	{
		background-color: unset;
	}
	
	
	.product_menu
	{
		display: none;
		width: 100%;
		background-color: #fff;
	}

	.product_menu > .row-flex
	{
		align-items: center;	
	}

	.product_menu .item 
	{
		display: block;
		float: left;
		padding: 15px 5px;
		text-align: center;
	}


	.product_menu .item.logo > img
	{
		height: 30px;
	}

	.product_menu.fixed
	{
		display: block;
		position: fixed;
		top: 0;
		z-index:5;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px 0px;
	}

	.product_menu.fixed .item
	{
		padding: 10px 5px;
	}

	.product_menu  .item.active 
	{
		border-bottom: 2px solid var(--blue1);
	}
	
	div.auto_padding_top_70
	{
		padding-top:70px;
	}


}