.pro-ly{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap}
.pro-ly .pro-main-item{width:25%;width:calc(25% - 8px);margin-right:10px;margin-right:calc(40px/4)}
.pro-ly .pro-main-item:nth-child(4n+4){margin-right:0}

.pro-main-item{position:relative;overflow:hidden;margin-bottom:15px;background:#fff;border:1px solid #ddd}
.pro-main-item:hover{border:1px solid red}
.pro-main-item .pm-item__img img{padding:5px;display:block;max-width:100%;width:inherit;margin:0 auto;height:auto}
.pro-main-item .pm-item__img{height:auto;position:relative;margin-bottom:10px}
.pro-main-item .pm-item__img img:nth-child(2){opacity:0;filter:alpha(opacity=0);filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)"}
.pro-main-item:hover .pm-item__img img:nth-child(2){opacity:1;filter:alpha(opacity=100);filter:alpha(opacity=100);-ms-filter:"alpha(opacity=100)"}
.pro-main-item .pm-item__cap{padding:0 5px 7px; text-align:center}
.pro-main-item .pm-item__cap .item-cap__title{color:#000;display:inline-block;margin:0;font-size:14px;line-height:18px;text-align:center;font-weight:600;height:35px;overflow:hidden;}
.pro-main-item .pm-item__cap .item-cap__title:hover{color:#0077be}
.pro-main-item .pm-item__cap .item-cap__desc{margin:0px;padding:0px;}
.pro-main-item .pm-item__cap .item-cap__desc a{display:inline-block;color:#555;margin:0 auto;font-weight:400;text-transform:capitalize;border-radius:5px}
.pro-main-item .pm-item__cap .item-cap__desc a span{margin-right:5px}

 
.pro-main-item .tip-new{position:absolute;background:red;border:1px solid #eb1c24;left:8px;top:5px;z-index:999;color:#fff;display:inline-block;padding:3px 5px;border-radius:2px;text-transform:capitalize}
.pro-main-item .tip-new:before{top:8px;left:-8px;position:absolute;content:"";width:0;height:0;border-top:7px solid transparent;border-right:9px solid #eb1c24;border-bottom:7px solid transparent}

.pro-main-item .sale{position:absolute;top:10px;right:10px;display:inline-block;background:#eb1c24;color:#fff;height:2.5rem;width:2.5rem;text-align:center;vertical-align:middle;line-height:2.5rem;-webkit-transform:rotate(-20deg);transform:rotate(-20deg);font-size:12px;-webkit-animation:beat 1s ease infinite alternate;animation:beat 1s ease infinite alternate;z-index:999}
.pro-main-item .sale:after,.sale:before{content:"";position:absolute;background:inherit;height:inherit;width:inherit;top:0;left:0;z-index:-1;-webkit-transform:rotate(30deg);transform:rotate(30deg)}
.pro-main-item .sale:after{-webkit-transform:rotate(60deg);transform:rotate(60deg)}

.pro-main-item .detail-pro__price{font-size:16px;font-weight:700;color:#eb1c24}
.pro-main-item .detail-pro__price small{margin-left:5px;text-decoration:line-through;font-size:14px;color:#888;font-weight:400}

.pro-ly .pro-cate-item{width:25%;width:calc(25% - 8px);margin-bottom:10px; margin-right:10px;margin-right:calc(40px/4)}
.pro-ly .pro-cate-item:nth-child(4n+4){margin-right:0}

.pro-cate-item .pro-cate-item-a{
	display: inline-block;
	position: relative;
	}
.pro-cate-item .pro-cate-item-a:hover{
	border:1px solid #242424;
}
.pro-cate-item .pro-cate-item-img {
-webkit-filter: brightness(1);
filter: brightness(1);
}

.pro-cate-item .pro-cate-item-a:hover .pro-cate-item-img{

-webkit-filter: brightness(0.6);
filter: brightness(0.6);
}
	
.pro-cate-item .pro-cate-item-title {
  display: flex;
  padding: 5px 10px;
  color: #fff;
  width:100%;
  height:100%;
  left:0;
  top:0;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  z-index: 4;
  font-size: 18px;
  font-weight: bold;
}
.pro-cate-item .pro-cate-item-title .pro-cate-item-title-bg{
	padding:5px 10px;
	color:#000;
}


.order-by-product{ margin:10px 0;}
.order-by-product ul {
        white-space: nowrap;
    overflow-x: auto;
    display: block;
    list-style: none;
    padding: 0;
    margin-bottom: 0;
	border-bottom:2px solid #f44336;
}
.order-by-product ul li {
    display: inline-flex;
}

.order-by-product ul li a{
line-height: 24px;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    position: relative;
    font-weight: 500;
	color:#000000;
}

.order-by-product ul li a:hover, .order-by-product ul li a.active{
border-bottom:2px solid #f44336;
color:#f44336;
text-decoration:none;
font-weight: 500;
}

.tag-search-page {
    padding: 0px 5px;
	justify-content: center;
	white-space: nowrap;
    overflow-x: auto;
    display: block;
}

.tag-search-page a, .tag-search-page span {
    display: inline-block;
    padding: 3px 10px;
    background: #f4f4f4;
    color: #000;
    border-radius: 8px;
    margin-bottom: 10px;
	margin-left:10px;
	font-size: 12px;
	font-weight:600;
	 display: inline-flex;
}
.tag-search-page span, .tag-search-page .active { background-color:#ffde59!important}

.home-product{ margin-top:20px;}
.home-product .tag-title {
  margin-bottom: 10px;
  padding: 0px 0px;
  border-bottom: 1px solid #ddd; }
.home-product .tag-title .tit {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.25rem;
    display: inline-table;
    color: #f44336;
    position: relative;
    margin: 0px;
    padding: 0px 5px;
    line-height: 40px;
    margin-top: -5px;
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    background-color: #fff;
	border-bottom: solid 2px #f44336 }
.home-product .tag-title .tit a {
      color: #fff; }
.home-product .tag-title .tit:before {
      border-left: 0 solid #fff;
      border-right: 20px solid transparent;
      border-bottom: 40px solid #fff;
      content: "";
      height: 0;
      position: absolute;
      right: -20px;
      top: 0;
      width: 0; }
.home-product .tag-title-right {
  float: right; }	  
.home-product .tag-title-right ul {
  padding: 0px 15px;
  padding-right: 0px;
  margin: 0px;
  list-style: none; }
  .home-product .tag-title-right ul li {
    float: left; }
    .home-product .tag-title-right ul li a {
      color: #000;
      line-height: 45px;
      padding: 0px 15px;
      text-transform: capitalize;
      font-size: 0.9375rem;
      font-weight: 700;
      border-right: 1px solid #ccc; }
      .home-product .tag-title-right ul li a:hover {
        color: #e3362d;
        text-decoration: underline; }
    .home-product .tag-title-right ul li:last-child a {
      border-right: none;
      color: #000;
      padding-right: 0px; } 
	  
	  
.product-blog{ margin:10px 0px;}
.product-blog .product-blog-title {
  font-weight: 800;
  font-size: 24px;
  margin:0px;
  line-height: 1.5em;
  padding: 8px;
  display: block;
  text-align: center;
  text-transform: uppercase;
  color:#f44336;
}

.pro-new{box-shadow: 3px 3px 3px #d5d5d5; border:1px solid #EBEBEB; margin-bottom:20px;}
.pro-new .pm-item__img{ text-align:center;}
.pro-new .pm-item__cap{ text-align:center;   font-weight: 500;
    font-size: 15px;
    padding: 10px 10px 0;
    line-height: 24px;
    min-height: 50px;
	-webkit-transition: ease .2s;
    -moz-transition: ease .2s;
    -ms-transition: ease .2s;
    -o-transition: ease .2s;
    transition: ease .2s;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	    background: #f7f7f7;}
.pro-new .pm-item__cap a{ color:#000;}
.pro-new .pm-item__cap hover{ background: #d5d5d5;}	  
 @media(max-width:480px){
.pro-ly .pro-main-item{width:50%;width:calc(50% - 8px);margin-right:10px;margin-right:calc(20px/2)}
.pro-ly .pro-main-item:nth-child(2n+2){margin-right:0}
.pro-main-item .pm-item__img img{max-height:180px;}
.pro-main-item .pm-item__cap .item-cap__title{
	font-size:14px;
	line-height:18px;
	font-weight:600;
	height:35px;
	}
	
	
.pro-ly .pro-cate-item{width:50%;width:calc(50% - 8px);margin-right:10px;margin-right:calc(20px/2); background:#CCC}
.pro-ly .pro-cate-item:nth-child(2n+2){margin-right:0}	
 }
 
 @media(max-width:769px){
.pro-ly .pro-main-item{width:50%;width:calc(50% - 8px);margin-right:10px;margin-right:calc(20px/2)}
.pro-ly .pro-main-item:nth-child(2n+2){margin-right:0}
.pro-ly .pro-cate-item{width:50%;width:calc(50% - 8px);margin-right:10px;margin-right:calc(20px/2)}
.pro-ly .pro-cate-item:nth-child(2n+2){margin-right:0}
 }
 
 @media (min-width:992px){
.product-carousel .pro-main-item .pm-item__img img{height:280px;}	 
 } 
 

.left-col .list-blog-title {
  text-align: center;
  padding: 10px 0;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 16px;
  border-radius: 5px;
  margin-bottom: 5px;
  background: #f44336;
  color: #fff;
}
 
 @media (max-width: 992px) {
.left-col{ display: none;}	 
.home-product .tag-title-right {
    display: none; }
.home-product .tag-title {
    margin-bottom: 20px; }
.home-product .tag-title .tit {
      font-size: 1.125rem; }
}