/*
Theme Name: Shopvotcaulong
Theme URI: https://ngoinhaweb.vn/
Author: Ngoinhaweb.vn
Author URI: https://ngoinhaweb.vn
Description: Chuyen thiet ke website - Google Ads - Seo Search Engine Optimization - dien thoai 0989 589 077
Template: flatsome
Version: 1.0.0
*/
/**/
.thegioicuatoi::marker {
    font-size: 1.6em!important;
}
/**/
.text-cong-nghe {
	margin-bottom: 10px;
}
.image-cong-nghe {
	margin-bottom:20px;
}
/**/
.home_silder .swiper-pagination {
    margin-top: 5px;
    display: none;
}
/**/
span.post_comments.op-7.block.is-xsmall {
    display: none;
}
.recent-blog-posts a {
    line-height: 1.6;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0;
    /* margin-bottom: 0.5rem; */
}
/**/
.row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col { padding: 0 9.8px 0.6px; }
/**/
span.san-pham-h3, span.tin-tuc-h3 {
    font-family: Roboto!important;
	font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.4;
    display: inline-block;
    vertical-align: top;
    text-indent: 0px;
    background-image: linear-gradient(to right, #00c9f7, #005aff);
    color: transparent;
    -webkit-background-clip: text;
    margin-bottom: 5px;
}
span.san-pham-h2, span.tin-tuc-h2 {
    font-family: Roboto!important;
	font-size: 1.5rem;
	margin-top: 5px;
    font-weight: 800;
    line-height: 1.4;
    display: inline-block;
    vertical-align: top;
    text-indent: 0px;
    background-image: linear-gradient(to right, #00a9ff, #3a7cf5);
    color: transparent;
    -webkit-background-clip: text;
    margin-bottom: 5px;
}
span.san-pham-h2 a  {
    font-family: Roboto!important;
	font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.4;
    display: inline-block;
    vertical-align: top;
    text-indent: 0px;
    background-image: linear-gradient(to right, #00a9ff, #3a7cf5);
    color: transparent;
    -webkit-background-clip: text;
    margin-bottom: 5px;
}
span.tin-tuc-h2 a {
    font-family: Roboto!important;
	font-size: 1.5rem;
    font-weight: 800;
    line-height: 1.02;
    display: inline-block;
    vertical-align: top;
    text-indent: 0px;
    background-image: linear-gradient(to right, #00a9ff, #3a7cf5);
    color: transparent;
    -webkit-background-clip: text;
    margin-bottom: 5px;
}
.rivaki p a {
	font-weight: 800;
}
h2, h3, h4, .heading-font {
	font-family: Roboto!important;
}
p.gioi-thieu-san-pham {
    border-left: 0;
    padding-left: 0px;
    position: relative;
    border: 1px dashed #01ccff;
    padding: 10px !important;
    background-color: #cdf2ff7d;
    font-size: 11pt;
    line-height: 30px;
    text-align: justify;
}
/**/
.row.tin-tuc-cau-long {
    margin-top: 0.5rem;
	margin-bottom: -3rem;
}
.tin-tuc-cau-long .box-bounce .box-text {
    padding: 15px 0px 15px;
}
.tin-tuc-cau-long .box-text p {
    margin-left: 0em;
}
.tin-tuc-cau-long h3.post-title.is-large {
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0;
	margin-bottom: 0.5rem;
}

/**/
.header-block .icon-box .icon-box-text {
    margin-top: -15px;
}
/*sale product month*/
span.isale {
    background: red;
    color: #fff;
    margin-left: -11px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 1px;
    padding-bottom: 1px;
}
/*CODE ONLY KRTS*/
.kk-star-ratings .kksr-stars > div > div:nth-child(1),
.kk-star-ratings .kksr-stars > div > div:nth-child(2),
.kk-star-ratings .kksr-stars > div > div:nth-child(3) {
    pointer-events: none;
}
#menu-danh-muc-tin-tuc {
  margin-left: 1.2rem;
  margin-right: 0.8rem;
}
@media only screen and (min-width : 1360px) {
.bai-viet-lien-quan ul li .box-image img {
	height: 165px !important;
}
}
.entry-category.is-xsmall {
  display: none;
}
ul.links {
    margin: 1.5rem 0;
    margin-bottom: 1rem;
}
h3.woocommerce-loop-product__title.product-title {
    padding: 0px 8px 4px;
}
.ng-products-grid .product-small .box-text .product-title a, .product-small .box-text .product-title a, .shop-container .products .product-small .box-text .product-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.box-text {
    padding-bottom: .9em;
}
/*fix category text*/
.blog-single .entry-category a {
  color: #4a4a4a;
  font-family: tahoma, sanself;
  line-height: 1.2em;
}
.is-xsmall {
  font-size: 0.9em;
  line-height: 1.2rem;
}
.blog-single .entry-title {
  font-size: 28px;
  margin-bottom: 10px;
  margin-top: 5px;
  font-weight: 800;
  line-height: 1.4;
  display: inline-block;
  vertical-align: top;
  text-indent: 0px;
  background-image: linear-gradient(to right, #00c9f7, #005aff);
  color: transparent;
  -webkit-background-clip: text;
  font-family: Roboto;
}
/**/
.box-image .out-of-stock-label {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: 45%;
    left: 0;
    right: 0;
    text-align: center;
    padding: 12px 0;
    background-image: linear-gradient(to right, #00c9f7, #005aff);
}
.product-info p.stock {
    margin-bottom: 0.8em;
    line-height: 1.2;
    font-size: 1.4em;
    font-weight: bold;
    background-image: linear-gradient(to right, #ff0000, #ff0000);
    color: transparent;
    -webkit-background-clip: text;
}
/*bài viết*/
.post-item .box-image:hover::before{
-webkit-animation:shine .75s;
animation:shine .75s}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.post-item .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
/*sản phẩm*/
.product-small .box-image:hover::before{
-webkit-animation:shine .75s;animation:shine .75s
}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.product-small .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}
/*view decorate*/
/* CSS Responsive */
.flexbox-life {
    display: flex;
    flex-wrap: wrap;
}

.leftside, .rightside {
    width: 50%; /* Mặc định là chia đôi */
}

@media screen and (max-width: 430px) {
    .leftside, .rightside {
        width: 100%; /* Màn hình dưới 430px, mỗi cột chiếm 100% */
    }
	.leftside {
		height: 180px !important;
        overflow-x: auto;
		margin-bottom: -40px;
	}
	.rightside {
        height: 380px !important;
    }
    iframe {
        height: 350px; /* Đảm bảo iframe tự điều chỉnh chiều cao */
    }
}
/*map live gg*/
.pk_row {
    height: 600px;
}
.pk_column {
    float: left;
    padding: 10px;
    height:100%;
    background:white;
    border: 5px solid #ccc;
}

.pk_row:after {
    content: "";
    display: table;
    clear: both;
}
/**/
.pk-column-data ul li {
    margin-bottom:5px;
    margin-left:0;
    padding: 10px;
    padding-left:15px;
    background: #efefefc7;
    list-style-type:none;
}

.pk-column-data ul li:hover {
    cursor: pointer;
    background:#326e5130;
}

.pk-column-data ul li.pk-active {
    background:#326e51;
    color:white;
}
/* Sửa #logo thành phần tử CSS của bạn */
.tp-cart .cart-collaterals{
	display:none;
	
}
.tp-cart .large-7{
	min-width:100%;
}
.tp-cart p.form-row-first{
	width: 100%!important;
}
/**/	
.sort_ngoinhaweb {
    display: flex !important;
    margin-top: 5px;
    justify-content: flex-start;
}
.sort_ngoinhaweb form {
    padding: 0 0 0 20px;
}
.sort_ngoinhaweb .pt-checkbox {
    margin-right: 0px;
}
/*************** ADD CUSTOM CSS HERE.   ***************/
/*.product-small {
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-top: 1px solid #ececec;
}
.product-small.col.has-hover {
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-top: 1px solid #ececec;
}
.vot-cau-long-home .box.product-small {
    border: 1px solid #ececec;
	border-bottom: 0px solid #ececec;
}*/
.box-text p, .price-wrapper .price {
	margin-left: .4em;
}
.vot-cau-long-home .box-text.box-text-products, .vot-cau-long-home .box-text.text-left {
    padding: 10px 10px 20px;
}

/* CSS cho tooltip */
.star-rating span:before {
    color: #f5d323!important;
}
/**/
th.woocommerce-product-attributes-item__label {
    text-align: center;
}
.hscroll {
  overflow-x: auto; /* Horizontal */
}
.hscroll th:first-child, td:first-child {
	padding-left: 10px;
	padding-right: 10px;
}
.hscroll tr:nth-of-type(odd) { 
	background: #cfeff5b3;
}
.shop_table thead tr th:last-of-type,.shop_table tr td:last-of-type {
    padding-right: 10px;
}
table {
  border-collapse: collapse; 
  border: 1px solid #3f2b21;
}
.variations {
    border: 0px;
}
td {
  padding: .5rem;
  border: 1px solid #10c6fde3;
  font-family: Arial;
}
th {
  text-align: left;
  background-color: #1858c9;
  color: white;
  font-family: Roboto;
  padding-left: 10px!important;
}
h3.live-psty {
	font-family: roboto;
    color: #0271ff;
    font-size: 18px;
}
.social-icons .button i {
    top: 0.5px;
}
.header-block-block-1 .searchform-wrapper {
    height: 42px;
}
/**/
.devvn-popup-content.kk-star-ratings.kksr-align-left {
	display:none!important;
}
/*layout blog news*/
.blog-archive .post-item {
    padding-bottom: 0;
}
.list-post1 .post-item .col-inner, .list-post2 .post-item .col-inner {
    padding: 0;
    border: none;
}
.list-post1 .post-item .box {
    border: 1px solid #d7d7d7;
    padding: 15px;
}
.blog-archive .post-item .box-image {
    border: 1px solid #b7b7b7;
}
.list-post1 .post-item .box-image .image-cover {
    padding-top: 70% !important;
}
.list-post1 .post-item .box-text {
    padding: 10px 0 0px 0px !important;
}
.blog-archive .post-item .post-title {
    font-size: 19px;
    margin-top: 5px;
    font-weight: 800;
    line-height: 1.4;
	display: inline-block;
    vertical-align: top;
    text-indent: 0px;
    margin-left: 4px;
    background-image: linear-gradient(to right, #00c9f7, #005aff);
    color: transparent;
    -webkit-background-clip: text;
    font-family: Roboto;
}
.list-post1 .post-item .post-title {
   font-size: 19px;
    margin-top: 5px;
    font-weight: 800;
    line-height: 1.4;
	display: inline-block;
    vertical-align: top;
    text-indent: 0px;
    margin-left: 4px;
    background-image: linear-gradient(to right, #00c9f7, #005aff);
    color: transparent;
    -webkit-background-clip: text;
    font-family: Roboto;
}
.blog-archive .post-item .from_the_blog_excerpt {
    color: #767676;
    font-size: 14px;
    line-height: 23px;
	margin-top: 13px;
}
.list-post1 .post-item .from_the_blog_excerpt {
    display: none;
}
.list-post2 .post-item {
    padding-bottom: 9px !important;
}
.list-post2 .post-item .box-image .image-cover {
    padding-top: 80% !important;
}
.list-post2 .post-item .post-title {
   font-size: 14px;
    margin-top: 5px;
    font-weight: 400;
    line-height: 1.4;
	display: inline-block;
    vertical-align: top;
    text-indent: 0px;
    margin-left: 4px;
    background-image: linear-gradient(to right, #006ef7, #005aff);
    color: transparent;
    -webkit-background-clip: text;
    font-family: Roboto;
}
.list-post2 .post-item .from_the_blog_excerpt {
    display: none;
}
.blog-archive .post-item .col-inner {
    padding: 5px 0;
}
.blog-archive .post-item .box-image .image-cover {
    padding-top: 70% !important;
}
.blog-archive .post-item .box-text {
    padding: 0;
    padding-left: 15px;
}
/*layout blog new*/
/*heading footer*/
h2.hd:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #10c6fde3;
    bottom: -3px;
    width: 50%;
}

.hd-box{
	border-bottom: solid 3px #1858c9;
	margin-bottom: 10px;
	position: relative;
}

h2.hd{
	font-size: 0px;		/* $FONT_SIZE */
	font-weight: bold;
}

.hd-box span.txt{
	line-height: 2.2;		/* $LINE_HEIGHT */
	font-size: 15px;	/* $FONT_SIZE */

	display: inline-block;
	vertical-align: top;	/* 下側ブロック境界との隙間を消す */
	text-indent: 0px;		/* -$TEXT_INDENT */
	margin-left: 0px;		/* $TEXT_INDENT = $ICON_SIZE + $MARGIN_RIGHT */
	background-image: linear-gradient(to right, #00c9f7, #005aff);
	color: transparent;
	-webkit-background-clip: text;
}

.ic{
	display: inline-block;
	width: 16px;	/* $ICON_SIZE */
	height: 16px;	/* $ICON_SIZE */
	font-size: 16px;	/* $ICON_SIE */
	
	vertical-align: top;
	margin-top: calc((1.7 * 20px - 16px)/ 2);		/* ($LINE_HEIGHT x $FONT_SIZE - $ICON_SIZE) / 2 */
	margin-right: 10px;		/* $MARGIN_RIGHT */
	position: relative;	/* For adjusting position of FontAwesome icon (pseudo element) */
}

.ic.square{
	background-color: #00cbf9;
}
/*box khuyến mại*/
.khuyen-mai{
border: 1px solid #ffdb97;
padding: 8px;
font-size: 16px;
border-radius: 4px;
margin-bottom: 0px;
line-height: 18px;
background: #fffbf4;
font-family:"Muli", sans-serif;
line-height: 1em;
}
.khuyen-mai i.icon-gift {
    margin-right: 0.3em;
    font-size: 1.4em;
}
.khuyen-mai h4{
color: red;
font-size: 1.2em;
}
.khuyen-mai ul{
margin-bottom:0
}
.khuyen-mai ul li {
list-style: none;
background: url(https://votcaulongshop.vn/wp-content/uploads/2023/02/khuyen-mai.png);
background-repeat: no-repeat;
background-size: 14px;
background-position-y: 2px;
padding-left: 22px;
margin-left: 0;
margin-bottom: 10px;}
/**/
.product-small .box-text .price del span {
	color: #ff235c;
	font-size: 1.2em;
}
#wp-admin-bar-flatsome_panel {
    display: none!important;
}
.box-text .price span.amount {
	color: #ff235c;
	font-size: 1.2em;
}
.woocommerce-variation-price .price span.amount {
	color: #ed2727!important;
    font-size: 20px!important;
}
/*1 giá trang lẻ single*/
.woocommerce.single-product div.product p.price span.amount {
    white-space: nowrap;
    color: #f00;
    font-weight: bold;
    font-size: 20px;
}
.product_list_widget span.amount {
	color: #f00;
    font-weight: bold;
    font-size: 16px;
}
/*  */
.rm-ptc {display:none;}
.nhxt-tcv {
    font-weight: 900;
    color: red;
    font-size: 1.1em;
}
/* 404 notice */
.twbk { 
  background-color: #007aff; 
  color: #fff;
  font-size: 100%;
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
}
.twbk .button {
  font-weight: 300;
  color: #fff;
  font-size: 1.2em;
  text-decoration: none;
  border: 1px solid #efefef;
  padding: .5em;
  border-radius: 3px;
  margin: 2em 0 0 -155px;
  left: 50%;
  position: relative;
  transition: all .3s linear;
}
.twbk .button:hover {
  background-color: #007aff;
  color: #fff;
}

.twrk {
  font-size: 1.5em;
  text-align: center;
  font-weight: 100;
	margin: 0em 4em;
}

.twsk {
  text-align: center;
  font-size: 15em;
  font-weight: 100;
color: #fff;
  text-shadow: #0062cc 1px 1px, #0062cc 2px 2px, #0062cc 3px 3px, #0062cd 4px 4px, #0062cd 5px 5px, #0062cd 6px 6px, #0062cd 7px 7px, #0062ce 8px 8px, #0063ce 9px 9px, #0063ce 10px 10px, #0063ce 11px 11px, #0063cf 12px 12px, #0063cf 13px 13px, #0063cf 14px 14px, #0063cf 15px 15px, #0063d0 16px 16px, #0064d0 17px 17px, #0064d0 18px 18px, #0064d0 19px 19px, #0064d1 20px 20px, #0064d1 21px 21px, #0064d1 22px 22px, #0064d1 23px 23px, #0064d2 24px 24px, #0065d2 25px 25px, #0065d2 26px 26px, #0065d2 27px 27px, #0065d3 28px 28px, #0065d3 29px 29px, #0065d3 30px 30px, #0065d3 31px 31px, #0065d4 32px 32px, #0065d4 33px 33px, #0066d4 34px 34px, #0066d4 35px 35px, #0066d5 36px 36px, #0066d5 37px 37px, #0066d5 38px 38px, #0066d5 39px 39px, #0066d6 40px 40px, #0066d6 41px 41px, #0067d6 42px 42px, #0067d6 43px 43px, #0067d7 44px 44px, #0067d7 45px 45px, #0067d7 46px 46px, #0067d7 47px 47px, #0067d8 48px 48px, #0067d8 49px 49px, #0068d8 50px 50px, #0068d9 51px 51px, #0068d9 52px 52px, #0068d9 53px 53px, #0068d9 54px 54px, #0068da 55px 55px, #0068da 56px 56px, #0068da 57px 57px, #0068da 58px 58px, #0069db 59px 59px, #0069db 60px 60px, #0069db 61px 61px, #0069db 62px 62px, #0069dc 63px 63px, #0069dc 64px 64px, #0069dc 65px 65px, #0069dc 66px 66px, #006add 67px 67px, #006add 68px 68px, #006add 69px 69px, #006add 70px 70px, #006ade 71px 71px, #006ade 72px 72px, #006ade 73px 73px, #006ade 74px 74px, #006bdf 75px 75px, #006bdf 76px 76px, #006bdf 77px 77px, #006bdf 78px 78px, #006be0 79px 79px, #006be0 80px 80px, #006be0 81px 81px, #006be0 82px 82px, #006be1 83px 83px, #006ce1 84px 84px, #006ce1 85px 85px, #006ce1 86px 86px, #006ce2 87px 87px, #006ce2 88px 88px, #006ce2 89px 89px, #006ce2 90px 90px, #006ce3 91px 91px, #006de3 92px 92px, #006de3 93px 93px, #006de3 94px 94px, #006de4 95px 95px, #006de4 96px 96px, #006de4 97px 97px, #006de4 98px 98px, #006de5 99px 99px, #006ee5 100px 100px, #006ee5 101px 101px, #006ee6 102px 102px, #006ee6 103px 103px, #006ee6 104px 104px, #006ee6 105px 105px, #006ee7 106px 106px, #006ee7 107px 107px, #006ee7 108px 108px, #006fe7 109px 109px, #006fe8 110px 110px, #006fe8 111px 111px, #006fe8 112px 112px, #006fe8 113px 113px, #006fe9 114px 114px, #006fe9 115px 115px, #006fe9 116px 116px, #0070e9 117px 117px, #0070ea 118px 118px, #0070ea 119px 119px, #0070ea 120px 120px, #0070ea 121px 121px, #0070eb 122px 122px, #0070eb 123px 123px, #0070eb 124px 124px, #0071eb 125px 125px, #0071ec 126px 126px, #0071ec 127px 127px, #0071ec 128px 128px, #0071ec 129px 129px, #0071ed 130px 130px, #0071ed 131px 131px, #0071ed 132px 132px, #0071ed 133px 133px, #0072ee 134px 134px, #0072ee 135px 135px, #0072ee 136px 136px, #0072ee 137px 137px, #0072ef 138px 138px, #0072ef 139px 139px, #0072ef 140px 140px, #0072ef 141px 141px, #0073f0 142px 142px, #0073f0 143px 143px, #0073f0 144px 144px, #0073f0 145px 145px, #0073f1 146px 146px, #0073f1 147px 147px, #0073f1 148px 148px, #0073f1 149px 149px, #0074f2 150px 150px, #0074f2 151px 151px, #0074f2 152px 152px, #0074f3 153px 153px, #0074f3 154px 154px, #0074f3 155px 155px, #0074f3 156px 156px, #0074f4 157px 157px, #0074f4 158px 158px, #0075f4 159px 159px, #0075f4 160px 160px, #0075f5 161px 161px, #0075f5 162px 162px, #0075f5 163px 163px, #0075f5 164px 164px, #0075f6 165px 165px, #0075f6 166px 166px, #0076f6 167px 167px, #0076f6 168px 168px, #0076f7 169px 169px, #0076f7 170px 170px, #0076f7 171px 171px, #0076f7 172px 172px, #0076f8 173px 173px, #0076f8 174px 174px, #0077f8 175px 175px, #0077f8 176px 176px, #0077f9 177px 177px, #0077f9 178px 178px, #0077f9 179px 179px, #0077f9 180px 180px, #0077fa 181px 181px, #0077fa 182px 182px, #0077fa 183px 183px, #0078fa 184px 184px, #0078fb 185px 185px, #0078fb 186px 186px, #0078fb 187px 187px, #0078fb 188px 188px, #0078fc 189px 189px, #0078fc 190px 190px, #0078fc 191px 191px, #0079fc 192px 192px, #0079fd 193px 193px, #0079fd 194px 194px, #0079fd 195px 195px, #0079fd 196px 196px, #0079fe 197px 197px, #0079fe 198px 198px, #0079fe 199px 199px, #007aff 200px 200px;
}
/*  */
/* footer 4 */
.u-tsoci {
	position: relative;
	top:0%;
 /* position: absolute;;
 transform: translate(-50%, -50%);
 top:240%;*/
} 
.u-tsoci ul {
  list-style: none;
} 
.u-tsoci ul li {
  width: 25px;
  height: 25px;
  position: relative;
  background: #e59500;
  margin: 5px 0;
  cursor: pointer;
  border-radius: 3px;
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
	line-height: 2.1;
} 
.u-tsoci ul li .fa , i.icon-tiktok {
top: 50%;
  left: 50%;
position: absolute;
  transform: translate(-50%, -50%);
  font-size: 15px;
  color: #fff;
  clear:both;
} 
.u-tsoci ul li.facebook{
  background: #3b5998;
} 
.u-tsoci ul li.twitter{
  background: #00aced;
}
.u-tsoci ul li.instagram{
  background: #bc2a8d;
} 
.u-tsoci ul li.google {
  background: #dd4b39;
} 
.u-tsoci ul li.google {
  background: #dd4b39;
} 
.u-tsoci ul li.flickr {
  background: #a827c9;
} 
.u-tsoci ul li.whatsapp {
  background: #1b9f25;
} 
.u-tsoci ul li.flickr div.slider {
    background: #b549edcc;
}
.u-tsoci ul li.facebook div.slider {
  background: #627aac;
} 
.u-tsoci ul li.twitter div.slider {
  background: #7fd5f6;
} 
.u-tsoci ul li.instagram div.slider{
  background: #dd94c6;
} 
.u-tsoci ul li.google div.slider{
  background: #eea59c;
} 
.u-tsoci ul li.whatsapp div.slider{
  background: #82d47e;
} 
.u-tsoci .slider {
  content: "";
  position: absolute;
  top: 0;
  left: 30px;
  width: 0px;
  height: 25px;
  background: #eebb5c;
} 
.u-tsoci .slider p {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 900;
  color: #fff;
  text-align: center;
  line-height: 25px;
  opacity: 100;
}
.u-tsoci ul li .slider {
  width: 180px;
 color: #ffffff;
} 
.u-tsoci ul li .slider p {
  opacity: 1;
}
/*  */
.row-sp .box.product-small .title-wrapper {
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 250px;
}
body:not(.logged-in) .header-nav-main > li.account-item .nav-top-not-logged-in .icon-user {
    left: 7px!important;
}
/*  */
.product-small .box-text .price ins span {
	font-weight: 900!important;
}
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  font-display:swap;
  src: url('fonts/muli-v16-vietnamese_latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Muli Regular'), local('Muli-Regular'),
       url('fonts/muli-v16-vietnamese_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v16-vietnamese_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v16-vietnamese_latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v16-vietnamese_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v16-vietnamese_latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}
/* muli-700 - vietnamese_latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 700;
  font-display:swap;
	
  src: url('fonts/muli-v16-vietnamese_latin-700.eot'); 
  src: local('Muli Bold'), local('Muli-Bold'),
       url('fonts/muli-v16-vietnamese_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/muli-v16-vietnamese_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/muli-v16-vietnamese_latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/muli-v16-vietnamese_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/muli-v16-vietnamese_latin-700.svg#Muli') format('svg'); /* Legacy iOS */
}

body{font-family:'Muli', sans-serif}
body{font-weight: 0}
body{color: #353535}.nav > li > a {font-family:'Muli', sans-serif;}
.nav > li > a {font-weight: 0;}
h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: 'Muli', sans-serif;}
h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2{font-weight: 700;}
h1,h2,h3,h4,h5,h6,.heading-font{color: #0a0a0a;}
.alt-font{font-family: 'Muli', sans-serif;}
.alt-font{font-weight: 0!important;}
.back-to-top.is-outline{border-color:var(--primary-color) !important}
.back-to-top.is-outline:hover {background-color:var(--primary-color) !important}
.back-to-top.is-outline i{color:var(--primary-color) !important}
.back-to-top.is-outline:hover i{color:#fff !important}
.back-to-top { margin: 100px 0px!important;}
.devvn-popup-title, .devvn-order-btn{
background:var(--primary-color) !important;
background-color:var(--primary-color) !important;
}
.header-button-1 .header-button a,.header-button-1 .header-button:hover a{
	background-image: url(icon_marker.svg) !important;
    background-size: 15px !important;
    background-repeat: no-repeat !important;
    background-position: 15px 8px !important;
    padding-left: 45px !important;
}

.entry-summary a.devvn_buy_now, .entry-summary a.devvn_buy_now:hover {
    background-image: url(icon_buy_now.svg);
    background-size: 20px;
    background-repeat: no-repeat;
    background-position: 11px 7px;
    padding-left: 40px;
    padding-right: 20px;
	width:190px;
}
#wide-nav>.flex-row>.flex-left{
    width:12.5%;
    min-width:212px;
    max-width:212px;
    margin-right:0
}
#mega-menu-title{
    line-height: 1.2;
    display: inline-block;
    vertical-align: top;
    text-indent: 0px;
    margin-left: 0px;
    background-image: linear-gradient(to right, #00c9f7, #005aff);
}
#mega_menu>li>a{
    color:#3d3d3d;
    padding:7.2px 15px
}
#mega_menu>li+li{
    border-top:none
}
#mega_menu>li:hover>a{
    background:var(--primary-color) !important;
    color:#fff
}
.category-row .cloud-tag ul{
    margin:0
}
.category-row .cloud-tag ul li a:hover{
    color:var(--primary-color) !important
}
.category-row .cloud-tag ul li a{
    border:1px solid #c5c5c5;
    border-radius:4px;
    font-size:13px;
    padding:5px;
    margin-right:5px;
    color:#4e4e4e
}
.cloud-tag{
    padding:0 10px
}
.category-row .row-collapse{
    background:#fff;
    border:1px solid #ececec;
    border-bottom-left-radius:4px;
    border-bottom-right-radius:4px;
    border-top:none
}
.category-row .cloud-tag ul li{
    margin:0 0 12px;
    list-style:none;
    float:left;
    display:inline-block
}
#mega_menu>li>ul.sub-menu{
    position:absolute;
    overflow:hidden;
    top:1px;
    width:625px;
    height:442px;
    background:#fff;
    padding:10px 20px;
    border:1px solid #ff6f0f;
    min-height:334px;
    margin:0;
    box-shadow:0 0 0 grey
}
#mega_menu ul.sub-menu>li.menu-cha{
	
	padding-left:0px !important;
}
#mega_menu ul.sub-menu>li.menu-cha a{
    font-weight:700;
	font-size:14px;
}
#mega_menu ul.sub-menu>li{
    width:32.5%;
    vertical-align:top;
    margin-bottom:0;
    position:relative;
    display:inline-block;
    z-index:6;
	margin-top: 0.5rem;
}
#mega_menu li .sub-menu a{
    padding:4px 0;
    display:block;
    font-size:13px
}
#mega_menu ul.sub-menu>li:hover>a{
    background:0 0;
    color:#f60
}
#mega_menu ul.sub-menu>li .sub-menu{
    display:block;
    border-left:0
}
#mega_menu ul.sub-menu>li .sub-menu li{
    display:block;
    width:100%;
	padding-left:4px;
	margin-top: 0.6rem;
	font-size: 1rem;
}
#mega_menu ul.sub-menu>li.sp-ban-chay>a{
    border:1px solid #7a9c59;
    padding:4px 14px;
    display:none;
    margin-bottom:10px;
    border-radius:4px;
    color:green
}
#mega_menu ul.sub-menu>li.sp-mua-nhieu>a{
    border:1px solid #00b9eb;
    padding:4px 14px;
    display:none;
    margin-bottom:10px;
    border-radius:4px;
    color:#00a9d6
}
#mega_menu ul.sub-menu>li.giam-gia-hot-nhat>a{
    border:1px solid red;
    padding:4px 14px;
    display:none;
    margin-bottom:10px;
    border-radius:4px;
    color:red
}
.section-title-container,.slider-row .cot2 .large-3 .img{
    margin-bottom:0
}
.header-block .icon-box .icon-box-text{
    padding-left:5px
}
.header-block .icon-box .icon-box-text p{
    line-height:18px;
    padding-top:6px
}
.header-block-block-1 .searchform-wrapper{
    border:2px solid var(--primary-color) !important;
    border-radius:4px
}
.image-icon img{
    max-width:42px;
    min-width:100%
}
.header-bottom .nav li a:hover{
    background: #0dc6fd;
}
.header-bottom-nav #mega_menu li{
    border-right:0
}
.header-bottom-nav li{
  
}
.header-bottom .nav li a{
    padding-left:20px;
    padding-right:20px;
	padding-top: 12px;
}
.header-bottom .nav li{
    margin:0
}
.header-bottom-nav > li > a {
    line-height: 18px!important;
}
.header:not(.transparent) .header-bottom-nav.nav > li > a:hover, .header:not(.transparent) .header-bottom-nav.nav > li.active > a, .header:not(.transparent) .header-bottom-nav.nav > li.current > a, .header:not(.transparent) .header-bottom-nav.nav > li > a.active, .header:not(.transparent) .header-bottom-nav.nav > li > a.current {
    color: #ffffff!important;
}
.account-link .image-icon img{
    border:2px solid var(--primary-color) !important
}
.account-link span,.header-cart-link span{
    text-transform:none;
    font-size:15px;
    font-weight:400;
    letter-spacing:0;
    color:var(--primary-color) !important
}
.search-field{
    box-shadow:0 0 0 gray!important;
    font-size:13px!important;
    height:39px !important;
	border:none !important;
}
.searchform .button.icon{
    background:var(--primary-color) !important;
    width:71px;
		border:none !important;
}
.nav li.deal-hap-dan a:after{
    position:absolute;
    content:'';
    background-image:url(new-tag.png);
    background-repeat:no-repeat;
    background-position:center;
	width: 35px;
    height: 50px;
    left: 100px;
    top: -12px;
 /*   width:35px;
    height:173px;
    left:98px;
    top:-70px; */
    z-index:99999;
    background-size:contain
}
.search_categories{
    background-color:#f4f4f4;
    border:0
}
.header-nav .header-button-1{
    border-right:0
}
.header-nav .header-button-1 .header-button a:hover{
    border:2px solid #fff
}
.category-row .large-12{
    padding-bottom:0
}
.slider-row .cot2 .large-3{
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd;
    flex-basis:27%;
    max-width:27%
}
.slider-row .cot2 .large-9{
    flex-basis:73%;
    max-width:73%;
    border-bottom:1px solid #ddd
}
#mega_menu{
    padding-top:1px
}
.category-row .cot2{
    flex-basis:83.4%;
    max-width:83.4%
}
.slider-row .cot1 .slider-row .cot2{
    flex-basis:62%;
    max-width:62%;
    padding:0 .8px!important;
    border-right:1px solid var(--primary-color) !important
}
.slider-row .flickity-page-dots .dot{
    border:1px solid var(--primary-color) !important;
    opacity:1;
    background:#fff
}
.icon-box-center .icon-box-img{
    margin:0 auto
}
.slider-row .cot3 .section-title-container .section-title{
    margin-top:10px
}
.slider-row .cot3 .icon-box{
    border-top:1px solid var(--primary-color) !important;
    padding-top:10px
}
.slider-row .cot3 .medium-6 .icon-box{
    border-top:0;
    padding-top:0
}
.slider-row .cot3 .medium-6 .icon-box .icon-box-img{
    padding-top:15px
}
.slider-row .cot3 .icon-box .icon-box-text p{
    color:var(--primary-color) !important;
    line-height:15px;
    margin-top:7px
}
.slider-row .cot3 .col-inner .col-inner{
    padding:0
}
.slider-row .cot3 .icon-box .icon-box-text{
    padding-left:5px
}
.slider-row .cot3 .col-inner{
    padding:10px
}
.slider-row .cot2{
    flex-basis:66.8%;
    max-width:66.8%
}
.slider-row .cot3{
    background:#fff;
    flex-basis:16.6%;
    max-width:16.6%;
    padding:0 .8px!important;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left:1px solid #ddd
}
.category-row .tieu-de-row{
    border-left:1px solid #ececec;
    border-right:1px solid #ececec
}
.section-title-normal span{
    margin-right:15px;
    border-bottom:0 solid rgba(0,0,0,.1);
    margin-bottom:0;
    font-size:15px;
    color:var(--primary-color) !important;
    padding:8px 10px
}
.section-title-normal{
    margin-bottom:0;
    border-bottom:1px solid #ececec;
    border-top:3px solid var(--primary-color) !important;
    background:#fff;
}
.row-sp .box.product-small{
    border-right:1px solid #ececec;
	border-top:1px solid #ececec;
}
.section-title a{
    display:block;
    padding:4px 8px;
    margin-left:auto;
    border:1px solid #ececec;
    margin-right:10px;
    border-radius:4px;
    font-size:14px;
    font-weight:400
}
.single-product .is-divider{
    display:none
}
.single-product .cart{
    margin-bottom:0;
    display:inline-block;
    float:left;
    margin-right:12px;
	width:100%;
}
.single-product .thong-bao p{
    margin-bottom:5px
}
.product-summary .quantity{
    margin-bottom:0;
    margin-right:10px
}
.product_list_widget li{
    color:gray
}
.product_list_widget .star-rating{
    display:none
}
.product_list_widget li ins span{
    color:red;
    font-size:15px;
    font-weight:400
}
.product_list_widget li del span{
    font-size:14px;
    color:gray
}
.product_list_widget li a{
    height:25px;
    overflow:hidden
}
.single-product .large-9{
    padding-right:20px
}
.product_list_widget .product-title{
    font-size:13px;
    color:#434343
}
.single-product .product-main .row{
    margin-left:0!important;
    margin-right:0!important
}
.single-product .thong-bao{
    margin-bottom:20px;
    background:#fafafa;
    padding:10px;
    color:#464646;
    font-size:14px
}
.quantity+.button{
    margin-right:0;
    font-size:16px;
    border-radius:4px;
    background:var(--primary-color);
    text-transform:none;
    padding:.5px 26px
}
.quantity+.button[name='add-to-cart'] {
    background-image: url(icon_add_cart_white.svg);
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: 15px 8px;
    padding-left: 45px;
    padding-right: 20px;
	width:190px;
}
.single-product .product-main .badge-container .badge-inner{
    background:0 0
}
.single-product .product-main .badge-container .badge-inner span{
    background:red;
    padding:5px 12px;
    color:#fff;
    font-size:15px;
    font-weight:400;
    border-radius:5px
}
.single-product .product-main .badge-container{
    margin:-10px 5px 5px
}
.single-product .product_meta{
    clear:both;
    margin-bottom:5px
}
a.devvn_buy_now_style:hover{
    background:#eb5e00
}
a.devvn_buy_now_style{
    margin-bottom:0;
    padding:10px 0;
    width:120px;
    display:inline-block;
    background:#f60;
    text-transform:none;
    font-size:16px;
	position:relative;
	bottom:0px !important;
	float:right;
		
}
.single-product .product-info .price,.single-product .product-info .price del span{
    font-size:14px;
    color:gray
}
.single-product .product-info .price ins span{
    font-size:19px;
    color:Red;
    font-weight:500
}
.cham-soc-da-mat .tieu-de-row h2 a{
    color: #ffffff!important
}
.cham-soc-da-mat .tieu-de-row{
    border-top:3px solid var(--primary-color)!important
}
.row-fp .flickity-prev-next-button.next svg{
    background:gray;
    fill:#fff;
    color:#fff;
    width:30px;
    height:50px;
    border-radius:5px
}
.category-row .section-title a{
    background:#ff9f1b;
    color:#fff;
    font-size:14px
}
.category-row .section-title-normal span{
    text-transform:none;
    color:var(--primary-color) !important;
    font-weight:400
}
.thuong-hieu .section-title-normal span{
    margin-right:15px;
    border-bottom:0 solid rgba(0,0,0,.1);
    margin-bottom:0;
    font-size:15px;
    color:#ca64c2;
    padding:8px 10px
}
.row-sp .product-small .pwb-brands-in-loop img{
    max-width:75px
}
.thuong-hieu .section-title-normal{
    margin-bottom:0;
    border-bottom:1px solid #ececec;
    border-top:3px solid #ea8fe3;
    background:#fff
}
.thuong-hieu .row-thuong-hieu{

    padding-top:15px;
   
  
}
.thuong-hieu .col .col-inner{
    border:1px solid #ececec;
    background:#fff
}
.row-sp .product-small .box-text{
    padding:10px 10px 20px
}
.category-row .large-12 .col-inner{
    padding-bottom:0;
    height:40px
}
.category-row .tieu-de-row .clearboth{
    clear:both
}
.category-row .tieu-de-row .right ul li{
    margin-bottom:0;
    float:left;
    list-style:none
}
.category-row .tieu-de-row .right ul li a:hover{
    color: #055bff !important;
}
.category-row .tieu-de-row .right ul li a{
    line-height:40px;
    font-size:14px;
    color: #009fff !important;
}
.category-row .tieu-de-row .right ul{
    display:inline-block;
    margin-bottom:0
}
.category-row .tieu-de-row .right{
    width:75%;
    float:right;
    text-align:right;
    padding-right:15px
}
.category-row .tieu-de-row .left{
    width:25%;
    float:left;
    padding-left:15px;
    display:inline-block;
	background-color: #1858c9;
}
.cham-soc-co-the .tieu-de-row h2 a{
    color:#ffffff !important;
}
.cham-soc-co-the .tieu-de-row{
    height:44px;
    display:inline-block;
    width:100%;
    background:#fff;
    border-top:3px solid var(--primary-color) !important;
}
.footer-section{
    border-top:3px solid var(--primary-color) !important
}
.goi-y .col{
    padding:0 3.8px 9.6px
}
.goi-y .section-title-center span{
    font-size:16px
}
.goi-y .section-title-center{
    margin-bottom:17px
}
.spa .tieu-de-row{
    height:44px;
    display:inline-block;
    width:100%;
    background:#fff;
    border-top:3px solid #00cbf9 !important;
}
.spa .tieu-de-row h2 a{
    color:var(--primary-color) !important;
}
.category-row .tieu-de-row h2 a{
    color:#ffffff !important;
}
.category-row .tieu-de-row h2{
    margin-bottom:0;
    font-size:16px;
    line-height:41px;
    text-transform:uppercase;
    color:#ffffff !important;
	font-weight:bold !important;
}
.category-row .tieu-de-row{
    border-bottom:1px solid #ececec;
    height:44px;
    display:inline-block;
    width:100%;
    background:#fff;
    border-top:3px solid var(--primary-color) !important;
}
.thuong-hieu .medium-3{
    padding-bottom:15px;
    flex-basis:12.5%;
    max-width:12.5%
}
.ng-products-grid .product-small .box-text .category,  .product-small .box-text .category, .shop-container .products .product-small .box-text .category{
    font-size:12px;
    color:#000;
    letter-spacing:0
}
.ng-products-grid .product-small .box-text .product-title a, .product-small .box-text .product-title a, .shop-container .products .product-small .box-text .product-title a{
    margin-top:3px;
    margin-bottom:3px;
    font-size:14px;
    color: #00c7f7f5 !important;
    line-height:20px;
	font-weight: 700;
}
.ng-products-grid .product-small .box-text .price ins span, .product-small .box-text .price ins span, .shop-container .products .product-small .price ins span{
    color:#ff235c !important;
    font-size:18px;
    font-weight:500
}
.ng-products-grid .product-small .box-text .price , .ng-products-grid .product-small .box-text .price del span, .product-small .box-text .price,.product-small .box-text .price del span,  .shop-container .products .product-small .box-text .price del span{
    color:#000;
    font-size:14px;
    font-weight:400
}
.ng-products-grid .badge-container .badge-inner,  .badge-container .badge-inner, .shop-container .products .product-small .badge-container .badge-inner{
    background:0 0!important;
			margin-top:0px;
	height:30px;
}
.ng-products-grid .badge-container .badge-inner span, .badge-container .badge-inner span, .shop-container .products .product-small .badge-container .badge-inner span{
    background:#ff235c;
    padding:4px 5px;
    border-radius:4px;
    font-size:13px;
    font-weight:400
		
}
.ng-products-grid .badge-container, .badge-container,  .shop-container .products .product-small .badge-container {
    margin:10px;
	margin-top:0px;
	padding:0px;
	height:30px;
}
.product-small.box {
    border-top: 1px solid #21ccfe;
}
.products.row{
	  border-top: 1px solid #ffffff;
	   border-left: 1px solid #21ccfe;
}
.row > .product-small{
	background: #f1faff;
		border-right: 1px solid #21ccfe;
		border-bottom: 1px solid #21ccfe;	
	padding:3px;
}
.category-row .cot1,.slider-row .cot1{
    flex-basis:16.6%;
    max-width:16.6%
}
.category-row .section-title-container{
    margin-top:0
}
.category-row .section-title-normal{
    margin-bottom:0;
    border-bottom:none;
    border-top:none;
    background:#fff
}
.footer-section .row1,.page-title{
    border-bottom:1px solid #eee
}
.footer-section .row1{
    margin-bottom:20px
}
.footer-section .col{
    padding-bottom:0
}
.footer-secondary{
    padding:0
}
.absolute-footer{
    font-size:12px;
    background:#fcfcfc;
    border-top:1px solid #eee;
    color:#989898!important
}
.breadcrumbs a{
    color:var(--primary-color) !important
}
.archive .woocommerce-ordering select{
    font-size:14px;
    border-radius:4px
}
.archive .woocommerce-result-count{
    font-size:15px;
    color:#434343;
    font-weight:400
}
.footer-section h4{
    margin-bottom:15px;
    font-size:15px
}
.breadcrumbs{
    font-weight:400;
    text-transform:none
}
.breadcrumbs a:hover{
    color:var(--primary-color) !important
}
.widget .tieu-chi-sidebar .icon-box .icon-box-text{
    padding-left:5px;
    font-size:15px;
    line-height:18px;
    padding-top:7px
}
.single-product .product-main .large-6,.single-product .product-main .large-6 .large-10{
    padding-left:0
}
.product-main{
    padding:0;
    margin-left:-10px
}
.archive .title-overlay{
    background-color:#eee
}
.archive .page-title-inner{
    padding-top:0
}
.archive .shop-page-title{
    background:#fafafa;
    margin-bottom:0;
    font-weight:400;
    font-size:19px;
    color:#000;
    text-shadow:0 0 0 gray
}
.product-footer .woocommerce-tab ul li a,.product-tabs li a{
    padding-left:15px;
    padding-right:15px
}
.single-product .product .large-9{
    flex-basis:80%;
    max-width:80%
}
.product-footer .woocommerce-tab ul li{
    margin:0
}
.tab-panels{
    border:1px solid #e3e3e3!important;
    padding:15px!important;
    border-top:0!important
}
.tab-panels .entry-content p{
    margin-bottom:8px
}
.widget .tieu-chi-sidebar p,.woof_container{
    margin-bottom:0
}
.sticky-add-to-cart__product .product-title-small{
    margin-right:10px;
    max-width:310px;
    line-height:19px
}
.single-product .product-main .flickity-button{
    display:none
}
.sticky-add-to-cart--active{
    background-color:#f5fbf6
}
.tab-panels .entry-content{
    font-size:14px
}
.product-tabs li{
    margin:0;
    border-right:1px solid #e3e3e3
}
.single-product .related .large-columns-5,.widget .tieu-chi-sidebar{
    margin-left:0!important;
    margin-right:0!important
}
.product-gallery-slider img,.product-tabs{
    border:1px solid #e3e3e3
}
.social-icons a{
    border:1px solid #d7d7d7!important
}
.image-tools a{
    border:1px solid #d6d6d6!important
}
.widget .tieu-chi-sidebar a{
    display:block;
    width:100%;
    text-align:cn;
    text-align:center;
    font-size:13px;
    background:#f1f1f1;
    padding:7px 10px
}
.widget .tieu-chi-sidebar .icon-box{
    padding-bottom:15px
}
.widget .tieu-chi-sidebar .col{
    padding:10px
}
.widget-title{
    text-transform:none!important;
    letter-spacing:0!important;
    padding:10px;
    display:block;
    border-bottom:1px solid #e3e3e3
}
#wpcomm .wpdiscuz-form-bottom-bar,#wpcomm .wpdiscuz-form-top-bar,#wpcomm .wpdiscuz-front-actions,.blog-archive .large-9 .badge,.is-divider,.widget .is-divider{
    display:none
}
ul.product_list_widget li+li{
    border-top:1px solid #e3e3e3
}
.single-product .related .product-section-title{
    margin-bottom:0;
    border-bottom:1px solid #ececec;
    letter-spacing:0;
    text-transform:none;
    font-size:19px;
    padding:10px
}
.single-product .row-sp .product-small .box-text .product-title{
    height:40px
}
.single-product .row-sp .product-small .box-text .product-title a{
    height:39px;
    overflow:hidden
}
.single-product .flickity-prev-next-button.previous svg,.single-product .row-sp .flickity-prev-next-button.next svg{
    background:0 0;
    color:#000
}
.single-product .flickity-prev-next-button.previous svg,.single-product .row-fp .flickity-prev-next-button.next svg{
    background:0 0;
    color:#000
}
.single-product .large-columns-5 .col{
    padding-left:0!important;
    padding-right:0!important;
    padding-bottom:0!important
}
.single-product .related{
    border:1px solid #ececec
}
.devvn-popup-title,.popup-customer-info-group .devvn-order-btn{
    background:var(--primary-color) !important
}
.riksev {
	margin: 0em 0 0em 0em;
}
.recent-blog-posts-li .badge-inner{
    border-radius:99%
}
.recent-blog-posts-li{
    padding:0 10px
}
.blog-single .entry-header-text,.woof_container{
    padding-bottom:0
}
.recent-blog-posts a{
    font-size:13px
}
.widget{
    border:1px solid #e3e3e3;
    border-top:3px solid var(--primary-color) !important
}
.block_widget{
    margin-top:15px
}
.single-product #product-sidebar{
    flex-basis:20%;
    max-width:20%;
    padding-left:0
}
.single-product .content-row .large-9{
    border-right:0!important
}
.single-product .product-info .product-title{
    margin-top:5px;
    font-weight: 800;
    line-height: 1.4;
    font-size: 19px;
    display: inline-block;
    vertical-align: top;
    text-indent: 0px;
    margin-left: 4px;
    background-image: linear-gradient(to right, #00c9f7, #005aff);
    color: transparent;
    -webkit-background-clip: text;
    font-family: Roboto;
	margin-bottom: 5px;
}
.pwb-single-product-brands {
    padding-top: 0em!important;
}
.single-product .product-info .pwb-single-product-brands a img{
    max-width: 99px;
    height: auto;
}
.single-product .product-info{
    padding:0
}
.footer-section ul li{
    font-size:14px!important;
	list-style-type: none!important;
	margin-left: 0em;
}
.single-product .page-title-inner{
    position:relative;
    padding-top:0;
    min-height:40px
}
.archive .row-sp .box.product-small{
    border:1px solid #ececec
}
.archive .category-page-row{
    padding-top:20px
}
.widget_categories ul li{
    padding-left:10px;
    font-size:13px
}
.chosen-container-single .chosen-single{
    height:35px!important
}
.woof_list_checkbox li div{
    margin-top:0
}
.woof_submit_search_form{
    font-size:15px;
    text-transform:none;
    font-weight:400;
    width:100%;
    border-radius:4px
}
.blog-single .large-9{
    padding-right:0
}
.blog-single .entry-content p{
    margin-bottom:10px;
	font-family: Arial;
}
.blog-single .entry-content{
    font-size:16px;
    padding-top:10px;
    padding-bottom:0
}
.blog-single .entry-content h2 .tin-tuc-h2{
    font-size: 20px;
	font-family: Roboto;
	line-height: 1.4;
	display: inline-block;
	vertical-align: top;
	text-indent: 0px;
	background-image: linear-gradient(to right, #2b84f7, #00ecf8);
	color: transparent;
	-webkit-background-clip: text;
}
.danh-muc{
    color:#000;
    font-size:14px;
    margin-bottom:5px
}
.the-tim-kiem a:hover{
    background:var(--primary-color) !important;
    color:#fff
}
.blog-single footer.entry-meta{
    border-top:1px solid #ececec;
    border-bottom:0 solid #ececec;
    padding:11px 0 0
}
.nav-dropdown-default{
    padding:0;
    font-size:14px
}
.blog-archive .post-item{
    padding-bottom:20px
}
.blog-archive .large-9{
    padding-right:20px
}
.blog-archive .large-3{
    padding-left:0;
    flex-basis:25%!important;
    max-width:25%!important
}
.blog-archive .post-item .box.box-vertical{
    border:1px solid #e3e3e3;
    border-radius:4px
}
.blog-archive .post-item .box-text{
    padding:0 0 0 15px
}
.blog-archive .post-item .box-text .post-title{
    font-size:18px;
}
.blog-archive .taxonomy-description{
    text-align:left;
    font-size:15px
}
.blog-archive .archive-page-header .large-12{
    padding-bottom:0
}
.blog-archive{
    padding-top:20px;
    padding-bottom:20px
}
.blog-archive .page-title{
    text-align:left;
    letter-spacing:0;
    text-transform:none;
    border-bottom:0
}
#wpcomm .wpd-form-row .wpdiscuz-item input[type=email],#wpcomm input[type=text]{
    border:none;
    box-shadow:0 0
}
.comments-area{
    width:auto;
    background:#f6f6f6;
    border-radius:5px;
    padding:20px;
    margin-bottom:0
}
#wpcomm{
    max-width:100%;
    padding:1px 0 0;
    border-top:none;
    margin:0 auto
}
#wpcomm .wc_comm_form.wc_main_comm_form .wc-field-comment .wc-field-avatararea{
    margin:12px
}
#wpcomm .avatar{
    border-radius:99%;
    box-shadow:0 0
}
#wpcomm input[type=submit]{
    border:none;
    background-color:var(--primary-color) !important;
    border-radius:4px;
    font-size:12px
}
#wpcomm .wc-comment-right .wc-comment-text a,#wpcomm .wc-comment-right .wc-comment-text p{
    font-size:14px;
    line-height:21px
}
#wpcomm .wc-comment-header{
    margin-bottom:0;
    border-top:none
}
#wpcomm .wpdiscuz-textarea-wrap{
    border:0;
    border-radius:4px
}
#wpcomm .wc-follow-link{
    line-height:26px
}
#wpcomm .wc-comment-author{
    font-size:16px
}
#wpcomm .wc-field-textarea textarea{
    height:65px;
    min-height:65px!important
}
#wpcomm .wc_comm_form.wc_main_comm_form .wc-field-textarea .wpdiscuz-textarea-wrap textarea{
    box-shadow:0 0;
    margin-bottom:0!important;
    padding:20px 20px 20px 76px;
    font-size:15px
}
#wc-comment-header{
    max-width:100%;
    padding:0 0 10px;
    font-size:19px;
    font-weight:700;
    color:var(--primary-color) !important
}
.the-tim-kiem a{
    border-radius:4px;
    background:#e2e2e2;
    padding:3px 10px;
    margin-bottom:6px
}
.the-tim-kiem{
    color:#000;
    font-size:14px
}
.blog-single .entry-meta{
    font-size:12px;
    text-transform:none;
    letter-spacing:0;
    color:gray
}
.blog-single .entry-title{
    font-size:24px;
    margin-bottom:10px
}
.blog-single .entry-category a{
    letter-spacing:0;
    font-weight:400;
    font-size:12px
}
.blog-single{
    padding-top:20px;
    padding-bottom:20px
}
.blog-single .large-9 .article-inner{
    border:1px solid #e3e3e3;
    padding:15px
}
.blog-single .post-sidebar{
    padding-left:20px;
    border-left:0!important
}
.woof_price_filter_dropdown_container{
    margin-bottom:9px
}
.woof_list label{
    font-size:13px;
    font-weight:400;
    margin-bottom:0
}
.chosen-container-single .chosen-search input[type=text]:focus{
    box-shadow:0 0 0 gray;
    border:1px solid var(--primary-color) !important
}
.woof_list li{
    margin:0!important
}
.chosen-container-single .chosen-single{
    box-shadow:0 0 0 gray;
    background:#fff;
    border-radius:4px;
    font-size:14px;
    padding:5px 10px
}
.woof_container_inner h4{
    font-size:15px;
    color:var(--primary-color) !important
}
.archive.woocomerce-page .widget{
    border:0;
    border-top:0
}
.archive .col.product-small{
    padding:0!important;
    flex-basis:20%;
    max-width:20%
}
.archive .category-page-row .large-9{
    padding-bottom:20px;
    flex-basis:83.4%;
    max-width:83.4%;
    padding-left:25px!important
}
.archive .large-3{
    padding-right:0;
    flex-basis:16.6%;
    max-width:16.6%
}
@media only screen and (min-width : 1024px) {
	.large-6 {
        max-width: 48%;
        flex-basis: 50%;
    }
	.hd-box span.txt {
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 25px;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
	.ngoinhaweb-nav {
		display: none;
}
}
@media only screen and (min-width : 768px) {
.pk_column {
    overflow-x: scroll;
}
.lienhe1 {
    flex-basis: 26% !important;
    max-width: 26% !important;
}
}
#wc-comment-header .wpdiscuz-comment-count .wpd-cc-value{
    padding:1px 10px 2px 8px;
    min-width:34px;
    min-height:13px;
    font-size:12px;
    background:var(--primary-color) !important
}
#wpcomm .wc-footer-left .wc-cta-button,#wpcomm .wc-footer-left .wc-cta-button-x{
    border-radius:4px
}
#wpcomm .wc-thread-wrapper{
    padding:10px 0 0 2px;
    margin-bottom:0;
    margin-top:0
}

