/*Custom Div Style One*/
.custom-div-style-one {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.custom-div-style-one-item-1 {
	width: 34%;
}

.custom-div-style-one-big-block-1 {
	width: 65%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
}
.custom-div-style-one-item-2 {
	width: 100%;
}
.custom-div-style-one-big-block-2 {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.custom-div-style-one-item-3 {
	width: 33.8%;
}

.custom-div-style-one-big-block-3 {
	width: 64.6%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-direction: column;
}

.custom-div-style-one-item-4, .custom-div-style-one-item-5 {
	width: 100%;
}

/*End custom Div Style One*/

.owl-nav, .owl-dots {
	display: none;
}
#about-us {
	margin-bottom: 1.5em;
}

#general-category {
	margin-bottom: 2em;
}

#about-us h3 {
	font-family: "Montserrat", sans-serif;
	text-align: center;
	font-size: 1.1em;
}

#about-us p {
	font-family: "Playfair Display", serif;
	text-align: center;
	font-size: 0.9em;
}

#about-us a {
	color: #5F7848;
}

.border {
	border: 2px solid black;
}

#youtube-video {
	overflow-y: hidden;
}

.category-type {
	position: absolute;
	left: .75em;
	bottom: 1em;
	color: white;
	font-family: "Montserrat", sans-serif;
}

.parent-category {
	text-align: center;
	font-family: "Taviraj", serif;
	font-weight: 500;
}

.product-category-container > h2 > a, .product-category > h2 > a {
	color: black;
	margin-bottom: 1.5em;
}

.product-category-container > h2 > a:hover, .product-category > h2 > a {
	text-decoration: none;
}

.product-category, .product-category-container {
	text-align: center;
	display: block;
	margin-bottom: 3em;
	font-family: "Taviraj", serif;
}

.get-products {
	font-family: "Taviraj", serif;
	border: 1px solid black;
	padding: .75em .75em;
	margin: 1em 1em;
	transition: 300ms;
}

.get-products.active, .get-products:hover {
	background-color: #5F7848;
	color: white;
}

.product-display {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 2.5em;
	flex-wrap: wrap;
}

.product {
	width: 24%;
	border: 1px solid #DDD;
	box-shadow: 3px 5px 2px #EEE;
	margin-bottom: 1em;
}

.product img {
	width: 100%;
	margin-bottom: 1em;
}

.product-name {
	font-family: "Taviraj", serif;
	text-align: center;
	color: black;
}

.product-price {
	font-family: "Taviraj", serif;
	text-align: center;
	color: #5F7848;
	font-weight: bold;
}

.product a:hover {
	text-decoration: none;
}

.quick-product-name {
	font-family: "Taviraj", serif;
	text-align: center;
	color: black;
	font-size: .8em;
}
.quick-product-price {
	font-family: "Taviraj", serif;
	text-align: center;
	color: #5F7848;
	font-weight: bold;
	font-size: .8em;	
}
.quick-display a:hover {
	text-decoration: none;
}

.quick-product-display-child {
	margin-bottom: 2em;
}

.quick-product-display-child > div > h3 {
	text-align: left;
	font-family: "Taviraj", serif;
	font-size: 1.2em;
}

.view-more-product {
	text-align: center;
	text-transform: uppercase;
	font-family: "Taviraj", serif;
}

.view-more-product a {
	color: black;
/*	border: 1px solid black;*/
	padding: .5em .5em;
	transition: 300ms;
}

.view-more-product a:hover {
	text-decoration: none;
	background-color: #5F7848;
	color: white;
}

#kien-thuc-huu-ich {

}

#kien-thuc-huu-ich > h2, #customer-review > h2 {
	text-align: center;
	font-family: "Taviraj", serif;
	margin-bottom: 1em;
}

.article img {
	width: 100%;
	margin-bottom: 1em;
}

.article .article-name {
	font-family: "Taviraj", serif;
	font-size: .9em;
	color: black;
}

.article .article-intro{
	font-family: "Taviraj", serif;
	font-size: .8em;
	color: black;
}
.article a:hover {
	text-decoration: none;
}
.review {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 2px solid #CCC;
    margin-left: 3em;
    margin-right: 3em;
    padding: 1em 1.5em;
    border-radius: 20px;
}

.avatar-container {
    width: 176px;
    border-radius: 75px;
}
.avatar-container img {
    width: 100%;
    border-radius: 88px;
}
#customer-review {
    /*background-color: #222;
    color: white;*/
    padding: 1.5em 1em;
}
.review-signature {
	text-align: right;
	padding: 0.5em 3em;
}
.review-text {
    font-family: "Taviraj", serif;
    font-weight: 500px;
    font-style: italic;
    padding: .5em 2em;
}
.review-name {
    font-family: "Taviraj", serif;
    font-weight: bold;
}


.quick-product-display-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}

.quick-product-display-container > div {
	width: 32%;
	display: flex;
}

.quick-product-display-container > div:first-child {
	justify-content: flex-end;
	align-items: flex-start;
}

.quick-product-display-container > div:nth-child(2) {
	justify-content: flex-start;
	align-items: flex-start;
}


.quick-display > a {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.quick-display img {
	max-width: 150px;
	max-width: 30%;
	margin-right: .5em;
}

@media screen and (max-width: 768px) {
	.quick-product-display-container > div {
		width: 100%;
	}
	.d-none-sm {
		display: none;
	}
	.review {
		flex-direction: column;
		justify-content: space-around;
		align-items: center;
		margin-left: 0;
		margin-right: 0;
	}
	.avatar-container {
	    width: 100px;
	    border-radius: 50px;
	    margin-bottom: 1em;
	}
	.avatar-container img {
	    width: 100%;
	    border-radius: 50px;
	}

	.product {
		width: 48%;
		border: 1px solid #DDD;
		box-shadow: 3px 5px 2px #EEE;
	}
	.get-products {
		padding: .5em .5em;
		margin: 0.5em 0.5em;
		font-size: .8em;
	}

	.product-name {
		font-size: .8em;
	}
	.product-price {
		font-size: .8em;
	}

	.view-more-product a {
		font-size: .8em;
		color: black;
/*		border: 1px solid black;*/
		padding: .5em .5em;
		transition: 300ms;
	}

	/*	Custom div Style One */
	.custom-div-style-one {
		display: block;
		margin-bottom: 1.5em;
	}

	.custom-div-style-one-item-1 {
		width: 100%;
		display: block;
		margin-bottom: 1em;
	}
	.custom-div-style-one-item-2 {
		width: 100%;
		display: block;
		margin-bottom: 1em;
	}
	.custom-div-style-one-item-3 {
		width: 100%;
		margin-bottom: 1em;
		display: block;
	}
	.custom-div-style-one-item-4, .custom-div-style-one-item-5 {
		width: 100%;
		margin-bottom: 1em;
		display: block;
	}
	.custom-div-style-one-big-block-1 {
		width: 100%;
		display: block;
	}

	.custom-div-style-one-big-block-2 {
		width: 100%;
		display: block;
		margin-top: 1em;
	}

	.custom-div-style-one-big-block-3 {
		width: 100%;
		display: block;
	}

	/*	End Custom div style one */
}