/*************** ADD CUSTOM CSS HERE.   ***************/


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}
.home div#content{
	background: #f5f5f5;
}
div#masthead {
	background: #f5f5f5;
	.icon-call {
		.icon-box-text {
			margin-top: -5px;
			padding-left: 6px;
			.top {
				font-size: 14px;
				color: #fff;
			}
			.call {
				a {
					font-size: 14px;
					color: #fff;
					font-weight: bold;
				}
			}
		}
	}
	
	li.account-item.has-icon {
		height: 45px;
	    background:#fa5657;
	    padding: 0 10px;
	    border-radius: 5px;
	    display: block !important;
	    text-align: center;
	    margin: auto;
	    a{
	    	font-weight: bold;
	    }
	    span{
	   	    font-size: 14px !important;
		    text-align: left;
		    margin-left: 5px;
		    text-transform: capitalize;
		    line-height: 14px;
		    margin-top: -3px;
		    font-weight: 600 !important;
		    color: #fff;
	    }
	}

	>li.html.widget_shopping_cart{
		height: 50px;
		p.woocommerce-mini-cart__total.total{
			strong{
				color: #027a43;
			}
		}
		span.amount{
			color: #dd1e21;
		}
		ul.woocommerce-mini-cart.cart_list{
			li.woocommerce-mini-cart-item.mini_cart_item{
				.quantity{
					opacity: 0.9
				}
				a+a{
					font-size: 14px;
					color: #000;
					font-weight: 500;
				}
				span.woocommerce-Price-amount.amount{
					font-weight: bolder;
					color: #027a43;
					opacity: 1;
				}
			}
		}
	}
	li.cart-item {
		color: #fff;
		font-size: 16px;
		.image-icon {
			img {
				max-width: 32px;
				min-width: 100%;
				margin-top: -5px;
			}
		}
		span.header-cart-title{
			font-size: 14px;
			color: #fff;
			margin-top: 8px;
			font-weight: bold;
		}
	}
	li.account-item.has-icon {
		&:hover{
				background: #00bf62;
			}	
		
		a.account-link.account-login {
			
			padding: 5px 10px 5px;
			border-radius: 5px;
			display: block !important;
			text-align: center;
			margin: auto;
			img {
				display: block;
				text-align: center;
				margin: auto;
			}
			>span {
				display: block;
				text-align: center;
				margin: auto;
				color: #fff;
				font-size: 14px;
				font-weight: 400;
			}
		}
	}
	ul.header-nav{
		li.html.custom.html_topbar_right{
			background: #fa5657;
			border-radius: 5px;
			padding: 10px;
			height: 45px;
			margin-right: 8px;
			div{
				line-height: 18px;
				font-weight: bold;
			}
			&:hover{
				background: #00bf62;
			}
		}
		li.cart-item.has-icon.has-dropdown, li.cart-item{
	        background: #fa5657;
		    border-radius: 5px;
		    padding: 3px 10px 5px;
		    margin: 0 5px 0 -2px;
		    height:45px;
		    [data-icon-label]:after{
		    	background: #029B40;
		    	font-weight: bold;
		    }
		    a {
		    	font-weight: bold;
		    	span{
		    		font-weight: bold;
		    	}
		    }
		    &:hover{
				background: #00bf62;
			}
		}
	}
}
div#top-bar{
	background: #f5f5f5;
	// .hotline_top{
	// 	span{
	// 		margin-right: 10px;
	// 		font-size: 15px;
	// 		color: #fff;
	// 		font-weight: bold;
	// 		a{
	// 			font-weight: bold;
	// 			color: #fff;
	// 			font-size: 15px;
	// 			letter-spacing: 1px;
	// 		}
	// 	}
	// }
	ul.nav.top-bar-nav{
		>li{
			margin: 0 15px;
			a{
				font-size:15px;
				font-weight: bold;
				color: #fff;
				&:after{
					border-color: #fff;
					padding: 0;
				}
			}

		}
	}
	.hotline_top{
		margin-top: -2px;
		font-size: 13px;
		span.chinhanhcs:not(.cn-marginleft){
			margin-right:  30px;
		}
		span{
			font-size: 14px;
			font-weight: 600;
			position: relative;
			i{
				background: #fff;
				border-radius: 50%;
				position: relative;
				top: 5px;
				margin-right: 5px;
				z-index: -1;
				width: 20px;
				height: 20px;
				&:before{
				    color: #00bf62;
				    font-size: 12px;
				    position: absolute;
				    left: 3px;
				    top: 3px;
				}
			}
		}
	}
}

.searchform-wrapper.ux-search-box {
	min-width: 440px;
	height: 45px;
	.flex-col:last-of-type {
	    margin-left: -50px !important;
	}
	input#woocommerce-product-search-field-0 {
	    padding: 9px 60px 10px 15px;
	    width: 100%;
	    height:45px;
	    background: #fff;
	    border: 1px solid #ececec;
	    font-size: 14px;
	    font-weight: 500;
	    margin: 0;
	    display: inline-block;
	    border-radius: 4px;
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    -o-appearance: none;
	    appearance: none;
	    -webkit-transition: all 150ms linear;
	    transition: all 150ms linear;
	    border-radius: 99px
	}
	button.ux-search-submit.submit-button.secondary.button.wp-element-button.icon.mb-0 {
       i.icon-search {
		    color: #008446;
		    font-size: 20px;
		} 
	}
}