/*NG Product Grid*/
.ng-products-grid{
    margin-left: 0px !important;
    margin-right: 0px !important;
    background: #fff;
	border-left: 1px solid #eee;
}
.single-product-thumbnail-wrap .badge-container,
.ng-products-grid .badge-container{
    margin-top: 5px;
}
.product .badge-container,
.products .badge-container{
    margin-top: 0px;
}
.single-product-thumbnail-wrap .badge-container .badge ,
.product .badge-container .badge ,
.products .badge-container .badge ,
.ng-products-grid .badge-container .badge {
  
}

.ng-products-grid .box-image img{
    height: auto;
    width: auto;
    max-width: 100%;
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
.ng-products-grid .col{
    padding-bottom: 10px !important;
}
.ng-products-grid .col .col-inner{
    height: 100%;
}
.ng-products-grid-border .col{
    border-bottom: 1px solid #eee;
}
.ng-products-grid-border .col:after {
    content: "";
    width: 1px;
    height: 100%;
    background: #eee;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}
.ng-products-grid-border .box-text-products{
    padding-bottom: 0;
	padding-top:0px;
}
.col.col-featured .box-text-products{
	
	padding-left:9px;
	padding-right:9px;
}
.ng-products-grid .box-text-products .price-wrapper{
    margin-bottom: 0;
}
.ng-products-grid .col-featured .box-text-products .product-title a,
.ng-products-grid .col-featured .box-text-products .product-title a:not(.button){
    font-weight: bold;
    height: auto;
}
@media only screen and (min-width : 1368px) {
/* Styles */
.lienhe1 {
    flex-basis: 26%;
    max-width: 26%;
}
.lienhe2 {
    flex-basis: 55%;
    max-width: 55%;
}
.lienhe3 {
	flex-basis: 19%;
    max-width: 19%;
}
}
@media (max-width: 1280px){ 
.header-block .icon-box .icon-box-text p span {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.header-block .icon-box .icon-box-text p span b.sell {
	display:none;
}
}		
@media screen and (min-width: 769px){

    .ng-products-grid .col{
        height: 350px;
    }
    .ng-products-grid.large-columns-5 .col{
        max-width: 20%;
        -ms-flex-preferred-size: 20%;
        flex-basis: 20%;
    }
    .ng-products-grid.large-columns-5 .col.col-featured{
        max-width: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
		padding:0px !important;
    }
}
@media screen and (max-width: 768px){
    .ng-products-grid .col-featured .box-image{
        text-align: center;
    }
    .ng-products-grid.large-columns-5 .col.col-featured{
        max-width: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .ng-products-grid.large-columns-5 .col{
        max-width: 33.3333%;
        -ms-flex-preferred-size: 33.3333%;
        flex-basis: 33.3333%;
    }
}
/* Form để lại số điện thoại */
.call-phone-product .wpcf7-form-control-wrap{
	padding:0px;
	margin:0px;
}
#san-pham-quan-tam{
display:none;
}
.call-phone-product{width:100%;padding:8px !important;margin-top:8px;background-color:#22934e;border-radius:3px;display:block;margin-bottom:0px;}
.call-phone-product aside input {
	margin-bottom:0px !important;
}
.call-phone-product aside{
	
	height:100%;
	padding:0px;
	margin:0px;
}
.call-phone-product aside input:focus{box-shadow:none;}
.call-phone-product>aside:first-child{display:inline-block;float:left;width:78%;}
.call-phone-product>aside:first-child>input{height:28px;margin:0;border:none;font-size:12.5px !important;}
.call-phone-product>aside .text-customer-name{border:0;font-size:12px;color:#999;display:none;padding:5px 5px 5px 5px;margin-top:0px;width:100%;display:none;margin-bottom:3px;}
.call-phone-product>aside .text-number-phone{margin:0;padding:5px 5px 5px 5px;display:block;}
.call-phone-product>aside .text-number-phone.focused{
	margin-top:8px;
}
.call-phone-product>aside:last-child{width:calc(22% - 8px) !important;display:block;position:relative;float:right;height:auto;}
.call-phone-product>aside .btn-sent-number-phone{width:100%;height:100%;max-height:100%;border:0;background-color:#f60 !important ;font-size:13px;color:#fff;font-weight:normal;position:absolute;top:0px;right:0px;margin:0;display:block}
@media only screen and (max-width:667px){
	.call-phone-product>aside:first-child{width:75%;}
	.call-phone-product>aside:last-child{width:calc(25% - 8px) !important;}
}	
/* Form để lại số điện thoại */

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.archive .category-page-row .large-9,.archive .large-3,.category-row .cot2,.single-product .product .large-9,.slider-row .cot2,.slider-row .cot2 .large-9{
    flex-basis:100%!important;
    max-width:100%!important
}
.blog-archive .large-3,.category-row .cot1,.category-row .cot2 .row-collapse .medium-4,.category-row .section-title-normal,.category-row .tieu-de-row .right ul li,.footer-section .row2 .large-8,.slider-row .cot1,.slider-row .cot2 .large-3,.slider-row .cot3,.sticky-add-to-cart--active .sticky-add-to-cart__product{
    display:none
}
.category-row .large-12{
    padding:0
}
.thuong-hieu .row-thuong-hieu{
    padding-top:10px
}
.section-title-container{
    padding:0
}
.thuong-hieu .medium-3{
    flex-basis:33.33%;
    max-width:33.33%;
    padding:0 3.8px 8.6px
}
.row-sp .product-small .box-text .product-title a{
    font-size:12px
}
.category-row .tieu-de-row .left,.category-row .tieu-de-row .right{
    width:50%
}
.category-row .tieu-de-row .right ul li:last-child{
    display:block!important
}
.archive .col.product-small,.footer-section .large-8 .large-4{
    flex-basis:50%;
    max-width:50%
}
.product-main{
    margin:0
}
.single-product .large-9{
    padding-right:15px
}
.single-product .product-main .large-6,.single-product .product-main .large-6 .large-10{
    padding-right:0
}
a.devvn_buy_now_style{
    width:121px
}
.quantity+.button{
    padding:.5px 12px
}
span.devvn_title{
    font-size:14px
}
.product-tabs li a{
    padding:6px 15px
}
.blog-archive .large-9{
    padding-right:15px
}
.widget{
    border:0;
    border-top:0
}
.archive .category-page-row .large-9{
    padding-left:15px!important
}
a.devvn_buy_now_style{
	width:100%;
	float:left;
	max-width:100%;
	}

}
@media only screen and (min-width: 320px) and (max-width: 430px) {
	/* bottom cs bộ công thương */
.page-id-9604 a.button.primary.is-outline.is-small, .page-id-1090 a.button.primary.is-outline.is-small, .page-id-9618 a.button.primary.is-outline.is-small, .page-id-9619 a.button.primary.is-outline.is-small, .page-id-9620 a.button.primary.is-outline.is-small {
    width: 100%!important;
}
}
@media (min-width:425px) {
.section.row-sp.thuong-hieu .section-content.relative .section-title a {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 182px;
}
	.page-id-9604 a.button.primary.is-outline.is-small, .page-id-1090 a.button.primary.is-outline.is-small, .page-id-9618 a.button.primary.is-outline.is-small, .page-id-9619 a.button.primary.is-outline.is-small, .page-id-9620 a.button.primary.is-outline.is-small {
    width: 100%!important;
}
}
@media (min-width:375px) {
.section.row-sp.thuong-hieu .section-content.relative .section-title a {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 102px;
}

}
@media (min-width:320px) {
.section.row-sp.thuong-hieu .section-content.relative .section-title a {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 64px;
}

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


}