.blog-content-area{float:left;width:100%;margin-top:50px}
.blog-content-area .container {max-width: calc(100% - 120px);}
.blog-content-area .blog-content-left{float:left;width:calc(100% - 310px);margin-right:30px}
.blog-content-area .blog-content-right{float:right;width:280px}
.pagination{float:left;width:100%;display:flex;justify-content:center;margin-top:30px}
.pagination li{margin:0 0}
.pagination li a{width:40px;height:40px;display:block;display:flex;align-items:center;justify-content:center;color:#000;text-decoration:none;line-height:1em;padding-top:3px;font-size:12.1px;transition:ease all .2s}
.pagination li.active a{background:#f3f3f3}
.pagination li a:hover{background:#f3f3f3;transition:ease all .2s}
.pagination li a i{font-size:18px}
.blog-detail strong,.blog-detail b{font-weight:700}
.blog-list-page-title{float:left;width:100%;text-align:center;margin-bottom:50px}
.blog-list-page-title h1{font-size:22px;font-weight:700}
.blog-list-carousel{float:left;width:100%;border-bottom:2px dashed #ddd;margin-bottom:50px;padding-bottom:50px}
.blog-list-carousel-item{float:left;width:100%;margin-right:20px}
.blog-list-carousel-item>a{float:left;width:100%;display:flex;transition:ease all .2s;height:230px;overflow:hidden;align-items:flex-start}
.blog-list-carousel-item>a img{display:block;width:100%}
.blog-list-carousel-item:hover a{opacity:.8;transition:ease all .2s}
.blog-list-carousel-item h5{float:left;width:100%;font-size:10px;margin-bottom:20px;color:#000;font-weight:600;margin-top:20px}
.blog-list-carousel-item h4{float:left;width:100%;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;color:#000;line-height:1.5em}
.blog-list-carousel-item h4 a{color:#000;text-decoration:none}
.blog-list-carousel-item p{float:left;width:100%;line-height:1.7em;font-size:11px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;color:#333}
.blog-list-carousel-item span{float:left;width:100%;margin-top:20px;font-size:11px;font-weight:500}
.blog-list-horizontal{float:left;width:100%}
.blog-list-horizontal li{float: left;margin-bottom: 50px;width: calc(33.3% - 30px);margin-right: 30px;}
.blog-list-horizontal li>a{    float: left;display: flex;transition: ease all .2s;position: relative;align-items: flex-start;width: 100%;height: 136px;overflow: hidden;}
.blog-list-horizontal li>a img{display:block;width:100%}
.blog-list-horizontal li>a img.video-icon{width:auto;position:absolute;top:calc(50% - 40px);left:calc(50% - 40px)}
.blog-list-horizontal li:hover a{opacity:.8;transition:ease all .2s}
.blog-list-horizontal-content{float: left;width: 100%;margin-top: 15px;}
.blog-list-horizontal li h5{float:left;width:100%;font-size:10px;margin-bottom:20px;color:#000;font-weight:600;margin-top:20px}
.blog-list-horizontal li h4{float:left;width:100%;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;color:#000;line-height:1.5em}
.blog-list-horizontal li h4 a{color:#000;text-decoration:none}
.blog-list-horizontal li p{float:left;width:100%;line-height:1.7em;font-size:11px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;color:#333}
.blog-list-horizontal li span{float:left;width:100%;margin-top:20px;font-size:11px;font-weight:500}
.blog-left-products-wrapper{float:left;width:140px;margin-right:40px}
.blog-detail{float:left;width: 100%;}
.blog-detail-image{max-height: 380px; overflow: hidden; width: 100%; margin-bottom: 15px; text-align: center; float: left;}
.blog-share{float:left;width:100%;margin-bottom:30px;border-top: 1px solid #ddd;padding-top: 25px;}
.blog-share h6{font-size:11px;font-weight:600;float: left;}
.blog-left-products{float:left;width:100%;border-top: 1px solid #ddd;padding-top: 30px;margin-top: 10px;}
.blog-left-products h6{float:left;width:100%;font-size: 14px;font-weight: 700;text-transform:uppercase;margin-bottom: 30px;}
.blog-left-products .product-card-meta .name{padding:0}
.blog-left-products .product-card-meta .prices{display:block;text-align: left;margin-top: 0px;}
.blog-left-products .product-card-meta .prices .op{width:100%;margin:0 0 5px;float:left}
.blog-left-products .product-card-meta .prices .np{width:100%;margin:0;float:left}
.blog-left-products .product-card{padding-bottom:30px;margin-bottom:0}
.blog-detail h2{float:left;width:100%;font-size:11px;font-weight:600;margin-bottom:20px}
.blog-detail h1{float:left;width:100%;font-size:20px;font-weight:600;margin-bottom:20px;letter-spacing:-.03em;line-height:1.5em;color:#000}
.blog-detail .meta{float:left;width:100%;margin-bottom:40px}
.blog-detail .meta li{float:left;font-size:11px;font-weight:600;color:#666;margin-right:20px}
.blog-detail .meta li i{float:left;margin:-1px 5px 0 0}
.blog-detail .blog-detail-text{font-size: 13px;line-height:2em;width: 100%;}
.blog-detail .blog-detail-text p{margin-bottom:20px}
.blog-detail .blog-detail-text p:first-child:first-letter{color:#000;float:left;font-weight:700;font-size:65px;line-height:60px;padding-top:15px;padding-right:10px;padding-left:3px}
.blog-detail .blog-detail-text h2{font-size:14px}
.blog-detail .blog-detail-text h3{font-size:13px;font-weight:600;margin-bottom:15px}
.detail-popular-posts{float:left;width:100%;border:1px solid #ddd;padding:30px 25px;margin-bottom:30px;border-radius:3px}
.detail-popular-posts h5{float:left;width:100%;font-size:13px;font-weight:700;position:relative;margin-bottom:30px;padding-left:15px}
.detail-popular-posts h5:before{left:0;top:-8px;width:4px;height:25px;background:#000;content:"";position:absolute}
.detail-popular-posts ul{float:left;width:100%}
.detail-popular-posts ul li{float:left;width:100%;border-bottom:2px dashed #ddd;padding-bottom:20px;margin-bottom:20px}
.detail-popular-posts ul li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.detail-popular-posts ul li figure{float:left;width:80px;margin-right:15px;height:80px;display:flex;overflow:hidden;justify-content:center}
.detail-popular-posts ul li figure a{float:left;width:100%;display:block}
.detail-popular-posts ul li figure img{display:block;max-width:inherit;max-height:100%}
.detail-popular-posts ul li .dpp-content{float:left;width:calc(100% - 95px);color:#000;text-decoration:none}
.detail-popular-posts ul li .dpp-content h6{float:left;width:100%;font-size:9px;font-weight:600}
.detail-popular-posts ul li .dpp-content h4{float:left;width:100%;font-size:11px;font-weight:600;margin-top:15px;line-height:1.4em}
.detail-popular-posts ul li .dpp-content span{color:#555;font-size:9px;font-weight:500;margin-top:10px;display:block;float:left;width:100%}
.blog-sidebar-banners{float:left;width:100%;margin-top:15px}
.blog-sidebar-banners li{float:left;width:100%;margin-bottom:20px}
.blog-sidebar-banners li a{display:block;float:left;width:100%}
.blog-sidebar-banners li a img{display:block}
.blog-detail-categories-list{float:right;width:100%;border:1px solid #ddd;padding:30px 25px;margin-bottom:15px;border-radius:3px}
.blog-detail-categories-list h5{float:left;width:100%;font-size:13px;font-weight:700;position:relative;margin-bottom:30px;padding-left:15px}
.blog-detail-categories-list h5:before{left:0;top:-8px;width:4px;height:25px;background:#000;content:"";position:absolute}
.blog-detail-categories-list ul{float:left;width:100%;border-bottom:none}
.blog-detail-categories-list ul li{float:left;width:100%}
.blog-detail-categories-list ul li a{text-decoration:none;font-size:12.1px;color:#000;display:block;float:left;width:100%;padding:8px 0;font-weight:600}
.blog-detail-categories-list ul li ul li a{font-weight:400;position:relative}
.blog-detail-categories-list ul li ul li a:before{content:"";position:absolute;left:-12px;top:10px;width:4px;height:4px;background:#777;border-radius:50%}
.blog-detail-categories-list ul li ul{padding-left:12px;margin-bottom:15px;border-bottom:2px dashed #ddd;padding-bottom:10px}
.blog-detail-categories-list ul li:last-child ul{padding-bottom:0;margin-bottom:0;border-bottom:none}
.perfect-together-product-wrapper{float:left;width:100%;margin:20px 0 40px}
.perfect-together-product-wrapper h5{color:#f06;font-size:12px;font-weight:500;margin-bottom:10px}
.perfect-together-product{float:left;width:100%;border:1px solid #ddd;border-radius:3px;overflow:hidden;padding:10px}
.perfect-together-product img{height:140px;filter:brightness(96.5%)}
.perfect-together-product a.product-image{float:left;margin-right:10px;height:140px;display:block;width:140px}
.perfect-together-product .ptp-content{float:left;width:calc(100% - 160px);display:flex;flex-direction:column;justify-content:center;height:140px}
.perfect-together-product .ptp-content h6{float:left;font-size:10px;color:#000;font-weight:600;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.perfect-together-product .ptp-content h4{font-size:12px;color:#000;font-weight:600;margin-bottom:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.perfect-together-product .ptp-content h5{font-size:11px;color:#333;margin-bottom:10px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:0}
.perfect-together-product .ptp-prices{float:left;display:block}
.perfect-together-product .ptp-prices .op{color:#000;font-weight:500;letter-spacing:-.03em;text-decoration:line-through;font-size:11px;float:left;margin:3px 10px 0 0}
.perfect-together-product .ptp-prices .np{color:#f06;font-weight:600;font-size:13px;margin-top:2px}
.blog-page-blog-list-wrapper{float:left;width:100%;margin-top:40px;border-top:1px solid #000;padding-top:30px}
.blog-page-blog-list-wrapper>h4{float:left;width:100%;font-size:15px;font-weight:600;color:#000;margin-bottom:30px}
.blog-page-blog-list-wrapper ul{float:left;width:100%}
.blog-page-blog-list-wrapper ul li{float:left;width:calc(50% - 10px);margin-right:20px}
.blog-page-blog-list-wrapper ul li:last-child{margin-right:0}
.blog-page-blog-list-wrapper ul li a{float:left;width:100%;display:block;transition:ease all .2s}
.blog-page-blog-list-wrapper ul li a img{display:block}
.blog-page-blog-list-wrapper ul li:hover a{opacity:.8;transition:ease all .2s}
.blog-page-blog-list-wrapper ul li h5{float:left;width:100%;font-size:10px;margin-bottom:20px;color:#000;font-weight:600;margin-top:20px}
.blog-page-blog-list-wrapper ul li h4{float:left;width:100%;font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px;color:#000;line-height:1.5em}
.blog-page-blog-list-wrapper ul li p{float:left;width:100%;line-height:1.7em;font-size:11px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;display:-webkit-box;color:#333}
.blog-page-blog-list-wrapper ul li span{float:left;width:100%;margin-top:20px;font-size:11px;font-weight:500}
.mobile-blp-trigger{float:left;width:100%;font-size:11px;font-weight:600;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-top:-13px;padding:14px 0;margin-bottom:20px;display:none}
.mobile-blp-close{position:absolute;top:19px;right:20px;font-size:20px;display:none}
.blog-share-icons{float:left;margin: -11px 0 0 10px;}
.blog-detail .blog-detail-text a{color:#000;text-decoration:none;border-bottom:1px solid #000}
ul.pagination li{display:none}
ul.pagination li.active,ul.pagination li:first-child,ul.pagination li:last-child{display:block}
span.plist-color{position:relative;z-index:1;float:left;background:rgba(255,255,255,.4);color:#000;font-size:11px;text-align:center;padding:1px 10px;margin-top:-34px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;height:34px;line-height:34px}
.only-mobile-blog-menu-wrapper{display:none}
.blog-list-carousel-item h5 span{display:inline-block;width:auto;margin:0 4px 0 7px;float:none}
.blog-list-carousel-item h5 span:last-child{display:none}
.blog-list-horizontal-content h5 span{display:inline-block;width:auto;margin:0 4px 0 7px;float:none}
.blog-list-horizontal-content h5 span:last-child{display:none}
.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-16by9{padding-bottom:56.25%}
.embed-responsive-4by3{padding-bottom:75%}
.blog-related-products-container {float:left; width:100%; display:grid; grid-template-columns:1fr 1fr 1fr; grid-column-gap:20px; grid-row-gap:40px;}
.blog-related-products-container .product-card .product-image {float:left; width:100%; display:block; margin-bottom:10px;}
.blog-related-products-container .product-card h4 {float:left; width:100%; font-size:14px;}
.product-card .prices .n-price {margin-top:0px; float:left;}

.blog-detail .blog-detail-text br {display: none;}
.ks-blog-social-icons {float: left;width: 100%;display: flex;align-items: center;margin-top: 15px;column-gap: 10px;}
.ks-blog-social-icons li a {width: 32px;aspect-ratio: 1 / 1;display: flex;justify-content: center;align-items: center;border: 1px solid #000;padding: 0px;border-radius: 3px;transition: all ease .2s;}
.ks-blog-social-icons li a:hover {transition: all ease .2s;background: #000;}
.ks-blog-social-icons li a img {max-height: 100%;width: 24px;}
.ks-blog-social-icons li a:hover img {filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(22%) hue-rotate(25deg) brightness(105%) contrast(107%);}



@media screen and (min-width:992px) and (max-width:1199px){.blog-list-horizontal li a{width:270px}
.blog-list-horizontal-content{width:calc(100% - 290px);margin-left:20px}
.blog-list-horizontal-content{height:155px}
.only-mobile-blog-menu-wrapper{display:none}
}
@media screen and (min-width:768px) and (max-width:991px){.blog-list-carousel{overflow:hidden}
.blog-content-area .blog-content-left{width:100%}
.blog-content-area .blog-content-right{width:100%}
.blog-sidebar-banners li{width:calc(50% - 10px);margin-right:20px}
.blog-sidebar-banners li img{width:100%}
.blog-sidebar-banners li:last-child{margin-right:0}
.mobile-blp-trigger{display:block}
.only-mobile-blog-menu-wrapper{display:block}
.blog-detail .blog-detail-text img{max-width:100%}
}
@media screen and (max-width:767px){.blog-content-area{margin-top:20px}
.blog-content-area .blog-content-left{width:100%}
.blog-content-area .blog-content-right{width:100%;margin-top:30px}
.blog-list-carousel{width:100%;overflow:hidden}
.blog-list-carousel .swiper-slide{width:280px}
.blog-list-horizontal li a{width:100%}
.blog-list-horizontal-content{width:100%;margin-left:0;height:auto}
.blog-sidebar-banners li a img{width:100%}
.blog-content-area .blog-content-left{margin-right:0}
.blog-left-products-wrapper{width:100%}
.blog-left-products{position:fixed;top:0;right:-100%;background:#fff;z-index:10;padding:20px;overflow-y:auto;height:100vh;transition:all .55s cubic-bezier(.785,.135,.15,.86)}
.blog-left-products.active{transition:all .55s cubic-bezier(.785,.135,.15,.86);right:0}
.blog-left-products .product-card{width:calc(50% - 5px);margin-right:5px}
.product-card .product-image{text-align:center}
.mobile-blp-close{display:block}
.blog-left-products h6{margin-bottom:10px;margin-top:5px}
.mobile-blp-trigger{display:block}
.mobile-blp-trigger i{float:right;font-size:15px;margin:-2px 0 -3px}
.blog-detail{width:100%}
.blog-detail-image{margin-bottom:20px}
.blog-detail h1{font-size:16px}
.only-mobile-blog-menu-wrapper{display:block;float:left;width:100%;margin-top:14px;margin-bottom:20px}
.only-mobile-blog-menu-wrapper ul{float:left;width:100%}
.only-mobile-blog-menu-wrapper ul li{float:left;width:calc(33.33%)}
.only-mobile-blog-menu-wrapper ul li:last-child a{border-right:none}
.only-mobile-blog-menu-wrapper ul li a{color:#000;font-size:11px;display:block;padding:6px 0 3px;font-weight:600;text-align:center}
.only-mobile-blog-menu-wrapper ul li a{border-right:1px solid #000}
.blog-left-products .product-card .product-card-meta .product-card-addtocart-btn{position:relative;opacity:1;visibility:visible;margin-top:10px}
.blog-left-products .product-card:hover .product-card-meta .product-card-addtocart-btn{margin-top:10px!important;position:relative;bottom:0}
.blog-detail .blog-detail-text img{max-width:100%}
.blog-content-area .container {max-width: 100% !important;}
.blog-list-horizontal li {    width: 100%;margin-right: 0;}
}