div#wide-nav{
	background: #f5f5f5;
	ul.nav.header-nav.header-bottom-nav{
		margin-right: 5px;
		li.header-vertical-menu{
			margin-right: 10px;
		}
		>li.menu-item{
			padding: 7px 0px;
			margin:0;
			background: #00bf62;
			border-radius: 5px;
			margin-right: 5px;
			width: calc(20% - 6px);
			text-align: center;
			>a{
				font-size: 15px;
				text-transform: capitalize;
				font-weight: 700;
				color: #fff;
			}
			&+li{
				
			}
			&:hover{
				background:#fa5657; 	
			}
		}
	}
	.flex-col.hide-for-medium.flex-center{
		min-width: 780px;
	}
	.col{
		padding: 0 10px;
	}
	.r_icon_header {
		    margin-left: 15px;
		.icon-box-text.last-reset{
			font-size: 14px;
			font-weight: 400;
		}
		.icon{
			img{
				padding-top: 0;
				margin-top: -5px;
			}
		}
	}
	.header-vertical-menu__fly-out.header-vertical-menu__fly-out--open.has-shadow{
	    	width: 248px;
	    }
	.header-vertical-menu__opener.dark {
	    border-radius: 5px 5px 0 0;
	    width: 248px;

	}
	.menu-home-vertical-menu-container,.header-vertical-menu__fly-out.header-vertical-menu__fly-out--open.has-shadow{
		border-radius: 0 0 10px 10px;
	}
	ul#menu-home-vertical-menu{
	    height: 303px;
		border-radius: 0 0 10px 10px;
		>li{
			&:hover{
    			background: #00bf62;	
    			>a{
    				color: 	#fff !important	;
    			}
			}
			a.nav-top-link{
				padding: 7.5px 10px;
			    font-size: 14px;
			    color: #000;
			    font-weight: 600;
			    text-transform: inherit;
			}
			>ul.sub-menu.nav-dropdown.nav-dropdown-default{
				min-width: 300px;
				padding: 10px;
				>li{
					// width: 33%;
					// float: left;
					>a{
						font-size: 14px;
						text-transform: inherit;
						font-weight: 500;
						color: #000;
					}
					// &:nth-child(3n+1){
					// 	clear: both;
					// }
				}
				ul{
					clear: both;
					li{
						a{
							font-size: 13px;
							text-transform: capitalize;
							color: #000;
						}
						&:hover{
							background: #f8f8f8;
						}
					}
				}
			}
		}
	}
}
.r_img_banner{
	padding-top: 5px !important;
	.col_left{
		flex-basis: 265px;
    	max-width: 265px;
	}
	.col_right {
		flex-basis: calc(100% - 265px);
    	max-width: calc(100% - 265px);
    	padding-left: 15px;
    	.col_banner{
    		padding-right: 0;
    		.col-inner{
    			height: 100%;

    			img{
    				border-radius: 10px;

    			}
    		}
    	}
    	.sub_banner {
    		padding: 0 15px 15px 10px;
    		.img{
				margin-bottom: 10px;
			}
    	}
    	ol.flickity-page-dots {
			li.dot {
				background: #fff;
			    opacity: 0.8;
			    width: 8px;
			}
			li.dot.is-selected {
				width: 25px;
				border-color: #fa5657 !important;
				background: #fa5657 !important;
			}
		}
    	.sub_banner{
    		img{
    			height: 143px;
    			border-radius: 10px;
    			object-fit: cover;
    		}
    	}
	}
}
.row.row-child-cate{
	.col.large-12 {
	    padding-bottom: 0;
	}
}
.flash_sale {
	> .col.col.col_flas{
		padding-bottom:5px;
	}
	>.col {
		margin: 0px 9px 30px;
		background: #00bf62;
		border-radius: 10px;
		margin-bottom: 30px;
		position: relative;
		&:before {
			content: "";
			width: 100%;
			height: 80px;
			background: url(assets/img/bg_hder.png);
			position: absolute;
			left: 0;
			top: 0;
		}
	}
	>.col.col.col_flas {
		margin: 0 15px 30px;
	}
	.hot_flashsale {
		padding-bottom: 10px;
		&:before {
			content: "";
		}
		.box.has-hover.has-hover {
			.text.txt_date {
				display: flex;
			}
			.txt_date {
				font-size: 14px;
				border-left: 1px solid #fff;
				font-weight: 500;
				padding: 10px;
				color: #fff;
			}
			.ux-timer {
				width: 200px;
				font-size: 18px !important;
				position: absolute;
				top: 0;
				height: 43px;
				left: 125px;
				strong {
					font-size: 8px;
				}
			}
		}
		.tabbed-content.tab_product_sale {
			margin-top: -65px;
			.col-inner {
				padding-top: 10px;
			}
		}
	}
	.tab_product_sale {
		ul.nav.nav-outline {
			li {
				margin-left: 10px;
				span {
					color: #fff;
					font-size: 14px;
					text-transform: capitalize;
					font-weight: 500;
				}
				a {
					min-width: 70px;
					border: 1px solid #fff;
					background: #fff;
					span {
						color: #047b44;
						text-align: center;
						margin: auto;
					}
				}
				&:hover {
					a {
						background: #fa5657;
						border-color: #fa5657;
						span {
							color: #fff;
						}
					}
				}
			}
			li.active {
				a {
					background: #fa5657;
					border-color: #fa5657;
					span {
						color: #fff;
					}
				}
			}
		}
	}
}

