/*GOLBAL*/
:root {--color-1: #da3011; --color-2: #146bfc; --color-3: #f5b300; --border-1: #7e7e7e24; --border-2: #d6d6d6; --background-1: #ffe9e9; --background-2: #e3f3fe; --background-3: #f6f8f7; --background-4: #eeeff3; --shadow-1: 0 0 10px 0 rgba(0,0,0,.2);}
body{font-family: system-ui,sans-serif;font-size:17px;margin:auto;max-width: 100%; background-color: var(--background-3);}
body a{text-decoration:none;color:#2c2f34;}
button{cursor: pointer;}
section{margin: 20px 0px; padding: 20px; background-color: #fff; border-radius: 10px; box-sizing: border-box;}
figure{display: flex; height: 100%; justify-content: center; padding: 0; margin: 0;}
img{width: 100%; height: auto; border-radius: 5px;}
.container{max-width: 1200px; margin: auto; box-sizing: border-box; padding: 0px 30px;}
.post-list-link{position: absolute; width: 100%; height: 100%;}
div{box-sizing: border-box;}
#scroll-top{position: fixed; bottom: 90px; right: 20px; z-index: 99; cursor: pointer; padding: 8px 10px; background-color: #3284ff; color: #fff; border: none; font-size: 20px;}
label{cursor: pointer;}
form input{width: 100%; box-sizing: border-box;}
.page-content{display: flex; gap: 20px;}
.main-content{width: 65%}
.less-920-show{display: none;}
.focus-text{color: var(--color-1); font-weight: 700;}
/*GOLBAL END*/

/* CAROUSEL */
.carousel-container{position: relative;}
.carousel{overflow: auto; scroll-behavior: smooth; scrollbar-width: none;}
.carousel-wrap{display: flex; gap: 10px;}
.carousel-prev, .carousel-next {display: flex; justify-content: center; align-content: center; background-color: white; border: none; padding: 8px; border-radius: 50%; outline: 0; cursor: pointer; position: absolute; box-shadow: 0 1px 12px 0 #0000001f; font-size: 20px; color: #636363; z-index: 8;}
.carousel-prev{top: 50%; left: -35px; transform: translate(50%, -50%); display: none;}
.carousel-next{top: 50%; right: -35px; transform: translate(-50%, -50%);}
/* CAROUSEL END */

/* BLOCK TITLE */
.block-title-style-1{position:relative; padding-bottom:10px; border-bottom:2px solid #0000001a; color:var(--color-2); font-size:20px; font-weight:700; margin:0px auto 20px;}
.block-title-style-1:before{content:""; width:0; height:0; position:absolute; bottom:-5px; left:0; border-left:0; border-right:5px solid transparent; border-top:5px solid var(--color-2); }
.block-title-style-1:after{content:""; width:40px; height:2px; position:absolute; bottom:-2px; left:0; background-color:var(--color-2);}
.block-title-style-2{font-size: 20px; font-weight: 600; margin: 5px 0 15px; border-bottom: 5px solid var(--color-1); padding-bottom: 10px;}
.block-title-style-3{text-align: center; position: relative;}
.block-title-style-3:after{content:""; display: block; width:40px; height:3px; background-color: var(--color-1); margin: 10px auto;}
.block-title-style-4{font-size: 20px; font-weight: 600;}
.block-title-style-4:after{content: ''; display: block; left: 0; margin-top: 10px; width: 10%; height: 2px; background: var(--color-1);}
/* BLOCK TITLE END */

/*HEADER*/
header{position: sticky; top: 0; z-index: 18;}
.mobile-logo{background-color: #fff;}
.header-wrap{box-shadow: 0 2px 6px -1px rgba(0,0,0,.16),0 6px 18px -1px rgba(0,0,0,.1); background-color: #fff;}
.header-top{border-bottom: 1px solid 1px solid var(--border-1); background-color: #fff;}
.header-top-menu{margin: 0px; padding: 10px 0px; list-style-type: none; display: flex; gap: 10px; font-size: 13px; font-weight: 500;}
.header-mobile{display: none;}
.header-main{display: flex; justify-content: space-between; align-items: center; gap: 20px;}
.header-logo img{width: 150px;}
#header-menu{font-size: 35px; padding: 0px 15px; cursor: pointer;}
.header-search{flex-grow: 1; background-color: var(--background-4); border-radius: 3px;}
.header-search-form{display: flex; align-items: center;}
.header-search-input{height: 36px; padding: 0px 10px; font-size: 16px; background-color: var(--background-4); border: none;}
.header-search-input:focus, .menu-search-input:focus{outline: none;}
.header-search-submit{background-color: var(--background-4); border: none; font-size: 35px; display: flex; align-items: center; cursor: pointer;}
.header-item{display:flex; gap: 10px; font-size: 30px; position: relative;}
.header-phone{display: flex; gap: 5px; align-items: center; font-size: 18px; font-weight: 600;}
.header-phone>i{color: var(--color-1);}
.header-phone>span{color: var(--color-2);}
#header-sticky{padding-top: 10px; padding-bottom: 10px; position: relative;}
#header-sticky.sticky{position: fixed; top: 0; left: 0; right: 0; width: 100%; background-color: #fff; box-shadow: 0 2px 6px -1px rgba(0,0,0,.16),0 6px 18px -1px rgba(0,0,0,.1); z-index: 20; padding: 10px 0px 10px 0px;}
.header-item-text:before{margin-right: 5px;}
  /*MENU*/
#sidebar-menu{width: 280px; padding: 30px 0; background-color: #35373f; display: flex; align-items: center; flex-direction: column; color: #fff; font-size: 28px; position: fixed; top: 0; z-index: 22; transition: left 0.3s ease-in-out; left: -100%;}
#sidebar-menu.sidebar-active{left: 0;}
#sidebar-close{width: 100%; height: 100vh; position: fixed; top: 0; cursor: pointer; z-index: 20; background-color: #ffffff5e; backdrop-filter: blur(2px); display: none;}
.menu-list{width:100%;}
.menu-item{list-style: none; padding: 10px 30px; overflow-y: scroll; height: 94vh; margin: 0;}
.menu-item::-webkit-scrollbar{width: 6px; visibility: hidden;}
.menu-item::-webkit-scrollbar-thumb{border-radius: 10px; box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #68696d;}
.menu-item a, .menu-text{color:#fff;font-size:15px;font-weight:600;padding:15px 0px;display:block;border-bottom:1px solid #ffffff18;}
.menu-item a:hover{color: #ff3f3f;}
.sub-menu{list-style: none; padding-left: 25px;}
.sub-menu a{font-size: 13px;}
.close-sidebar-btn{cursor: pointer; font-size: 25px;}
  /*MENU END*/
  /* CART COUNT */
  #cart-count{position: absolute; top: -6px; right: -10px; background-color: var(--color-1); color: #fff; padding: 3px; border-radius: 50%; text-align: center; font-size: 13px; min-width: 16px; font-weight: 500;}
/*HEADER END*/

/*FOOTER*/
footer#footer-style-1{background: #fff; margin-top: 50px;}
#footer-style-1 .footer-contact{display: flex; justify-content: space-between; border-bottom: 1px solid var(--border-1); padding: 35px 30px;}
#footer-style-1 .footer-contact-item{display: flex; align-items: center; gap: 10px;}
#footer-style-1 .footer-contact-item>i{font-size: 32px;}
#footer-style-1 .footer-contact-title{font-size: 18px; color: var(--color-1); font-weight: 600;}
#footer-style-1 .footer-contact-sub{font-size: 22px; font-weight: 700;}
#footer-style-1 .footer-contact-chat{width: auto; padding: 15px 35px; border-radius: 50px; background-color: var(--color-1); color: #fff; font-size: 15px; font-weight: 700;}
#footer-style-1 .footer-column-wrap{display:flex; padding-top: 35px; border-bottom: 1px solid var(--border-1);}
#footer-style-1 .footer-column{width: calc(100% / 4);}
#footer-style-1 .footer-column .block-title-style-4:after{width: 25%;}
#footer-style-1 .footer-column ul{list-style: none; padding: 0;}
#footer-style-1 .footer-column li{margin-bottom: 5px; font-size: 15px;}
#footer-style-1 .footer-column .block-title-style-4{padding-left: 10px;}
#footer-style-1 .footer-info{display: flex; flex-wrap:wrap; gap: 30px; padding: 30px; font-weight: 600; justify-content: center;}
#footer-style-1 .footer-info i{color: var(--color-1);}
#footer-style-1 .footer-notice{color: var(--color-2)}

  /* Footer SALE_MODE: False */
footer#footer-style-2{background-color: #1f2024; color: #fff; margin-top: 50px;}
footer#footer-style-2 a{color: #fff; font-weight: 700;}
#footer-style-2 .footer-info{display: flex; gap: 50px; font-size: 13px; padding: 50px 0px;}
#footer-style-2 .footer-col{width: 33.333%;}
#footer-style-2 .footer-logo{display: flex; align-items: center;}
#footer-style-2 .footer-social{display: flex; gap: 10px; flex-wrap: wrap;}
#footer-style-2 .footer-social a{font-size: 25px; color: #fff; padding: 5px 8px; border: 1px solid #c9c9c9; border-radius: 5px;}
#footer-style-2 .footer-block{background-color: #000000;}
#footer-style-2 .footer-cover{display: flex; align-items: center; justify-content: center; color: #c9c9c9; font-size: 12px; padding: 10px; gap: 5px;}
#footer-style-2 .footer-blc1{border-right: 1px solid; padding-right: 8px;}
#footer-style-2 .footer-blc2{display: flex; align-items: center; gap: 5px;}
/*FOOTER END*/

/*BLOG HOME*/
.featured-grid{display: flex; gap: 10px; margin: 20px auto 0px; box-shadow: var(--shadow-1);}
.featured-block{clear: both;}
.featured-item{position: relative; aspect-ratio: 16/9; width: 100%; background-size: cover; display: flex; border-radius: 5px; float: left;}
.featured-item:first-child{width: calc(65% - 5px); height: 100%; margin-right: 5px;}
.featured-item:nth-child(2), .featured-item:nth-child(3){width: calc(35% - 5px); margin-left: 5px;}
.featured-item:nth-child(2){margin-bottom: 10px;}
.featured-item .featured-item-meta{font-size: 13px; margin-right: 8px;}
.featured-item .featured-item-meta i{margin-right: 3px;}
.featured-post{width: 100%;background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.95)); color: #fff; display: flex; align-items: flex-end; border-radius: 5px; padding: 20px;}
.featured-meta{transition: transform 0.3s;}
.featured-title, .featured-excerpt, .archive-featured-title{margin: auto; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.featured-title{margin: 10px auto 5px; font-size: 16px;}
.featured-item:first-child .featured-title{font-size: 20px;}
.featured-item:first-child .featured-excerpt{font-size: 16px;}
.featured-excerpt{font-size: 0.9rem; margin-top: 5px;}
.featured-item a{position: absolute; width: 100%; height: 100%; z-index: 1}
a:hover + .featured-post>.featured-meta{transform: translateY(-20px);}
/*BLOG HOME END*/

/*ARCHIVE*/
.archive-featured-grid{box-shadow: var(--shadow-1); margin-bottom: 0;}
.archive-title-block{display: flex; align-items: center; gap: 20px; font-size: 20px;}
.archive-list-item{display: flex; gap: 10px; margin-bottom: 20px; align-items: center;}
.archive-list-thumbnail{width: 28%;}
.archive-list-post{width: 72%;}
.archive-list-meta{font-size: 12px; margin: 5px 0px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.archive-list-value{margin: 0 10px 0 3px;}
.archive-list-title{margin: 0px; line-height: 1.2; font-size: 21px;}
.archive-list-excerpt{margin: 5px auto; font-size: 15px; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.archive-title{margin: 10px 0px; color: #434242; font-size: 23px;}
.archive-description{font-size: 15px; margin: 0px auto 15px;}
.archive-featured-item{position: relative; aspect-ratio: 16 / 9; width: 100%; background-size: cover; display: flex; border-radius: 5px; flex: 0 0 auto; width: calc(100% / 2 - 8px);}
.archive-featured-post{width: 100%; background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.95)); color: #fff; display: flex; align-items: flex-end; border-radius: 5px;}
.archive-meta-block{display: flex; gap: 10px; flex-wrap: wrap; font-size: 0.9rem;}
.archive-featured-title{margin: 10px auto; font-size: 20px;}
.archive-featured-meta{padding: 15px; transition: transform 0.3s; margin-bottom: 10px;}
.archive-featured-item a{position: absolute; width: 100%; height: 100%; z-index: 1}
a:hover + .archive-featured-post>.archive-featured-meta{transform: translateY(-20px);}
  /*PAGINATION*/
.pagination{font-size: 13px; text-align: center; padding: 10px 0px;}
.page-numbers{padding: 6px 12px; border: 1px solid #0000001a; margin: 3px;}
.current-page{background-color: var(--color-2); color: white; border-color: var(--color-2);}
  /*PAGINATION END*/
/*ARCHIVE END*/

/*SEARCH PAGE*/
.search-top{margin-bottom: 30px;}
.search-keyword{color: #1e95d9;}
.search-form{display: flex; gap: 5px;}
.search-field{width: 85%; padding: 8px 15px;}
.search-submit{width: 15%;padding: 10px 10px; background-color: blue; color: white; cursor: pointer; border: none; font-weight: 700;}
/*SEARCH PAGE END*/

/*BREADCRUMB*/
.breadcrumb{margin: 15px auto;}
.breadcrumb a, .breadcrumb span{color: #666; font-size: 13px;}
/*BREADCRUMB END*/

/*SIDEBAR*/
.default-sidebar{width: 35%; position: relative;}
.sidebar-wrap{position: sticky; transition: top 0.3s ease; top: -450px;}
.sidebar-tag-link{display:inline-block;font-size:13px;padding:5px;background-color:#00000008;border:1px solid #0000001a;margin:3px;color:#2c2f34;}
.sidebar-postitem{display: flex; margin-bottom: 12px; position: relative;}
.sidebar-post-thumb{width: 35%; margin-right: 12px;}
.sidebar-post-meta{width: 65%; display: flex; flex-direction: column; justify-content: center;}
.sidebar-postlist{counter-reset: number_count;}
.sidebar-top-view{counter-increment: number_count; font-size: 15px; font-weight: 600; color: var(--color-2);}
.sidebar-top-view:after{content: counter(number_count);}
.sidebar-meta-item{display: flex; align-items: center; gap: 10px;}
/*SIDEBAR End*/

/*POST PAGE*/
article p{line-height: 30px; margin: 0px 0px 15px;}
.article-content>h2{counter-increment:h2list;margin:0px 0px 15px;}
.article-content>h2:before{content:counter(h2list) '. ';}
.article-content a{color: var(--color-2); font-weight: 700;}
.article-content ul{padding-left: 20px;}
article figure{text-align: center; margin: 0px 0px 15px;}
article li{line-height: 1.6; margin-bottom: 10px;}
hr{margin: 35px auto; width: 150px;}
.post-category a{font-size: 13px; padding: 5px 8px; background-color: var(--color-2); color: #fff; border-radius: 3px;}
.post-tags{margin: 30px 0px 20px; gap: 10px; display: flex;}
.post-tags-title{margin: 0px}
.post-tags-wrap{display: flex; gap: 10px; flex-wrap: wrap;}
.post-tags-wrap a{font-size: 13px; padding: 3px 5px; background-color: #e1e1e1; border-radius: 3px; font-weight: 700;}
.post-title{margin: 15px 0px; font-size: 38px;}
.post-meta, .post-meta-left, .post-meta-right{display: flex; justify-content: space-between; gap: 15px; flex-wrap: wrap; font-size: 13px;}
.post-list-author{font-weight: 700;}
.post-thumbnail{margin-top: 20px;}
.post-adbox{width: 100%;}
#source{display: none; font-size: 15px;}
#source:before{display: block; width: 100%; height: 10px; content: ''; opacity: .2; background-image: radial-gradient(currentColor 1px, transparent 1px); background-size: 5px 5px; margin: 50px auto 30px;}
#source-info{padding: 6px 10px; background-color: #efeeee; border-radius: 5px; font-weight: 700; margin-left: 10px; cursor: pointer;}
.icon-source{margin-right: 5px; font-size: 13px;}
.post-share{border: 1px solid #0000001a; padding: 15px; display: flex; align-items: center; gap: 20px; margin: 50px 0px;}
.post-share-box{display: flex; gap: 10px; flex-wrap: wrap;}
.post-share-icon{border-radius: 5px;}
.post-share-icon a{display: flex; padding: 8px; font-size: 28px; color: #fff;}
.post-related-wrap{margin-bottom: 50px;}
.post-related-list{display: grid; grid-template-columns: repeat(3,1fr); gap: 10px;}
.post-related-item{position: relative;}
.post-related-item figure{margin: 0px;}
.post-related-list .post-related-item:last-child{display: none;}
.post-list-title{font-size: 16px; line-height: 1.4; margin: 8px 0; font-weight: 600; color: #2c2f34; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.post-list-date{font-size: 11px; color: #666;}
.pdintb{width: 100%; border: 1px solid rgba(0,0,0,0.1); margin-bottom: 15px;}
.pdintb td{padding: 10px 15px;}
.article-content table tr:nth-child(even){background-color: rgba(0,0,0,0.03);}
  /*Post Comments*/
.comment-form{width: 100%; border-radius: 3px; border: 1px solid #a5a5a5; font-size: 16px; padding: 15px;}
.comment-username{font-size: 18px; font-weight: 700;}
.comment-info, .comment-input, .comment-secret, .comment-secret-wrap{display: flex; align-items: center;}
.comment-info, .comment-secret{gap: 25px}
.comment-input{gap: 12px; width: 50%;}
.comment-input label{font-size: 30px;}
.comment-input input, .comment-captcha{border-radius: 3px; border: 1px solid #727272; font-size: 16px; height: 32px; padding: 3px 10px;}
.comment-secret{margin-top: 10px;}
.comment-secret-wrap, .comment-snum{width: 50%;}
.comment-secret-wrap{gap: 5px;}
.comment-secret label{font-size: 28px;}
.comment-snum span{background-color: #ffc3c3; padding: 5px 10px; font-size: 20px; font-weight: 700; border-radius: 5px;}
.comment-icontent{margin: 20px 0px 10px 0px; width: 100%; box-sizing: border-box; padding: 15px; font-size: 16px;}
.comment-icontent:focus{outline: none;}
.comment-submit{text-align: right;}
.comment-submit-btn{padding: 10px; background-color: var(--color-2); border: none; color: #fff; border-radius: 3px; cursor: pointer;}
#comment-message, #comment-captcha-error{padding: 30px 20px; text-align: center; background-color: #ffd5d5; margin: 20px 0px; border-radius: 10px; font-size: 22px; font-weight: 700;}
.comment-display{margin: 20px 0px;}
.comment-author-name{font-size: 18px; font-weight: 700; color: #669900;}
.comment-session{margin: 25px 0px;}
.comment-content{border: 1px solid #8d8d8d; border-radius: 6px; padding: 15px; margin-top: 10px;}
.comment-content p{margin: 0px;}
.comment-meta{display: flex; justify-content: space-between; align-items: center; font-size: 13px; margin-top: 10px;}
.comment-replybtn{font-weight: 700;color: var(--color-2); cursor: pointer;}
.comment-replybtn:before{content: '\e906'; font-family: 'icomoon'; margin-right: 3px; font-size: 12px;}
.comment-reply{margin: 20px 0px 0px 50px;}
.reply-toname{color: #1070ff;}
.reply-session{margin: 15px 0px;}
.reply-session .comment-content{background-color: #e7f5ff;}
.reply-form-show form{margin: 15px 0px 0px 30px; padding: 15px; border: 1px solid var(--color-1); border-radius: 3px; background-color: #fff2f2;}
.reply-message{margin-bottom: 15px; color: var(--color-1); font-weight: 700;}
.comment-display a{font-weight: 700; color: #4583fc;}
.icon-guest, .icon-admin{font-size: 45px;}
.icon-guest{color: #7a7a7a;}
.icon-admin{width: 50px;}
.commentator-icon{display: flex; align-items: center; gap: 5px;}
.article-content table{width: 100%; text-align: left; border: 1px solid #d1d1d1; margin-bottom: 20px;}
.article-content thead{text-align: center; background-color: #e9e9e9;}
.article-content tr{height: 46px;}
.article-content tbody th{padding-left: 10px;}
.article-content tbody th:first-child{text-align: center; padding: 0;}
  /*Post Comments*/
  /*Post TOC*/
#post-toc{margin: 32px 0px; position: relative; background-color: #eee; padding: 8px 16px; border-left: 5px solid #036773; border-radius: 5px; max-height: 480px; overflow-y: auto;}
.toc-parent{list-style: none; padding: 0px; margin: 0px;}
.toc-child{list-style: none; margin: 5px 0px 0px 18px; padding: 0px;}
.toc-quickview{display: flex; justify-content: space-between; font-size: 22px; font-weight: 700; cursor: pointer; align-items: center;}
.toc-toggle{font-size: 35px; margin-bottom: 5px;}
.toc-parent>li{counter-increment: list; font-weight: 700;}
.toc-parent>li:before{content: counter(list)'. ';}
.toc-child>li{counter-increment: listsub; font-weight: 500;}
.toc-child>li:before{content: counter(list)'.'counter(listsub)'. ';}
  /*Post iframe*/
.post-iframe iframe{width: 100%; height: 190px; border: none; margin: 20px 0px;}
  /*Post Video*/
.video-block{position: relative; cursor: pointer; margin-bottom: 15px; aspect-ratio: 16/9;}
.video-block-btn{width: 90px; height: 60px; background-color: #fd0017; border-radius: 10px; position: absolute; top: 42%; left: 45%;}
.video-block-btn:before{content: ""; border-style: solid; border-width: 10px 0 10px 20px; border-color: transparent transparent transparent #fff; position: absolute; top: 35%; left: 42%;}
.video-block-thumb{width: 100%; height: 100%; background-size: cover; background-color: #0000008a; background-blend-mode: color; background-position: center;}
  /* Add Product List To Post */
.newprice{font-size: 20px; color: red; font-weight: 700;}
.oldprice{font-size: 16px; text-decoration: line-through; color: #918888;}
.productlist1 figure, .productlist2 figure{margin: 0;}
    /* Vertical List */
.productlist1{display: flex; padding: 15px; background: #fff6f3; margin-bottom: 10px; align-items: center; column-gap: 15px;}
.imglist1{width: 16%; display: flex;}
.imglist1 img{width: 100%; height: 100%;}
.infolist1{width: 60%;}
.infolist1 h3{font-weight: 700; font-size: 20px; margin-bottom: 5px;}
.infolist1 p{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.pdlistbtn1{width: 24%; text-align: center;}
.pdlink1>a{margin: 8px 5px; display: block; line-height: 20px; padding: 13px 20px; background: #7635f3; color: white; border-radius: 5px; font-size: 16px; text-transform: uppercase; font-weight: 700;}
.pdlink1>a:hover{color: red;}
    /* Horizontal List */
.productlist2{display: flex; text-align:center; justify-content:center; flex-wrap:wrap; margin:10px 0px;}
.pdcolumn2{width: calc(50% - 16px); padding-bottom:15px; border-radius: 5px; background:#fff6f3; border:solid 1px #f1f1f1; margin: 8px;}
.pdcolumn2>h3{font-size: 15px; padding: 0px 8px;}
.pdlink2{width: 80%; margin: auto; background: #783bf0; border-radius: 5px; margin-top: 13px;}
.pdlink2>a{color: white; font-weight: 700; text-transform: uppercase; width: 100%; height: 100%; display: block; padding: 10px; box-sizing: border-box;}
.pdlink2>a:hover{color: red;}
/*POST PAGE END ------------------------------*/

/* SLIDER BLOCK */
.slider-block-container{position: relative; max-width: 1200px; margin: 0 auto;}
.slider-block-items{overflow: hidden;}
.slider-grid{display: flex; transition: transform 0.3s ease-in-out;}
.slider-item{flex: 0 0 25%; max-width: 25%; padding: 20px 10px; box-sizing: border-box;}
.slider-arrow{position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background-color: #fff; border: 1px solid #ddd; border-radius: 50%; cursor: pointer; z-index: 1; font-size: 20px; color: #333; display: flex; align-items: center; justify-content: center; transition: all 0.3s ease;}
.slider-arrow:hover{background-color: #f5f5f5; color: #000;}
.slider-pre-arrow{left: 0;}
.slider-next-arrow{right: 0;}
/*SLIDER BLOCK END ------------------------------*/

/*RESPONSIVE*/
@media only screen and (max-width:1200px){
	/*GOLBAL*/
	.container{max-width:1024px;}

	/*HEADER*/
    /* MENU */

	/*HEADER END*/

  /*FOOTER*/
  #footer-style-2 .footer-social a{font-size: 20px;}
  /*FOOTER END*/

  /*ARCHIVE*/
  .archive-list-excerpt{-webkit-line-clamp: 2}
  .archive-list-title{font-size: 20px;}
  /*ARCHIVE END*/

  /*POST PAGE*/
    /* Add Product List To Post */
      /* Vertical List */
  .productlist1{flex-wrap: wrap;}
  .imglist1{width: 25%;}
  .infolist1{width: calc(75% - 15px);}
  .pdlistbtn1{width: 100%;}
  .pdlink1>a{width: 32%; margin: 10px auto;}
      /* Horizontal List */
  /*POST PAGE END */
}

@media only screen and (max-width:1024px){
	/*GOLBAL*/
	.container{max-width: 920px; padding: 0 15px;}
  /*GOLBAL END*/

	/*HEADER*/
  .header-logo img{width: 120px;}
    /* MENU */
    /* MENU END */
	/*HEADER END*/

  /*FOOTER*/
  #footer-style-1 .footer-contact, #footer-style-1 .footer-column-wrap{padding: 30px 15px;}
  #footer-style-1 .footer-info{padding: 30px 15px; gap: 15px;}

  #footer-style-2 .footer-social a{font-size: 15px;}
  /*FOOTER END*/

  /*POST ------------------*/
  .post-title{font-size: 30px;}
  .post-list-title{font-size: 13px;}
  article p{font-size: 18px;}
    /*Post video*/
  .video-block-btn{width: 80px; height: 50px;}
  .video-block-btn:before{border-width: 8px 0px 8px 18px;}
  /*POST END ------------------*/

  /*SEARCH PAGE*/
  .search-field{width: 80%;}
  .search-submit{width: 20%;}
  /*SEARCH PAGE END*/

  /*ARCHIVE*/
  .archive-meta-block{font-size: 13px;}
  .archive-featured-title{font-size: 18px;}
  /*ARCHIVE END*/
}

@media only screen and (max-width:920px){
	/*GOLBAL*/
	.container{max-width:768px;}
  .block-title-style-3{font-size: 28px;}
  .less-920-show{display: inline;}
  .header-phone{display:none;}
  /*GOLBAL END*/

  /*BLOG HOME*/
  .featured-block{display: flex;}
  .featured-item:first-child, .featured-item:nth-child(2), .featured-item:nth-child(3){width: 100%; flex: 0 0 auto;}
  .featured-item:nth-child(2){margin-bottom: 0; margin-right: 5px;}
  .featured-item:first-child .featured-title{font-size: 16px;}
  .featured-item:first-child .featured-excerpt{font-size: 0.9rem;}
  /*BLOG HOME END*/

  /* SIDEBAR */
  .sidebar-post-thumb figure{height: auto;}
  .sidebar-postitem{align-items: center;}
  .post-list-title{margin: 5px 0;}
  /* SIDEBAR END */

  /*POST*/
  .post-title{font-size: 26px;}
  article h2{font-size: 22px;}
  /*POST END ---------------*/

  /*SEARCH PAGE*/
  .search-field{width: 75%;}
  .search-submit{width: 25%;}
  /*SEARCH PAGE END*/

  /*ARCHIVE*/
  .archive-featured-item{width: 100%;}
  .archive-featured-title{font-size: 16px;}
  .archive-meta-block{font-size: 13px;}
  .archive-list-title{font-size: 16px;}
  .archive-list-excerpt{font-size: 14px; line-height: 1.3;}
  .archive-list-item{gap: 10px;}
  /*ARCHIVE END*/

  /* SLIDER BLOCK */
  .slider-item{flex: 0 0 33.333333%; max-width: 33.333333%;}
  /* SLIDER BLOCK END */
}

@media only screen and (max-width:768px){
	/*GOLBAL*/
	.container{width:100%;}
  section{padding: 10px; border-radius: 5px;}
  /*GOLBAL END*/

  /*BREADCRUMB*/
  .breadcrumb{display: none;}
  /*BREADCRUMB END*/

	/*HEADER*/
  .header-wrap{padding-top: 1px;}
  .header-mobile{display: block; width: 20%; margin: auto; padding: 8px;}
  .header-logo{display: none;}
  #header-menu{padding: 0px; font-size: 28px;}
  .header-item{font-size: 30px;}
    /* MENU */

    /* MENU END */
	/*HEADER END*/

  /*FOOTER*/
  #footer-style-1 .footer-contact{padding: 50px 20px; gap: 30px; flex-direction: column}
  #footer-style-1 .footer-column-wrap{flex-wrap: wrap; padding: 30px 10px;}
  #footer-style-1 .footer-column{width: 50%;}
  #footer-style-1 .footer-info{padding: 30px 10px 80px;}

  #footer-style-2 .footer-block{padding: 10px 0;}
  #footer-style-2 .footer-info{flex-direction: column; text-align: center; gap: 15px;}
  #footer-style-2 .footer-col{width: 100%;}
  #footer-style-2 .footer-logo, .footer-social{justify-content: center;}
  #footer-style-2 .footer-cover{flex-direction: column; padding: 10px;}
  #footer-style-2 .footer-blc1{border: none; padding: 0px;}
  /*FOOTER END*/

  /*BLOG HOME*/
  .featured-item{aspect-ratio: 16/10;}
  .featured-excerpt{font-size: 15px;}
  .featured-grid{padding: 0;}
  /*BLOG HOME END*/

  /*POST*/
  .page-content{flex-direction: column;}
  .main-content{width: 100%;}
  .toc-parent{font-size: 0.9rem;}
  /* Vertical List */
  .productlist1{display: block; text-align: center;}
  .imglist1{width: 100%;}
  .infolist1,.pdlistbtn1{width: 100%; margin-top: 10px;}
      /* Horizontal List */
  .pdcolumn2{width: calc(50% - 10px); margin: 5px;}
  /*POST END --------------*/

  /*SIDEBAR*/
  .default-sidebar{width: 100%;}
  .sidebar-post-thumb{width: 20%;}
  /*SIDEBAR END*/

  /*SEARCH PAGE*/
  .search-field{width: 80%;}
  .search-submit{width: 20%;}
  /*SEARCH PAGE END*/

  /*ARCHIVE*/
  .archive-featured-title{font-size: 18px;}
  .archive-list-title{font-size: 20px;}
  .archive-list-excerpt{-webkit-line-clamp: 3;}
  /*ARCHIVE END*/

  /* SLIDER BLOCK */
  .slider-item{flex: 0 0 50%; max-width: 50%;}
  /* SLIDER BLOCK END */

}
@media only screen and (max-width:580px){
  /*GOLBAL*/
  .container{padding: 0px 10px;}
  .block-title-style-3{font-size: 23px;}
  .meta-text{display: none;}
  /*GOLBAL END*/

  /* CAROUSEL */
  .carousel-prev, .carousel-next{padding: 5px;}
  .carousel-prev{left: -25px;}
  .carousel-next{right: -25px;}
  /* CAROUSEL END */

  /*HEADER*/
  .header-top{display: none;}
  .header-mobile{width: 35%;}
  #header-menu{font-size: 25px;}
  .header-search-input{height: 30px;}
  .header-search-submit{font-size: 30px;}
  /*HEADER END*/

  /*FOOTER*/
  #footer-style-1 .footer-contact, #footer-style-1 .footer-column-wrap{padding: 30px 10px;}
  #footer-style-1 .footer-info{padding: 30px 10px 80px;}
  /*FOOTER END*/

  /* MENU */
  #sidebar-menu{width: 80%;}
  /* MENU END */

  /*HOME*/
  .featured-post{padding: 12px;}
  /*HOME END*/

  /*SIDEBAR*/
  .sidebar-post-thumb{width: 35%;}
  /*SIDEBAR END*/

  /*SEARCH PAGE*/
  .search-field{width: 70%;}
  .search-submit{width: 30%;}
  /*SEARCH PAGE END*/

  /*ARCHIVE*/
  .archive-dash{display: none;}
  .archive-title-block{flex-direction: column; gap: 5px; font-size: 17px;}
  .archive-title{font-size: 18px; margin: 0;}
  .archive-featured-title{font-size: 16px;}
  .archive-list-item{flex-direction: column; gap: 8px;}
  .archive-list-thumbnail{width: 100%;}
  .archive-list-post{width: 100%;}
  .archive-list-excerpt{line-height: 1.6; font-size: 13px;}
  .archive-list-excerpt:after{display: block;content: ""; border-bottom: 1px solid #ebe8e8; padding-bottom: 15px; width: 58%; margin: auto;}
  .archive-list-title{font-size: 18px;}
  .archive-list-meta{margin: 8px 0px; font-size: 12px;}
  /*ARCHIVE END*/

  /*POST*/
  /* .featured-left h2{font-size: 18px;} */
  .post-meta, .post-meta-left, .post-meta-right{gap: 6px; font-size: 12px;}
  .post-share{display: block; text-align: center;}
  .post-share-box{justify-content: center; padding-bottom: 20px;}
  .post-related-list{grid-template-columns: repeat(2, 1fr); gap: 20px;}
  .post-related-list .post-related-item:last-child{display: initial;}
    /*Post video*/
  .video-block-btn{width: 70px; height: 45px; left: 43%;}
  .video-block-btn:before{border-width: 6px 0px 6px 16px;}
    /* Post Comment */
  .comment-info{flex-direction: column; gap: 10px;}
  .comment-input{gap: 0px; width: 100%;}
  .comment-input span, .comment-secret span{width: 50px;}
  .comment-snum span{font-size: 15px;}
  .comment-secret{gap: 10px;}
  .comment-secret-wrap{width: 70%;}
  .comment-snum{width: 30%;}
  /*POST END*/
}

/*RESPONSIVE END*/


/*ICOMOON CSS*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?ccxn4h');
  src:  url('fonts/icomoon.eot?ccxn4h#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?ccxn4h') format('truetype'),
    url('fonts/icomoon.woff?ccxn4h') format('woff'),
    url('fonts/icomoon.svg?ccxn4h#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-long-arrow-down:before {
  content: "\e933";
}
.icon-arrow-down:before {
  content: "\e92f";
}
.icon-arrow-up:before {
  content: "\e932";
}
.icon-map:before {
  content: "\e930";
}
.icon-phone:before {
  content: "\e92e";
}
.icon-home:before {
  content: "\e92d";
}
.icon-trash:before {
  content: "\e921";
}
.icon-filter:before {
  content: "\e920";
}
.icon-view:before {
  content: "\e92c";
}
.icon-store:before {
  content: "\e92a";
}
.icon-standard-shipping:before {
  content: "\e928";
}
.icon-qrcode:before {
  content: "\e924";
}
.icon-arrow-right:before {
  content: "\e91c";
}
.icon-arrow-left:before {
  content: "\e91d";
}
.icon-shop:before {
  content: "\e901";
}
.icon-scroll:before {
  content: "\e916";
}
.icon-news:before {
  content: "\e92b";
}
.icon-search:before {
  content: "\e91a";
}
.icon-click:before {
  content: "\e90f";
}
.icon-calendar:before {
  content: "\e90a";
}
.icon-now-shipping:before {
  content: "\e929";
}
.icon-fast-shipping:before {
  content: "\e927";
}
.icon-cash:before {
  content: "\e926";
}
.icon-bank:before {
  content: "\e925";
}
.icon-verify:before {
  content: "\e91e";
}
.icon-menu:before {
  content: "\e919";
}
.icon-ios:before {
  content: "\e915";
}
.icon-twitter:before {
  content: "\e90c";
}
.icon-tiktok:before {
  content: "\e903";
}
.icon-messenger:before {
  content: "\e904";
}
.icon-telegram:before {
  content: "\e905";
}
.icon-replyarrow:before {
  content: "\e906";
}
.icon-minus:before {
  content: "\e923";
}
.icon-plus:before {
  content: "\e922";
}
.icon-guest:before {
  content: "\e917";
}
.icon-key:before {
  content: "\e910";
}
.icon-close:before {
  content: "\e902";
}
.icon-circle-check:before {
  content: "\e91f";
}
.icon-android:before {
  content: "\e912";
}
.icon-windows:before {
  content: "\e913";
}
.icon-mac:before {
  content: "\e914";
}
.icon-system:before {
  content: "\e90d";
}
.icon-reading:before {
  content: "\e94e";
}
.icon-source:before {
  content: "\e964";
}
.icon-load:before {
  content: "\e984";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-instagram:before {
  content: "\ea92";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-blogger:before {
  content: "\eab7";
}
.icon-reddit:before {
  content: "\eac6";
}
.icon-contact:before {
  content: "\e90b";
}
.icon-chat:before {
  content: "\e931";
}
.icon-comment:before {
  content: "\e918";
}
.icon-star-o:before {
  content: "\e900";
}
.icon-star:before {
  content: "\e91b";
}
.icon-emulator:before {
  content: "\e908";
}
.icon-linux:before {
  content: "\e911";
}
.icon-download:before {
  content: "\e90e";
}
.icon-email:before {
  content: "\e907";
}
.icon-user:before {
  content: "\e909";
}