.main-content {
    background: #f9f9f9;
}
.product_index {float:left;}
.product_index h1{text-transform:uppercase;padding-bottom:5px;color:#000;margin-top:5px;padding:0 10px 5px 10px;border-radius:3px;font-weight:300;text-align:center}
.product_index a{color:#000}
.product_index .sapo {padding:10px 0 30px;}
.product_index .title{font-size:16px;text-transform:uppercase;padding:5px 10px;font-weight:bold;float:left;border-radius:2px;}
.product_index .title a{color:#08c}
.product_index .hinh-anh  {width:100%;float:left;margin:20px 0}
.product_index .hinh-anh img{width:100%}
.product_index .mota{width:100%;float:left;margin-bottom:20px;font-size:20px;}
.product_index .product_list  {float: left;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 24px;}
.product_index .product_list  h1{text-transform:uppercase;}
.product_index .product_list .product {width:100%;float:left;border-right:0;border-top:0;text-align:center;background:#fff;padding-bottom:12px;border:1px solid #eee;border-radius:5px;overflow:hidden;box-shadow: 2px 2px 20px #00000017;    position: relative;z-index:99;margin-bottom:3%}

.product_index .product_list .product:nth-child(4n) {margin-right:0;}
.product_index .product_list .product:hover {background:#fff;}
.product_index .product_list .product .xemchitiet {display:none;}
.product_index .product_list .product:hover .xemchitiet{left:0px;display:block;position:absolute;bottom:0px;background:rgba(0,0,0,0.3);padding:10px;color:#fff;font-weight:bold;font-size:16px;width:100%}
.product_index .product_list .product:hover .xemchitiet:before{content:"";}
.product_index .product_list .product:hover {}
.product_index .product_list .last{margin-right:0;}
.product_index .product_list .hide{display:none}
.product_index .product_list .product .hinhanh{float:left;padding:0px;position:relative;text-align:center;width:100%;position:relative;overflow:hidden;aspect-ratio: 1/1;background:#eee;}
.product_index .product_list .product .type {display:flex;gap:6px;justify-content:center;align-items:center;margin-top:12px;}
.product_index .product_list .product .type span {margin:0;display:block;cursor:pointer;}
.product_index .product_list .product .type img{width:32px;border-radius:50%;border:1px solid #ccc;padding:6px;float: left;}
.product_index .product_list .product .detail{float:left;margin-top:0!important;width:100%;}
.product_index .product_list .product img{max-width:100%;width:100%;max-height:100%;top:0;left:0;right:0;bottom:0;margin:auto;opacity:1;
-moz-animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.product_index .product_list .product .name {color:#555;padding:0 10px;margin:10px 0;text-overflow: ellipsis;
    word-wrap: normal;font-weight:300;margin-bottom:24px;
    overflow: hidden;display: inline-block;    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;}
.product_index .product_list .product .price-wrap {margin-top:8px;display:flex;justify-content:center;align-items:center;}
.product_index .product_list .product .price-wrap span {margin:0;}
.product_index .product_list .product .price {text-transform:uppercase;font-size:18px;color:#f7852e;padding:5px 15px;margin-top:10px}
.product_index .product_list .product .khuyenmai{text-decoration:line-through;color:#ccc;font-weight:300;font-size:12px;}
.product_index .product_list .product .giakm{color:#aaa;}
.product_index .product_list .product .addon{font-size:12px;border-top:1px solid #eee;border-bottom:1px solid #eee;margin:10px 0;padding:10px 0;float:left;width:100%;}
.product_index .product_list .product .addon .city{width:50%;float:left}
.product_index .product_list .product .addon .rate{width:50%;float:left;color:#ffeb3b;}
.product_index .product_list .product:hover .btn-flex {opacity:1;}
.product_index .product_list .product .btn-flex {display:flex;gap:12px;float:left;width:100%;padding:0 12px;font-weight:300;cursor:pointer;margin-top:12px;opacity:0;-moz-animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;}
.product_index .product_list .product .btn-flex .fast-view {border: 2px solid #181818;width: 50%;border-radius: 6px;padding:10px 0;}
.product_index .product_list .product .btn-flex .add-cart {border: 2px solid #181818;background:#181818;color:#fff;width: 50%;border-radius: 6px;padding:10px 0;}
.product_index .viewmore{text-align:right;clear:both}
.bosom .bosom-right {
	width:940px; margin-left:10px;
}
.product_index .product_list .sanpham:hover > .muangay-wrap {opacity:1;-moz-animation-delay: 3.5s;
-webkit-animation-delay: 3.5s;
-o-animation-delay: 3.5s;
animation-delay: 3.5s;-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;}
.product_index .product_list .sanpham-hoa {width:31.33%;}
.product_index .product_list .sanpham-hoa:nth-child(3n) {margin-right:0;}
.product_index .product_list .sanpham-hoa:nth-child(4n) {margin-right:3%;}
.product_index .product_list .sanpham-hoa .hinhanh{height:335px;}
.product_index  .product_list  .sanpham-hoa  .detail {padding-bottom:20px;}
.product_index  .phantrang {margin-top:20px;margin-bottom:20px;float:left;width:100%;}
.product_index  .content {padding-bottom:50px;float:left;width:100%;}
.product_index  .content h2{padding:5px 0 10px;}
.product_index  .content p, .product_index  .sapo p{padding:5px;}
.product_index  .content ul{border-left:5px solid #4ab742;font-style:italic;margin-left:10px;padding:10px 0;}
.product_index  .content ul li{padding-left:15px;}
.product_index  .content ul li:before{content: "\f105";
    color: #000;
    margin-right: 10px;
    font-family: "FontAwesome";}
.muangay-wrap {opacity:0;background:rgba(0,0,0,0.4);padding:0px 0;width:100%;position:absolute;top:110px;left:0;}
.muangay-wrap .muangayb{color:#fea40b!important;padding:12px 0!important;
width:100%;cursor:pointer;font-size:15px;font-weight:bold;}
p.trang {width:100%;float:left;text-align:center;}
p.trang a{ display:inline-block;padding:5px 10px;border:1px solid #eee;margin:0 3px;}
p.trang a.active {background:#eee;font-weight:bold;}
.product_index .catelist h4,.product_index .catelist-shophoa h4 {font-family: "Roboto-Bold", Arial,Helvetica,sans-serif;font-size:18px;padding:0;margin-bottom:10px;font-weight:300;line-height:21px}
.product_index .catelist {float:left;padding:0px 20px 20px 0;margin:10px 0;border-radius:10px;border-bottom:1px dashed #eee;}

.product_index .catelist p.time, .product_index .catelist-shophoa p.time {color:#000;margin-bottom:10px;}
.product_index .catelist p, .product_index .catelist-shophoa p {font-size:14px;line-height:18px;color:#5f5f5f;display: -webkit-box;
	-webkit-line-clamp: 3;overflow:hidden;max-height:58px;
	-webkit-box-orient: vertical;}
.product_index .catelist div {line-height:22px;    font-size: 16px;}
.product_index .catelist img{width:100%;height:auto;float:left;padding-right:20px;}
.product_index .mark-link-wrap {position:relative} 
.product_index .mark-link {padding:20px;background:#f9f9f9;border: 1px solid #ccc;margin: 0 0 20px 0;float:left;margin-right:20px;} 
.product_index .mark-link  p{padding-bottom:10px;font-weight:700} 
.product_index .mark-link ul{padding-left:20px;} 
.product_index .mark-link ul li {list-style:decimal;   margin-bottom: 5px;margin-left:5px!important;padding-bottom:0;padding-left:0px;}
.product_index  .mark-link li:before {content:""!important;padding-right: 0px!important;color: #08c;}
.product_index  .mark-link ul li a{color:#08c;}
.product_index  .mark-link ul li ul li{padding-left:5px;margin-left:20px;list-style: lower-latin;}
.product_index  .baiviet-wrap {width:100%;float:left;background:#f9f9f9;margin-bottom:20px;border-radius:5px;}
.product_index  .baiviet-wrap h3{padding:10px;font-size:24px;}
.product_index  .baiviet {width:25%;float:left;padding:2%;font-weight:bold;}
.product_index  .baiviet img{height: 125px;width:100%;margin-bottom:5px;}
.product_index  .entry-of-this-topic {font-weight:300;}
.product_index  .entry-of-this-topic h3{margin-bottom:12px;text-transform:uppercase;}