.col.col_flas {
	h2.title.text-center {
		margin-top: 20px;
		margin-bottom: 20px;
		text-transform: uppercase;
		span.color {
			color: #fed430;
			&:before {
				content: "";
				background: url(assets/img/top-rate.svg);
				width: 22px;
				height: 31px;
				position: absolute;
				margin-left: -30px;
			}
		}
		span.colowhite {
			color: #fff;
		}
	}
	.product-small.box {
		margin-top: 5px;
	}
	.badge-container.absolute.left {
		margin-top: -5px;
	}
}
.product_Tab{
	.col-inner{
		height: 100%;
	}
}
.product-small.box {
	border-radius: 10px;
	border: 1px solid #e9e9e9;
	padding: 10px;
	background: #fff;
	border-radius: 10px;
	height: 100%;
	margin-top: 10px;
	&:hover {
		.box-image {
			img {
				transform: translateY(-10px);
				-webkit-transform: translateY(-10px);
			}
		}
	}
	.box-image {
		img {
			// height: 195px;
			// object-fit: scale-down;
		}
	}
	.box-text {
		padding-bottom: 0;
		margin-bottom: 8px;
		.rattings{
		    display: flex;
		    flex-direction: row;
		    align-items: center;
		    align-content: center;
		    justify-content: center;
		    .star-rating{
		    	margin-left: 0;
		    	margin-right: 0;
		    }
		    .review_txt {
			    font-size: 12px;
			    margin-top: 2px;
			    margin-left: 12px;
			    color: #7f7f7f;
			}
		}
		a.woocommerce-LoopProduct-link {
			font-size: 14px;
			font-weight: bold;
			margin-bottom: 0px;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 20px;
			-webkit-line-clamp: 2;
			height: 40px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			text-align: center;
			color: #000;
		}
		.price-wrapper {
			.price {
				display: flex;
				flex-direction: row;
				align-items: center;
				margin-bottom: 5px;
				margin-top: 10px;
				justify-content: center;
				span.woocommerce-Price-amount.amount {
					bdi {
						color: #dd1e21;
					}
				}
				del {
					order: 2;
					margin-left: 10px;
					* {
						font-size: 12px;
						color: rgba(0, 0, 0, 0.5) !important;
					}
				}
				ins {
					order: 1;
					* {
						font-size: 14px;
						font-weight: bold;
						color: #dd1e21;
					}
				}
			}
		}
		.add-to-cart-button{
			text-align: left;
			position: relative;
			margin:5px;
			display: none;
			a.added_to_cart.wc-forward {
			    background: #129657;
			    width: 100%;
			    line-height: 12px;
			    color: #fff;
			    &:before{
			    	    top: 0px;
			    }
			}
			a{
				border:unset;
				position: relative;
				padding-left: 40px;
				background: transparent;
				text-transform: capitalize;
			    background: #fff;
			    color: #252a2b;
			    border: 0;
			    border-radius: 16px;
			    position: relative;
			    height: 33px;
			    line-height: 30px;
			    outline: none;
			    font-size: 11px;
			    font-weight: 600;
			    transition: 0.4s ease-out;
			    -o-transition: 0.4s ease-out;
			    -moz-transition: 0.4s ease-out;
			    -webkit-transition: 0.4s ease-out;
		        background: linear-gradient(to left, white 50%, #129657 50%) right;
			    color: #cc1d00;
			    background-size: 200%;
			    padding-right: 10px;
			    margin-right: 0;
			    margin-top: 10px;
				&:before{
					content: "";
					background-image: url(assets/img/cart.svg) !important;
					background-repeat: no-repeat;
					background-position: center center;
					background-size: 16px;
					display: block;
				    width: 32px;
				    left: 0;
				    height: 32px;
				    background-color:  #129657;
				    border-radius: 50%;
				    transition: all 0.5s;
				    cursor: pointer;
				    position: absolute;
				}

			}
			&:hover{
				a{
				    color: #fff;
    				background-position: left;
				}
			}
		}
	}
	.rattings {
		display: flex;
		flex-direction: row;
		align-items: center;
		.review_txt {
			font-size: 12px;
			margin-top: 2px;
			margin-left: 12px;
			color: #7f7f7f;
		}
		.star-rating {
			&:before {
				color: #f59e0b;
			}
			span {
				&:before {
					color: #f59e0b;
				}
			}
		}
	}
}
.badge-container.absolute.left {
	left: 18px;
    margin: -5px 0 0;
	.callout.badge.badge-circle {
		width: 34px;
		height: 25px;
		&:before {
		    content: "";
		    width: 0;
		    height: 0;
		    border-top: 0 solid transparent;
		    border-left: 6px solid transparent;
		    border-bottom: 6px solid #ba191c;
		    position: absolute;
		    left: -12px;
		    top: 0px;
		}
		&:after{
			content: "";
		    width: 0;
		    height: 0;
		    border-top: 0 solid transparent;
		    border-right: 6px solid transparent;
		    border-bottom: 6px solid #ba191c;
		    position: absolute;
		    left: 27px;
		    top: 0px;
		}

	}
	.badge-inner.secondary.on-sale {
		border-radius: 0px;
		background: #dd1e21;
		&:after{
			content: "";
    width: 0;
    height: 0;
    border-bottom: 7px solid transparent;
    border-right: 17px solid #dd1e21;
    border-left: 17px solid #dd1e21;
    position: absolute;
    left: -6px;
    top: 25px;
		}
		span.onsale {
			font-size: 12px;
			font-weight: bold;
		}
	}
}
.row_bst{
	.col.small-12.large-12{
		padding-bottom: 0;
		.txt_title p{
			font-size: 24px;
		    font-weight: 700;
		    margin-bottom:  10px;
		}
	}
	.col_left{
		img{
			max-height: 665px;
			object-fit: cover;
		}		
	}
	.col_right{
		margin-top: -55px;
		.product_Tab{
			h4.uppercase.text-left {
		        display: block;
			    position: absolute;
			    left: calc(-25% - 80px);
			    margin-bottom: 0;
			}
			ul.nav.nav-simple.nav-uppercase.nav-size-normal.nav-left{
				text-align: right;
				justify-content:end;
			
				li{
				    position: relative;
				    font-size: 15px;
				    font-weight: 500;
				    color: #787878;
				    padding: 5px 10px;
				    background: #fff;
				    border-radius: 4px;
				    box-shadow: 0 0 3px rgba(0, 0, 0, 8%);
				    a{
				    	padding: 3px 5px;
				    }
				    span{
				    	text-transform: capitalize;
				    	font-size: 13px;
				    }
				    &.active{
				    	background:  #129657;
				    	span{
				    		color: #fff;
				    	}
				    }
				}
			}
		}
	}
}
.top_sanpham {
	.col-inner{
		background: #fff;
		border-radius: 10px;
		padding: 15px;
	}
	.title_Cat *{
		font-size: 24px;
		color: #333;
		margin-bottom: 15px;
		font-weight: bold;
	}
	ul.product_list_widget{
		display: inline-block;
    	position: relative;
    	margin-bottom: 0;
		li{
			border-top: 1px solid #ececec;
			float: left;
			width: 25%;
			margin-left: 0;
			a span{
				white-space: initial;
			    overflow: hidden;
			    -webkit-line-clamp: 2;
			    -webkit-box-orient: vertical;
			    display: -webkit-box;
			    font-size: 14px;
			   	height: 33px;
			   	font-weight: 600;
			    line-height: 16px;
			}
			span.woocommerce-Price-amount.amount *{
				font-size: 14px;
				color: #dd1e21;
			}
		}

	}
}


footer#footer {
	.text p{
		margin-bottom: 5px;
	}
	.absolute-footer {
		color: #000;
		padding-top: 15px;
		border-top: 1px solid #e9e9e9;
	}
	.social_icon {
		display: flex;
		ul.icon {
			display: flex;
			li {
				img {
					height: 35px;
					object-fit: scale-down;
					margin-left: 8px;
				}
			}
		}
	}
	.topmenu {
		margin-bottom: 30px;
		.ux-menu {
			.ux-menu-link__link {
				border-bottom: 0px solid #fff;
				padding: 0;
				min-height: 30px;
				margin-bottom: 10px;
				span {
					font-size: 18px;
					font-weight: 500;
				}
			}
		}
		.col {
			padding-bottom: 0 !important;
		}
	}
	.col-borders {
		border-left: 1px solid #ececec;
	}
	.col_contacts {
		>.col-inner {
			padding-bottom: 0 !important;
			border-radius: 10px;
			border: 1px solid #eee;
			.title_color {
				background: #00bf62;
				border-radius: 10px 10px 0 0;
				* {
					color: #000;
					padding: 10px 15px 10px 20px;
					margin-bottom: 0;
					font-size: 20px;
					font-weight: bold;
					text-transform: uppercase;
				}
			}
			.icon-box {
				padding: 10px 20px;
					&+.icon-box {
						&:before {
							content: "";
							border-top: 1px solid #ececec;
							width: calc(100% - 40px);
							margin-top: -10px;
							position: absolute;
						}
					}
				.icon-box-text.last-reset {
					position: relative;
					.top {
						* {
							font-size: 14px;
							font-weight: bold;
						}
					}
					.mid {
						* {
							font-size: 14px;
							font-weight: 400;
						}
					}
					.bot {
						a {
							font-size: 16px;
							font-weight: bold;
							color: #dd1e21;
							position: absolute;
							top: 17px;
							right: 0px;
						}
					}
				}
			}
		}
	}
		.row_bgs {
		border-radius: 5px;
		margin-left: 0 !important;
		margin-right: 0 !important;
		margin-bottom: 15px;
		.col {
			padding-bottom: 0px;
		}
		span.title {
			font-size: 16px;
			font-weight: bold;
			color: #000;
		}
		ul.icon {
			display: flex;
			justify-content: center;
			margin-left: 10px;
			li {
				margin-left: 5px;
			}
		}
	}
	span.title {
		font-size: 16px;
		font-weight: bold;
	}
	.title_ft {
		p {
			font-size: 17px;
			margin-bottom: 10px;
			font-weight: bold;
			text-transform: uppercase;
		}
	}
	.inffo {
		p {
			font-size: 14px;
			margin-bottom: 0;
		}
		h3 {
			font-size: 15px;
			text-transform: uppercase;
		}
	}
	.ux-menu.stack.stack-col {
		a.ux-menu-link__link.flex {
			min-height: unset;
			padding: 0;
			span {
				font-size: 14px;
				line-height: 20px;
				padding: 5px 0;
			}
		}
	}
	.payment_support.row {
		.col {
			padding-bottom: 0 !important;
		}
		.title.col.large-4 {
			font-size: 16px;
			font-weight: bold;
			color: #000;
			padding-left: 40px;
			max-width: 220px;
			-ms-flex-preferred-size: 220px;
			flex-basis: 220px;
		}
		.scroll.col.large-8 {
			margin-top: -15px;
			max-width: calc(100% - 220px);
			-ms-flex-preferred-size: calc(100% - 220px);
			flex-basis: calc(100% - 220px);
		}
	}
	.ft_col6 {
		margin-top: 30px;
		.title_ft {
			font-size: 14px;
			font-weight: bold;
		}
		.ux-menu {
			.ux-menu-link__link {
				border-bottom: 0px solid #fff;
				padding: 0;
				min-height: 30px;
				margin-bottom: 5px;
				span {
					font-size: 14px;
					font-weight: 500;
				}
			}
		}
	}
}
@media only screen and (min-width: 850px) {
    .flash_sale {
        padding: 0px 4px 0 6px;
    }
    footer .row_bgs span.title {
        margin-left: -15px;
        margin-top: 7px;
    }
    footer .payment_support.row .title.col.large-4 {
        margin-top: 7px;
    }
}
@media only screen and (max-width: 1150px) and (min-width: 850px) {
    div#masthead
        .searchform-wrapper.ux-search-box.relative.form-flat.is-normal
        input#woocommerce-product-search-field-0 {
        background: #fff;
        border-radius: 10px;
        height: 2.5rem;
        width: 300px;
    }
    div#masthead
        .searchform-wrapper.ux-search-box.relative.form-flat.is-normal {
        margin-left: 5px;
    }
    form.searchform button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    position: absolute;
    right: 50px;
    top: 5px;
}
}
.sec_bft {
	padding-bottom: 0;
	padding-top: 40px;
	.row{
		padding-bottom: 0;
		padding-top: 20px;
		.col{
			padding-bottom: 0;
		}
	}
	.icon-box {
		.icon-box-text.last-reset {
		    margin-top: -7px;
		}
		h3{
			font-size: 28px;
			text-transform: uppercase;
			margin-bottom: -5px;
		}
		a{
			font-size: 16px;
			font-weight: bold;
		}
	}
	.title_topicon{
		p{
			padding: 0;
		    margin: 0 0 10px 0;
		    position: relative;
		    font-size: 24px;
		    font-weight: 700;
		    color: #ffffff;
		    margin-bottom: 0px;
		    display:inline-block;
		    &:before{
		    	content: "";
			    width: 26px;
			    height: 24px;
			    background: url(assets/img/tele.svg);
			    position: absolute;
			    left: -30px;
			    bottom: 3px;
			    background-repeat: no-repeat;
		    }
		}
	}
	.btm_text p{
		font-size: 14px;
		font-weight: 400;
	}
	.form_ft{
		input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email {
		    margin-bottom: 0;
		    margin-top: 10px;
		    height: 46px;
		    padding-top: 9px;
		    padding-bottom: 9px;
		    border-radius: 4px;
		}
		span.wpcf7-spinner {
		    display: none;
		}
		input.wpcf7-form-control.has-spinner.wpcf7-submit.button {
		    margin: 0;
		    position: absolute;
		    width: 140px;
		    top: 14px;
		    right: 6px;
		    border-radius: 4px;
		    background: #037942;
		}
	}
}
.danhmuc_noibat{
	>.col {
		margin-bottom: 35px;
		>.col-inner{
			padding: 20px;
			border-radius: 10px;
			background: #fff;
			.title_Cat {
				padding-bottom: 10px;
				*{
					color: #333333;
					font-size: 24px;
					text-transform: uppercase;
					margin-bottom: 10px;
					font-weight: bold;
				}
				&:after{
				    content: "";
				    width: 100%;
				    height: 2px;
				    background: rgba(0, 0, 0, 0.05);
				    position: absolute;
				    left: 0;
				    margin-top: -5px;
				}
			}
			.box-image img{
				max-height: 170px;
				object-fit: scale-down;
			}
			.product-category.col{
				.box-text{
					h5{
						font-size: 14px;
						color: #333;
						font-weight: 600;
						text-transform: initial;
					}
				}
			}
		}
	}
}
.row_bloghome{
	.col_title >.col-inner{
		padding: 20px 10px;
		background: #fff;
		border-radius: 10px;
		.r-ctnt{
			.col{
				padding-bottom: 0;
				.container.section-title-container.title_Cat{
					margin-bottom: 0;
					.section-title-normal{
						border-bottom: unset;
						span{
							border-bottom: unset;
							color: #333;
							font-size: 24px;
						}
					}
				}
				.box.box-normal{
					.box-text.text-left{
						background: #f8f8f8;
						padding: 10px;
						h5.post-title.is-large{
							font-size: 16px;
						    overflow: hidden;
						    white-space: nowrap; 
						    text-overflow: ellipsis;
						}
					}
				}
			}
			.col_vertical {
				.box-vertical{
					margin-bottom: 16px;
					.box-text.text-left{
						padding: 0 10px;
						h5.post-title.is-small {
						    overflow: hidden;
						    text-overflow: ellipsis;
						    line-height: 18px;
						    -webkit-line-clamp: 2;
						    height: 36px;
						    display: -webkit-box;
						    -webkit-box-orient: vertical;
						    font-size: 14px;
						}
						.post-meta.is-small.op-8 {
						    font-size: 13px;
						}
						p.from_the_blog_excerpt {
						    font-size: 13px;
						    overflow: hidden;
						    text-overflow: ellipsis;
						    line-height: 18px;
						    -webkit-line-clamp: 2;
						    height: 36px;
						    display: -webkit-box;
						    -webkit-box-orient: vertical;
						}
					}
				}
			}
		}
	}
}
.single.single-product .shop-container{
	background: #f5f5f5;
}
.layout_sp{
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	h1.product-title.product_title.entry-title{
		color: #333333;
		margin: 0 0 13px 0;
		font-weight: 700;
		line-height: 1.2;
		font-size: 24px;
    	margin-bottom: 5px;
	}
	button.single_add_to_cart_button.button.alt.wp-element-button {
	    width: calc(100% - 110px);
	    border-radius: 4px;
        background: #fff;
	    border: 1px solid #e70505;
	    color: #e70505;
	    outline: none;
	    font-weight: 600;
	    font-size: 15px;
	    background: linear-gradient(225deg, white 55%, #e70505 0%) right;
	    color: #cc1d00;
	    background-size: 200%;
	    transition: 0.4s ease-out;
	    &:hover{
	        color: #fff;
    		background-position: left;
    		background-size: 250%;
	    }

	}
	.price-wrapper{
		p.price-on-sale.price.product-page-price{
			background: #fafafa;
		    padding: 15px;
		    border-radius: 4px;
		    display: flex;
		    display: -ms-flex;
		    align-items: center;
		    -ms-align-items: center;
		    display: flex;
		    del {
			    order: 2;
			    margin-left: 15px;
			    *{
			    	font-size: 16px;
			    	color: #333;
			    	font-weight: bold;

			    }
			}
			ins {
			    order: 1;
			    *{
			    	color: #dd1e21;
	    			font-size: 28px;
	    			font-weight: bold;
			    }
			}
		}
		p.price.product-page-price:not(.price-on-sale) {
		    background: #fafafa;
		    padding: 15px;
		    border-radius: 4px;
		    display: flex;
		    display: -ms-flex;
		    align-items: center;
		    -ms-align-items: center;
		    span.woocommerce-Price-amount.amount bdi,span.woocommerce-Price-amount.amount bdi span  {
		    	color: #dd1e21;
    			font-size: 28px;
    			font-weight: bold;
		    }
		}
	}
	.product_meta{
		font-size: 15px;
		font-weight: bold;
		a{
			font-size: 14px;
			text-transform: inherit;
			font-weight: 500;
			color: #000;
		}
	}
	.col_pd{
		padding-bottom: 0;
	}
	.r_icons{
		padding-bottom: 0;
		.col-inner{
		    .iconscx {
		    	padding:0px 8px 10px;
		    	border-radius: 4px;
			    border: 1px solid #eee;
			    margin-bottom: 20px;
			    margin-left: 0;
			    margin-right: 0;
			    
			    .s_title *{
					margin-bottom: 8px;
					font-size: 14px;
					font-weight: 600;
			    }
			    .s_title  {
			    	margin-top: 10px;
			    }
			    .icon-box{
			    	.icon-box-text.last-reset{
			    		padding-left: 10px;
			    		font-size: 14px;
			    		margin-top: 7px;
			    	}
			    }
		    }

		}
	}
	.image-tools.absolute.bottom.left.z-3 {
	    display: none;
	}
	ul.thuonghieu-sku-tonkho {
		margin-top: -20px;
		position: relative;
		li {
			list-style: none;
			margin-left: 0;
			float: left;
			&.trinhtrang{
				margin-right: 10px;
			}
			span {
				font-size:13px;
			}
			span.title {
				color: #000;
				img{
					height: 20px;
					object-fit: scale-down;
				}
			}
			a {
				span {
					color: #2e6ed5;
				}
			}
			span.stock {
				color: #2e6ed5;
			}
			img {
				margin-right: 2px;
			}
		}
	}
	ul.tabs.wc-tabs{
		li{
			a{
				border-radius: 4px;
				padding: 1px 15px;
				font-size: 15px;
				border: 1px solid #00bf62;
			}
		}
	}
	.product-section{
		border-top: unset;
	}
	h3.product-section-title.container-width.product-section-title-related.pt-half.pb-half.uppercase{
		font-size: 16px;
		padding: 10px 0;
	}
}
ul.page-numbers.nav-pagination.links.text-center{
	li{
		span,a{
			border-radius: 4px;
			border:1px solid #999;
		}
		span.current{
			border: 1px solid #00bf62;
		}
	}
}
.sec_lh{
	.col_info{
		background: #fff;
		padding: 10px 15px;
		border-radius: 10px;
		.col{
			padding-bottom: 10px;
			.title_Cat p{
			    font-weight: 700;
			    color: #000;
			    font-size: 22px;
			    margin: 0 0 0px;
			}
			.icon-box{
				.icon{
				    width: 35px;
				    height: 35px;
				    line-height: 35px;
				    border-radius: 50%;
				    float: left;
				    border: 1px solid #ddd;
				    text-align: center;
				    font-size: 15px;
				    .icon-inner{
				    	width: 15px;
				   	 	height: 15px;
				    }
				    img{
				   	    padding-top: 0;
					    width: 15px;
					    height: 15px;
					    object-fit: scale-down;
					    margin-left: 9px;
					    margin-top: -5px;
				    }
				}
				.icon-box-text.last-reset{
					padding:0 10px;
					h3{
					    color: #000;
					    font-size: 14px;
					    font-weight: 700;
    					margin-bottom: 0px;
					}
					p,a{
						font-size: 13px;
						font-weight: 500;
						margin-bottom: 0;
					}
				}
			}
		}
	}
	.col_form{
		margin-top: 20px;
		background: #fff;
		padding: 10px 15px;
		border-radius: 10px;
		.col{
			padding-bottom: 10px;
			.title_Cat p{
			    font-weight: 700;
			    color: #000;
			    font-size: 22px;
			    margin: 0 0 0px;
			}
			form.wpcf7-form.init{
				.row_contact{
					margin-top: 10px;
					.col{
						padding-bottom: 10px;

					}
					.iputsubmit{
						padding-bottom: 0;
					}
					input.wpcf7-form-control.has-spinner.wpcf7-submit {
						margin-bottom: 0;
						margin-top: 5px;
					    position: relative;
					    z-index: 1;
					    overflow: hidden;
					    color: #fff !important;
					    background: #00bf62 !important;
					    border: 0;
					    font-size: 14px;
					    font-weight: 500;
					    text-align: center;
					    letter-spacing: 1px;
					    outline: none;
					    border-radius: 4px;
					    text-transform: uppercase;
					    -webkit-transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
					    transition: color 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86), border 0.45s cubic-bezier(0.785, 0.135, 0.15, 0.86);
					    width: 250px !important;
					    padding: 0 !important;
					}
					input:not(.wpcf7-submit){
					    color: #5c5c5c;
					    height: 45px;
					    width: 100%;
					    font-weight: 500;
					    padding: 8px 20px;
					    background: #fff;
					    border: 1px solid #eae4e8;
					    border-radius: 4px;
					    box-shadow: none;
					    -moz-appearance: none;
					    -webkit-appearance: none;
					    appearance: none;
					}
					textarea.wpcf7-form-control.wpcf7-textarea{
						margin-bottom: 0;
					    color: #5c5c5c;
					    width: 100%;
					    font-weight: 500;
					    padding: 8px 20px;
					    background: #fff;
					    border: 1px solid #eae4e8;
					    border-radius: 4px;
					    box-shadow: none;
					    -moz-appearance: none;
					    -webkit-appearance: none;
					    appearance: none;
					}
				}
			}
		}
	}
}
.post-sidebar.large-3.col{
	aside.widget.flatsome_recent_posts{
		padding: 10px 15px;
	    background: #f9f9f9;
	    border-radius: 10px;
		li.recent-blog-posts-li{
			a{
				text-transform: inherit;
			    font-size: 14px;
			    line-height: 18px;
			}
		}
	}
}
.blog_phs {
	.box{
		.box-text.text-left{
			padding: 10px 15px;
			background: #F8f8f8;
			border-radius: 0 0 10px 10px;
			h5.post-title.is-large {
			    overflow: hidden;
			    text-overflow: ellipsis;
			    line-height: 25px;
			    -webkit-line-clamp: 2;
			    height: 50px;
			    display: -webkit-box;
			    -webkit-box-orient: vertical;
			}
			p.from_the_blog_excerpt{
				text-overflow: ellipsis;
			    line-height: 20px;
			    -webkit-line-clamp: 4;
			    height: 80px;
			    display: -webkit-box;
			    -webkit-box-orient: vertical;
			}
		}
	}
}
i.icon-menu {
    color: #fff;
}
@media only screen and (max-width: 850px) and (min-width: 550px){
	.r_img_banner {
	 	.col_right{
	 	    flex-basis: 100%;
    		max-width: 100%;
    		padding: 0 15px !important;
    		.sub_banner img{
    			height: 121px;
    		}
	 	}
	}
	.row_bst .col_right {
    	margin-top: 0;
	}
	.product-small.box{
		padding: 5px;
		.box-text {
			a.woocommerce-LoopProduct-link{
				font-size: 13px;
			}
			.add-to-cart-button {
				a{
					padding-left: 35px;
					&:before{
					    background-size: 11px;
					    display: block;
					    width: 25px;
					    left: 0;
					    height: 25px;
					}
				}
			}
		}
	}
	.top_sanpham ul.product_list_widget li{
		width: 33%;
		padding-right: 5px;
		a span{
			font-size: 13px;
		}
		span.woocommerce-Price-amount.amount *{
			font-size: 13px;
		}
	}
	.row_bloghome {
		.col_title > .col-inner .r-ctnt .col_vertical .box-vertical .box-text.text-left{
			p.from_the_blog_excerpt{
				display: none;
			}
		}
		.col_title > .col-inner .r-ctnt .col .box.box-normal {
			.image-cover{
				padding-top: 180px !important;
			}
			.box-text.text-left {
				h5.post-title.is-large{
					
				}
				p.from_the_blog_excerpt {
				    overflow: hidden;
				    text-overflow: ellipsis;
				    line-height: 18px;
				    -webkit-line-clamp: 3;
				    height: 56px;
				    display: -webkit-box;
				    -webkit-box-orient: vertical;
				}
			}
		}
	}
	.sec_bft .form_ft input.wpcf7-form-control.has-spinner.wpcf7-submit.button {
	    top: 13px;
	}
	footer#footer {
		.row_bgs {
			ul.icon li{
				margin-right: 15px;
			}
			
		}
		.payment_support.row .title.col.large-4{
			padding-left: 0;
			max-width: 165px;
		    -ms-flex-preferred-size: 165px;
		    flex-basis: 165px;
		}
	}
}
@media only screen and (max-width: 550px){
	.absolute-footer.light.medium-text-center.text-center {
	    padding: 10px 0 120px !important
	}
	.r_img_banner {
	 	.col_right{
	 	    flex-basis: 100%;
    		max-width: 100%;
    		padding: 0 15px !important;
    		.sub_banner img{
    			    height: auto;
    		}
	 	}
	}
	.r_img_banner .col_right .col_banner {
    	padding-right: 15px;
    	padding-bottom: 10px;
	}
	.row_bst .col_right {
    	margin-top: 0;
	}
	.sub_banner{
		padding-bottom: 20px !important;
	}
	.product-small.box{
		padding: 5px;
		img.attachment-original.size-original{
			height: 140px;
			object-fit: scale-down;
		}
		.box-text {
			a.woocommerce-LoopProduct-link{
				font-size: 12px;
			}
			.add-to-cart-button {
				display: none;
				a{
					padding-left: 30px;
					&:before{
					    background-size: 10px;
					    display: block;
					    width: 20px;
					    left: 0;
					    height: 20px;
					}
				}
			}
		}
		.price{
		    flex-direction: column-reverse !important;
		}
	}
	.top_sanpham .title_Cat *{
		font-size: 20px;
	}
	.top_sanpham ul.product_list_widget li{
		width:100%;
	}
	.row_bloghome .col_title > .col-inner .r-ctnt .col_vertical .box-vertical .box-text.text-left{
		padding: 10px 10px 0;
	}
	.flash_sale{
		.hot_flashsale {
			padding-top: 15px;
		}
		.box.has-hover.has-hover .text.txt_date{
			border-left: unset;
			padding-left: 0;
		}
		.ux-timer {
		    width: 175px !important;
		    font-size: 16px !important;
		    left: unset !important;
		    right: 0 !important;
		}
	}
	.danhmuc_noibat > .col {
		margin-bottom: 0;
		> .col-inner{
			padding-bottom: 0;
			.box-text.text-center{
				padding-bottom: 0;
			}
		}
	}
	.row_bst .col_right .product_Tab {
		ul.nav.nav-simple.nav-uppercase.nav-size-normal.nav-left{
		    text-align: left;
    		justify-content: start;
			li{
				padding: 3px;
				margin-bottom: 5px;
				a{
					padding: 2px;
					span{
						font-size: 12px;
					}
				}
			}
		}
	}
	.sec_bft {
		.title_topicon, .btm_text{
			text-align: left !important;
		}
		.title_topicon{
			p{
				padding-left: 30px !important;
				&:before{
					left: 0;
				}
			}
		}

		.form_ft input.wpcf7-form-control.has-spinner.wpcf7-submit.button{
			position: relative;
			right: 0;
		}
	}
	footer#footer {
		.row_bgs {
			ul.icon li{
				margin-right: 5px;
			}
			
		}
		.payment_support.row {
			>.col{
				padding: 0 15px;
			}
			.title.col.large-4 {
			    
    		padding-left: 15px;
			   max-width: 100%;
		    -ms-flex-preferred-size: 100%;
		    flex-basis: 100%;
			}
		}
		.payment_support.row .scroll.col.large-8{
			max-width: 100%;
		    -ms-flex-preferred-size: 100%;
		    flex-basis: 100%;
		    .simply-scroll .simply-scroll-list li{
		    	width: 70px !important;
		    	margin-left: 10px;
		    	img{
		    		height: 40px;
		    	}
		    }
		}
	
	}
	.layout_sp{
		margin:0 5px;
		padding:10px 0px;
		h1.product-title.product_title.entry-title{
			margin: 5px 0 10px 0;
		}
		.woocommerce-product-rating.devvn_single_rating * {
		    font-size: 12px;
		}
	}
	.product-small.box .box-image img {
	    height: 145px;
	    object-fit: scale-down;
	}
}
button.is-form.expand.button.wp-element-button {
    color: #fff;
    box-shadow: unset;
}

.sidebar-menu.no-scrollbar{
	div#main-menu ul > li > a {
        text-transform: inherit;
        font-size: 14px;
        color: #000;
    }
    div#main-menu ul > li > a ul.sub-menu.nav-sidebar-ul.children > li > a {
        text-transform: capitalize;
    }
}
@media only screen and (max-width: 850px){
	div#wide-nav{
		.searchform-wrapper.ux-search-box {
			min-width: 300px; 
			button.ux-search-submit.submit-button.secondary.button.wp-element-button.icon.mb-0{
				width: 55px;
				font-size: 14px !important;
				 i {
				    font-size: 14px !important;
				}
			}
		}
	}
}
body{
	overflow: hidden;
}
@media only screen and  (max-width: 1160px) and (min-width: 1050px){
.searchform-wrapper.ux-search-box {
			min-width: 390px; 
			button.ux-search-submit.submit-button.secondary.button.wp-element-button.icon.mb-0{
				width: 55px;
				font-size: 14px !important;
				 i {
				    font-size: 14px !important;
				}
			}
		}
}
@media only screen and  (max-width: 1050px) and (min-width: 850px){
	
		.searchform-wrapper.ux-search-box {
			min-width: 250px; 
			button.ux-search-submit.submit-button.secondary.button.wp-element-button.icon.mb-0{
				width: 55px;
				font-size: 14px !important;
				 i {
				    font-size: 14px !important;
				}
			}
		}
	
	div#wide-nav {
		.r_icon_header {
			float: left;
			.col{
				padding: 0 5px;
			}
			.col-inner{
				width: 190px;
			}
		}
	}
}
.col_banner {
	.flickity-page-dots{
		bottom: -15px;
		.dot{
			border-radius: 99px !important;
			border-color: #999 !important;
		}
	}
}
.box.has-hover.abc.has-hover.box-vertical.box-text-middle {
    padding-top: 18px;
    padding-bottom: 18px;
}
.block_product {
	background: #00bf62;
	border-radius: 10px 10px 0 0;
	margin-bottom: 10px;
	.box_title {
		display: flex;
		position: relative;
		.title_left {
			h2 {
			    padding: 8px 30px 13px;
    			margin-bottom: 0;
				a {
					font-size: 20px;
					color: #fff;
				}
			}
		}
		.sub_cat.hide-for-medium {
			ul {
				list-style: none;
				top: 15px;
				right: 30px;
				position: absolute;
				display: flex;
				margin-bottom: 0;
				li.bg_border {
					margin-bottom: 0;
					margin-left: 10px;
					a {
						background: #fff;
						color: #00bf62;
						border: 1px solid rgba(255, 255, 255, 20);
						padding: 4px 20px;
						font-size: 14px;
						border-radius: 6px;
						font-weight: 600;
						min-width: 90px;
						display: block;
						text-align: center;
						margin-top: -4px;
					}
					&:hover {
						a {
							border: 1px solid #009b69;
							background: #fa5657;
							color: #fff;
						}
					}
				}
				li.nobackground {
					margin-left: 10px;
					a {
						background: #fa5657;
						color: #fff;
						border: 1px solid rgba(255, 255, 255, 0.2);
						padding: 4px 20px;
						font-size: 14px;
						border-radius: 6px;
						font-weight: 600;
						min-width: 90px;
						display: block;
						text-align: center;
						margin-top: -4px;
						&:hover {
							background: #fff;
							color: #fa5657;
						}
					}
				}
			}
		}
	}
}

@media only screen and (max-width: 550px) {

    .block_product .box_title .title_left h2 {
        padding: 10px 15px 0px 20px;
    }
   .review_txt {
    display: none;
}
 }

.danhmuc_noibat2{
	.title_Cat{
		background: #00bf62;
    	border-radius: 10px 10px 0 0;
   	 	margin-bottom: 10px;
   	 	*{
   	 		padding: 10px 30px;
   	 		font-size: 20px;
    		color: #fff;
    		font-weight: bold;
    		text-transform: capitalize;
   	 	}
	}
	.product-category.col {
	    .col-inner {

		    border: 1px solid #999;
		    border-radius: 10px;
		    padding: 10px;
		    background: #fff;
		    &:hover{
		    	border-color: #fa5657;
		    }
		    .box-text.text-center{
		    	padding-top: 5px;
		    	padding-bottom: 5px;
		    }
		    h5{
		    	font-size: 14px;
		    	text-transform: capitalize;
		    	    text-overflow: ellipsis;
    line-height: 20px;
    -webkit-line-clamp: 3;
    height: 60px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
		    }
		}
	}
}

.custom-product-page {
	background: #fff;
	.chinhsach {
		.icon-box.featured-box {
			i {
				font-family: 'Font Awesome\ 6 Pro';
				font-size: 17px;
			}
		}
		.icon-box-text.last-reset {
			font-size: 14px;
			margin-left: 0px;
			text-align: justify;
		}
	}
	.sec_breadcumbs {
		// box-shadow: 0 3px 6px 1px rgba(0, 0, 0, 0.16);
		nav.rank-math-breadcrumb {
			p {
				margin-bottom: 0;
			}
		}
	}
	.add-action {
	    border-bottom: 1px solid #ebeef2;
	    border-right: 1px solid #ebeef2;
	    border-top: 1px solid #ebeef2;
	    color: #6f6f6f;
	    cursor: pointer;
	    display: block;
	    font-size: 7px;
	    height: 50%;
	    line-height: 15px;
	    position: relative;
	    text-align: center;
	    width: 27px;
	    background: #f5f5f5;
	}
	.button.is-form {
	    display: none;
	}
	.qty-text {
	    display: inline-flex;
	    height: 40px;
	    align-items: center;
	}
	.more_info {
		border: 1px solid #e1e1e1;
		border-radius: 5px;
		padding: 15px 15px 15px 10px;
		.icon-box-text.last-reset {
			text-align: justify;
		}
		h3 {
			font-size: 18px;
			font-weight: bold;
		}
		.icon-box.featured-box.icon-box-left.text-left.icon-call {
			margin-bottom: 10px;
		}
		a.xemthem {
			color: #008446;
		}
		.icon {
			.icon-box-text.last-reset {
				font-size: 14px;
				font-weight: 500;
			}
			img {
				height: 25px;
				object-fit: scale-down;
			}
		}
	}

	.title_products{
		margin-top: 0 !important;
	}
	.tile_layout {
		position: relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		.col_stitle {
			display: flex;
		}
		.product-title.product_title.entry-title {
			font-size: 20px;
			font-weight: bold;
			float: left;
			margin: 0 10px 0 0;
			line-height: 1.6;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
			min-width: 55%;
		}
		.product-title.subtitle_title.entry-title {
			font-size: 12px;
			font-weight: 400;
			margin: 4px 10px 0 0;
			line-height: 1.6;
			color: #707070;
		}
		.review_share {
			.rattings {
				display: flex;
				flex-direction: row;
				align-items: center;
				.review_txt {
					font-size: 12px;
					margin-top: 2px;
					margin-left: 5px;
					color: #7f7f7f;
				}
				.star-rating {
					&:before {
						color: #f59e0b;
					}
					span {
						&:before {
							color: #f59e0b;
						}
					}
				}
			}
		}
		.likeshare {
			position: absolute;
			top: 6px;
			right: -25px;
		}
	}
	.product-images.woocommerce-product-gallery.woocommerce-product-gallery--with-images {
		border-radius: 10px;
		border: 1px solid #e9e9e9;
		padding: 10px;
		figure.woocommerce-product-gallery__wrapper {
			max-height: 225px;
			img {
				max-height: 225px;
				object-fit: scale-down;
			}
		}
		.badge-container {
			margin-top: -6px;
			.callout.badge.badge-circle {
				&:after {
					left: 24px;
				}
			}
			.badge-inner.secondary.on-sale {
				&:after {
					left: -8px;
				}
			}
		}
		.flickity-button.flickity-prev-next-button {
			height: 60px;
			background: rgba(50, 50, 50, 0.3);
			width: 30px;
			opacity: 1;
			&:hover {
				background: rgba(150, 150, 150, 0.3);
			}
			svg {
				* {
					fill: #fff;
				}
				&:hover {
					* {
						fill: #017a43;
					}
				}
			}
		}
		.flickity-button.flickity-prev-next-button.previous {
			left: -16px !important;
			border-radius: 0 99px 99px 0;
			-webkit-transform: translateX(20%) !important;
			-ms-transform: translateX(20%) !important;
			transform: translateX(20%) !important;
		}
		.flickity-button.flickity-prev-next-button.next {
			right: -16px !important;
			border-radius: 99px 0 0 99px;
			-webkit-transform: translateX(-20%) !important;
			-ms-transform: translateX(-20%) !important;
			transform: translateX(-20%) !important;
		}
		ol.flickity-page-dots {
			li {
				width: 15px;
				border-color: #008446;
				border-radius: 5px;
				border: 1;
			}
		}
		.miniconfig {
			margin-top: 30px;
			.col {
				padding-bottom: 10px !important;
				p {
					margin-bottom: 0;
					font-size: 12px;
					font-weight: 500;
				}
			}
		}
	}
	.product-thumbnails.thumbnails.slider.row.row-small.row-slider.slider-nav-small.small-columns-4.is-draggable {
		.col {
			a {
				min-height: 80px;
				padding: 5px;
				border-radius: 10px;
				border: 1px solid #e9e9e9;
			}
		}
	}
	img.sale-on.banners {
		margin-top: 20px;
		border-radius: 10px;
	}
	.product-section.related.related-products-wrapper {
		border-top: unset;
		margin-bottom: 5px;
		h2.product-section-title.container-width.product-section-title-related {
			background: #00bf62;
			border-radius: 10px 10px 0 0;
			padding: 14px 20px;
			font-size: 20px;
			color: #fff;
			margin-bottom: 0;
		}
		.badge-container.absolute.left {
			top: -10px;
		}
		.product-small.box {
			margin-top: 10px;
			.top {
				top: -10px;
			}
		}
	}
	.product-page-sections {
		.product-section {
			border-top: unset;
		}
		.tab_products_content {
			p.uppercase.mt {
				background: #00bf62;
				border-radius: 10px 10px 0 0;
				padding: 14px 20px;
				font-size: 20px;
				color: #fff;
				font-weight: bold;
				margin: 0;
				text-transform: initial;
			}
		}
	}
	.cauhinh {
		margin-top: -20px;
		.content_cauhinh {
			border: 1px solid #e1e1e1;
			border-radius: 5px;
			margin-bottom: 20px;
			padding: 10px;
			h3.title_cauhinh {
				font-size: 20px;
				font-weight: bold;
			}
			table#cauhinh {
				border: 1px solid #e1e1e1;
				border-radius: 5px;
				tr {
					&:nth-child(2n+1) {
						background: #f2f2f2;
					}
					>td {
						padding: 10px 5px 10px 10px;
					}
					td+ td {
						padding: 10px;
					}
				}
			}
		}
	}
	aside.widget.widget-upsell {
		border: 1px solid #e1e1e1;
		border-radius: 5px;
		padding: 20px 10px;
		.is-divider.small {
			display: none;
		}
		h3.widget-title.shop-sidebar {
			font-size: 18px;
			font-weight: bold;
		}
		ul.product_list_widget {
			li {
				a {
					span {
						font-size: 14px;
						font-weight: bold;
					}
				}
				span.woocommerce-Price-amount.amount {
					font-size: 14px;
					color: #dd1e21;
				}
				del {
					margin-left: 25px;
					* {
						font-size: 14px;
						color: #dd1e21;
					}
				}
				ins {
					* {
						font-size: 14px;
						color: #dd1e21;
					}
				}
			}
		}
	}
	.badge-container.absolute.left {
	    left: 18px;
	    margin: 5px 0 0;
	}
	.image-tools.absolute.bottom.left.z-3 {
		display: none;
	}
	.title_products {
		.price-wrapper {
			.price {
				display: flex;
				flex-direction: row;
				align-items: center;
				span.woocommerce-Price-amount.amount {
					position: relative;
					margin-right: 15px;
					bdi {
						color: #dd1e21;
						font-size: 28px;
						span.woocommerce-Price-currencySymbol {
							font-size: 16px;
							position: absolute;
							top: 0;
							right:-4px;
						}

					}
				}
				del {
					order: 2;
					margin-left: 10px;
					span{
						opacity: 0.8;
					}
					bdi {
						font-size: 18px !important;
						color: #000 !important;
						font-weight: bold;
						span.woocommerce-Price-currencySymbol{
							font-size: 10px !important;
						}
					}
				}
				ins {
					order: 1;
					* {
						font-size: 14px;
						font-size: 24px;
						font-weight: bold;
						color: #dd1e21;
					}
				}
			}
		}
	}
	.single_variation_wrap .woocommerce-variation-price *{
		font-size: 18px;
		color: #dd1e21;
	}
	.add-to-cart-container.form-normal.is-normal {
		del {
			span.woocommerce-Price-amount.amount {
				span.woocommerce-Price-currencySymbol {
					color: #000;
				}
			}
		}
		span.woocommerce-Price-amount.amount {
			position: relative;
			margin-right: 15px;
			span.woocommerce-Price-currencySymbol {
				position: absolute;
				top: 0;
				font-size: 12px !important;
			}

		}
	}
	
	button.single_add_to_cart_button.button.alt {
		font-size: 16px;
		border-radius: 10px;
		width: calc(100% - 155px);
	}
	button.button.buy_now_button {
		display: block;
		width: 100%;
		border-radius: 10px;
		padding: 7px 10px;
		.tops {
			line-height: 18px;
			font-size: 16px;
			font-weight: bold;
			margin-bottom: -5px;
		}
		.bots {
			font-size: 14px;
			font-weight: 500;
			text-transform: initial;
			margin-top: -10px;
			margin-bottom: -5px;
		}
	}
	.quantity.buttons_added.form-normal {
		margin-right: 10px;
	}
	del {
		span.woocommerce-Price-amount.amount {
			bdi {
				
				color: #000 !important;
			}
		}
	}
	table.variations {
		td.value {
			.ux-swatches.ux-swatches-attribute-ux_label {
				display: none;
			}
		}
		span.isures-ivp--selected {
			display: none;
		}
		.isures-options--name {
			color: #333;
			white-space: break-spaces;
			margin-bottom: 5px;
			padding: 5px;
			position: relative;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
			line-height: 1.4;
			text-transform: uppercase;
			height: 62px;
		}
		.isures-option {
			.option-child {
				color: #333;
				white-space: break-spaces;
				margin-bottom: 5px;
				padding: 5px;
				position: relative;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				-webkit-box-orient: vertical;
				overflow: hidden;
				line-height: 1.4;
				text-transform: uppercase;
				height: 62px;
			}
			&:before {
				content: "";
				display: inline-block;
				width: 18px;
				height: 18px;
				border: 1px solid #ddd;
				text-align: center;
				position: absolute;
				left: calc(50% - 18px / 2);
				top: 5px;
				border-radius: 99px;
			}
			padding: 25px 8px 8px !important;
			position: relative;
		}
		span.option-child {
			font-weight: 500 !important;
		}
		.woocommerce-variation-price {
			display: none;
		}
		label.isures-option {
			box-shadow: 0px 2px 3px 1px #eee;
		}
		a.isures-item--options.active {
			border: 1px solid #f89008;
		}
		.isures-option.active {
			border: 1px solid #f89008;
			padding-top: 25px;
			background: rgba(247, 171, 20, 0.2);
			&:before {
				content: url(assets/img/check-solid.svg);
				background: #3fb846;
			}
		}
	}
	label.isures-option {
		ins {
			padding: 0 3px;
		}
		del {
			padding: 0 3px;
		}
	}
	.woocommerce-variation-description {
		border: 1px dotted #b9b9b9;
		padding: 10px;
		margin-bottom: 20px;
		border-radius: 5px;
		background: white;
		font-size: 14px;
		ul {
			margin-bottom: 0;
			li {
				list-style: none;
				margin-bottom: 2px;
				font-size: 14px;
				&:before {
					content: "✔";
					margin-left: -15px;
					margin-right: 5px;
					color: #d33;
					-webkit-appearance: none;
				}
			}
		}
	}
}
@media only screen and (max-width: 850px){
	div#wide-nav {
	    background: #00bf62;
	    padding-top: 10px;
	    .icon-search:before{
	    	color: #fff;
	    }
	}
	li.cart-item.has-icon {
	    display: inline-block;
	    margin-left: 0.12em;
	    margin-right: 0.12em;
	    min-width: 2.5em;
	    padding-left: 0.6em;
	    padding-right: 0.6em;
	    background: #00bf62;
	    border-radius: 5px;
	    height: 41px;
	}
	a.icon.primary.button.round.is-small {
	    height: 41px;
	    width: 41px;
	    line-height: 35px;
	}
}
.row_img_borrder{
	img{
		border-radius: 10px;
	}
}
.danhmuc_noibat2{
	.col{
		padding-bottom: 0;
	}
}
.row.banners-child,.page-title-inner.flex-row.medium-flex-wrap.container{
	display:none;
}
.category-page-row{
	padding-top: 0 !important;
}
.cat_child{
	margin-top: 20px;
	.col{
		padding-bottom: 10px;
	}
}
.cat_child {
	margin-top: 30px;
	.row.row_cate.child {
		>.col {
			padding-bottom: 10px;
		}
		.col {
			.col-inner {
				border-radius: 10px;
				border: 1px solid #e9e9e9;
				padding: 20px;
				a {
					font-size: 14px;
					border-radius: 10px;
					border: 1px solid #e9e9e9;
					padding: 5px 10px;
					font-weight: bold;
					
					&:hover {
						background: #fa5657;
						border: 1px solid #fa5657;
						color: #fff;
					}
				}
				a.active {
					background: #fa5657;
					border: 1px solid #fa5657;
					color: #fff;
				}
			}
		}
	}
	.row-child-cates {
		padding-bottom: 10px;
	}
}
@media only screen and (max-width: 550px) {
	.cat_child .row.row_cate.child .col .col-inner a {
	        padding: 5px 10px;
	        display: inline-flex;
	        margin-top: 10px;
	        margin-left: 0 !important;
	    }
	    .col.col_flas h2.title.text-center{
	    	    font-size: 16px;
	    }
	    .block_product .box_title .title_left h2 {
	    padding: 10px 15px 10px 20px;
	}
	div#masthead li.cart-item{
		background: #fa5657;
	}
}
@media only screen and (max-width: 850px) {
	.searchform-wrapper.ux-search-box.relative.form-flat.is-normal{
		input#woocommerce-product-search-field-1{
			    background-color: #fff !important;
			color: #000 !important;
		}
		::placeholder{
			color: #008446;
		}
	}
	div#wide-nav .icon-search:before{
		    color: #008446 !important;
	}
}
@media only screen and (max-width: 850px) {

    div#main-menu ul > li > a {
        text-transform: inherit;
        font-size: 13px;
        color: #000;
        padding-left: 10px;
    }
    div#main-menu ul > li > a ul.sub-menu.nav-sidebar-ul.children > li > a {
        text-transform: capitalize;
    }
   div#main-menu ul > li   button.toggle {
	    width: 35px;
	}
	.sidebar-menu.no-scrollbar span.menu-description {
    	display: none;
	}	
}
@media only screen and (max-width: 550px){
	.block_product .box_title .title_left h2 a{
		font-size: 18px;
	}
	.row-child-cate {
		.col-sp{
			a.button.primary.text-center {
			    text-transform: inherit;
			    font-size: 15px;
			    min-height: 35px;
			    background: #ff5757;
			}
		}
	}
	.home .row.flash_sale {
		.box.has-hover{
			    padding-top: 4px !important;
			padding-bottom: 10px !important;
			.box-text.text-left{
				display: none !important;
			}
		}
	}
}
@media  only screen and (max-width: 850px) {
	.hotline_top{
		text-align: left;
		span{
			margin-right: 0 !important;
			display: block;
		}
	}

}

@media  only screen and (max-width: 550px){
	.custom-product-page button.single_add_to_cart_button.button.alt {
    font-size: 15px;
    border-radius: 8px;
    width: calc(100% - 150px);
}
	ul.nav.nav-center.nav-small.mobile-nav.nav-divided{
		justify-content: center;
	}
	div#top-bar .hotline_top span i{
		margin-right: 10px;
		top: 4px;
	}
	.product-small.box .box-text .price-wrapper .price del {
	    margin-left: 0 !important;
	}
	footer {

		.row_bgs {
			background: #fff;
			>.col{
				padding-left: 0;
				padding-right: 0;
			}
			.title.col.large-4.small-12{
				margin-left: 0;
			}
		}
		.social_icon {
		    display: block !important;
		    ul.icon{
				margin-left: 0 !important;
				margin-top: 10px;
				li{
					margin:0 10px;
					img{
						margin-left: 0 !important;
						margin-right: 8px;
					}
				}

		    }
		}
		.title {
			
			display: block;
			width: calc(100% + 30px);
		}
		.payment_support.row {
			border-left: unset;
			 display: block !important;
			.title {
				padding-left: 0;
			}
			.scroll.col.large-8{
				margin-top: -5px !important;
				width: 100% !important;
				max-width: 100% !important;
			    -ms-flex-preferred-size: 100% !important;
			    flex-basis: 100% !important;
			    padding: 0 3px;

			}
		}
	}


	.hotline_top{
		padding: 	5px 0;
		text-align: left;
		span{
			margin-right: 0 !important;
			display: block;
			font-size: 10px !important;
			i{
				width: 15px !important;
				height: 15px !important;
				&:before{
					font-size: 8px !important;
				}
			}
		}
	}
	.row.row-small.s_mopbile {
	    margin-top: 15px;
	    margin-bottom: -30px;
	}

}
span.menu-title.uppercase.hide-for-small {
    display: none;
}
.woocommerce-variation-price{
	span.price{
		del{
			color: #000 !important;
			span{
				font-size: 14px;
				color: #000 !important;
				opacity: 0.9;
				font-weight: bold;
			}
		}
		ins{
			font-size: 22px !important;
			span{
				font-size: 22px !important;
				    color: #dd1e21 !important;
				bdi{
					font-size: 22px !important;
					    color: #dd1e21 !important;
				}
			}
		}
	}
}