/*
Theme Name: Harison Việt Nam
Description: Giao diện được thiết kế dựa trên mẫu giao diện Flatsome
Author: nguyenthinh.contact@gmail.com
Template: flatsome
Version: 3.0
*/

/*************** THÊM, SỬA CSS GIAO DIỆN TẠI ĐÂY   ***************/

#footer li a,#footer p{font-size:14px;}
.cot2 .wpcf7-email{width: 70%;float: left;}
h3.title-footer{color: #145a8d;text-transform: uppercase;}
#footer .img{background-color: #f5f5f5;}
.title-thanh-tuu{background: #E3E3E3 !important;}
.title-thanh-tuu:after {background: #E3E3E3 url(images/mui-ten.png) center no-repeat !important;}
.section-du-an .box:hover .box-text{transition: all 0.5s ease 0s;opacity: 1;}
.section-du-an .box-text{opacity: 0;}
.section-du-an .box-text{background: rgba(0,0,0,0.5);padding: 13px;}
.title-du-an{background: #F5F5F5  !important;}
.div-no-padding{padding-bottom:0px !important;}
.title-text.bg-grey.text-left:after {left: 0px;right: initial;}
.title-text.bg-grey.text-left {text-align: left;}
.title-text.bg-grey {background: #f5f5f5;text-align: center;}
.title-text h2 a:hover{color: #1a7108;}
.title-text.bg-grey:after {content: "";display: block;position: absolute;width: 125px;height: 7px;top: initial;bottom: -5px;left: 0px;right: 0px;margin: 0 auto;}
.title-text.bg-grey:before {content: "";display: block;position: absolute;width: 100%;height: 1px;top: initial;left: 0px;bottom: 0px;background: linear-gradient(90deg, #f5f5f5 0%, #e1e1e1 10%, #e1e1e1 10%, #e1e1e1 90%, #e1e1e1 90%, #f5f5f5 100%);}
.title-text.bg-grey:after {background: #f5f5f5 url(images/mui-ten.png) center no-repeat;}
.title-text h2 a{color: #1a7108;}
.title-text h2 {color: #1a7108;text-transform: uppercase;font-weight: 700;font-size: 30px;line-height: 38px;border-bottom: 1px solid #ccc;padding-bottom: 6px;}
.title-text {position: relative;}
.space-20 {margin-bottom: 20px;}
.title-text:before {content: "";display: inline-block;width: 125px;height: 7px;position: absolute;bottom: -5px;left: 0px;}
.title-text:before {background: #fff url(images/mui-ten.png);}
.section-anh .img-inner:after ,.section-du-an .box-image:after{right: -1px;bottom: -1px;clip-path: polygon(100% 0, 0 100%, 100% 100%);content: "";display: inline-block;background: #fff;width: 40px;height: 40px;clip-path: polygon(100% 0, 0 100%, 100% 100%);position: absolute; /* left: -1px; */ /* top: -1px; */ z-index: 9;}
.section-anh .img-inner:before,.section-du-an .box-image:before{content: "";display: inline-block;background: #fff;width: 40px;height: 40px;clip-path: polygon(100% 0, 0 0, 0 100%);position: absolute;left: -1px;top: -1px;z-index: 9;}
.header-bottom-nav li a{font-size:14px;}
b,strong{font-weight:500}
#header.header #mega_menu {display: none;}
#mega-menu-title{font-weight:400; font-size:15px; color: black}#mega-menu-wrap{background:white}
#mega-menu-wrap{background:#f05a5e}
#mega-menu-title{padding:0; color: white}
.banner-section .col{padding-bottom:0}
.banner-section img{border-radius:10px; border: 2px solid #2ba24c}
.header-nav-main .header-search-form-wrapper .icon-search:before{color:white;}
.form-flat input:not([type="submit"]){height: 40px;    border-color:rgb(43, 162, 76)}.header-main .nav > li > a {line-height: 16px;font-size: 15px;}
.button.icon.circle>span {margin: 0 8px;text-transform: none;font-weight: normal;font-size: 15px;color: black;}
.nav .hotline-nav a{font-size:18px !important}
.nav-slider{margin: 0 auto;position: absolute;margin-top: -418px !important;max-width: 215px;left: 10%;}
.nav-slider ul li{ margin-left:0}.nav-slider ul li+li{border-top:0}
.nav-slider ul li a{display:block; padding-top:7px; padding-bottom:7px;padding-left:15px; font-size: 15px}
.nav-slider .nav-slider-web{background: rgba(0,0,0,0.4)}
.nav-slider ul li a:hover{background: white; color: black !important}
ul.menu>li.has-child:hover >.sub-menu{border-left:0; display: block !important;position: absolute;left: 98%; top:0;background: white;z-index: 999; height:100% !important;padding-left: 0px; }
ul.menu>li.has-child:hover >.sub-menu li {margin-left:0}
ul.menu>li.has-child:hover >.sub-menu li a:hover{padding-left:15px; background: gray; color: white !important}
#mega_menu > li.has-child > ul.sub-menu li a{padding-left:15px; padding-top:5px; padding-bottom:5px}#mega_menu ul.sub-menu > li:hover > a{background: gray; color: white}
#mega_menu > li > a{    position: relative;font-weight: 500;color: black;font-size: 15px;}
#mega_menu > li.has-child > ul.sub-menu{display:block; position:relative; left: 0; top:0; min-height:auto; border-left:0; border:0; box-shadow:0px 0px 0px gray; margin-top:0 !important; margin-left:0px} 
#mega_menu > li{border-top:0; width:25%; float: left}
#header.header #mega_menu.active{width:1050px;min-width: 600px;margin-top: 10px;padding: 15px;border: 2px solid black;}#mega_menu > li > a{padding: 7px 7px 7px 15px}
ul.menu>li.has-child:hover >.sub-menu li a{padding-left:15px;display: block; color: black;padding-top: 7px;padding-bottom: 7px;font-size: 15px;}
.nav-slider .toggle{display:none}
.flickity-page-dots{right: 2%; left:auto}
.flickity-prev-next-button.next{right: 0%;bottom: 40%;}
.flickity-prev-next-button.previous{ bottom: 40%; }
.slider-nav-circle .flickity-prev-next-button svg{border: 0px;background: rgb(148, 199, 52);color: white}
.slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow{background-color: #2e942b;border-color: #2e942b;}
.sp-noi-bat .product-small .category{font-size:15px; letter-spacing:0; text-transform:uppercase; color: black}
.product-small .price .amount{color: #1a7108;font-size: 17px;font-weight: bold;}
.product-small .product-title a:hover{color:#145a8d}
.product-small .product-title a{    font-size: 15px;color: #2d2d2d;margin-bottom: 0;font-weight: bold;height: 38px;overflow: hidden;}
.product-small .price-wrapper ins span.amount{white-space: nowrap;color: #ff6900;font-weight: normal;font-size: 20px;}
.product-small .price-wrapper del span.amount{font-size:15px}
.badge-inner {background-color: #94c734;border-radius: 100%;background: white;border: 2px solid #94c734;color: #94c734;font-weight: normal;}
.badge{width: 45px; height:45px}
.badge-container{margin:10px}.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)}
.product-small.box{background:white;border: 0;box-shadow: 2px 2px 20px #00000017;border-radius: 10px;}
.flickity-page-dots .dot{border: 3px solid #94c734;}.slider-nav-dots-simple .flickity-page-dots .dot {background-color: #94c734;}
.add-to-cart-button a{text-transform: none;font-weight: normal;font-size: 14px !important;letter-spacing: 0;border-radius: 99px;background: #66bf25;line-height: 32px;}
.sp-noi-bat .flickity-page-dots{display:none}
.sp-de-xuat .product-small.col{border-radius:10px}
.danh-muc-sp .row-cat{ padding-bottom:10px;background: #ffffff;padding-top: 30px;border-radius: 10px;box-shadow: 2px 2px 40px #00000026;}
.danh-muc-sp .box-push .box-text{background: #ffffff;margin: -8% auto 0;box-shadow: 2px 2px 10px #00000024;border-radius: 10px;border-top: 5px solid #2e942b;}
.danh-muc-sp .box-push .box-text .header-title{letter-spacing: 0;font-size: 15px;color: #2e942b;padding-bottom: 5px;}
.danh-muc-sp .flickity-prev-next-button{}
.danh-muc-sp .row-cat .col{padding-bottom:0}.sp-noi-bat .col{padding-bottom:20px}.section-title span{text-transform:none}
.sp-de-xuat .product-small{border:0}
.sp-de-xuat .flickity-prev-next-button.next{right:-3%; bottom:15%}
.flickity-prev-next-button.previous{left:0% !important; }
.slider-nav-outside .flickity-prev-next-button.next{right:-4% !important; left:auto !important}
.sp-noi-bat{padding-bottom:0 !important}
.sp-de-xuat .col{padding-bottom:20px}
.sp-de-xuat .cham-soc-toc .product .col-inner .box .box-text{background: white; border-bottom-left-radius:10px; border-bottom-right-radius:10px}
.thuong-hieu .tabbed-content .nav > li{margin-right:0}
.thuong-hieu .tabbed-content .nav > li > a{font-size:15px; padding:10px 30px;}
.thuong-hieu .tabbed-content .nav > li  .active>a{    border: 2px solid #bebf49;color: #bebf49;}
.thuong-hieu .section-title-container{margin-bottom:10px}
.footer-section img.size-full.alignnone{margin-bottom:15px}
.footer-section .button{font-weight:normal}.footer-section .col{padding-bottom:0}.sp-de-xuat .flickity-prev-next-button.previous{bottom: 40%;}
.footer-bottom .col{padding-bottom:0}
.footer-bottom .cot12 p{margin-bottom:0}
.footer-secondary{padding-top:0}.absolute-footer{padding-bottom:10px}
.breadcrumbs a{text-transform:none}
.product-main .product-title{font-weight:normal;color: black}
.product-main .price-wrapper ins span.amount{color: red; font-weight:normal}
.product-main .price-wrapper del span.amount{color: gray; font-size: 15px}
.product-main .product-short-description{font-size:14px}.product-main{padding-top:20px !important; padding-bottom:0 !important}
.contact-product .col{padding-bottom:0}
.contact-product .button{margin-bottom:5px; font-weight:normal}
.detailcall-1{padding: 3px 20px; background: #f05a5e; box-shadow: 0px 0px 0px gray}.detailcall-1 span{font-size:14px}
.detailcall-1 h3{margin-bottom:0}.quantity+.button {margin-right: 0;font-size: 1em;width: 250px;text-transform: none;font-weight: normal;background: #d66811;border-radius: 4px;}button.btn.btn-default{background:#f05a5e; border: 0px solid;padding: 5px 20px;}.product_meta{font-size:14px}
.product-footer p{font-size:14px; color: #4a4a4a}
.product-footer .product-tabs {    background: #ffffff; margin-top:-8px !important;border-bottom: 2px solid #1a7108;}
.product-footer .woocommerce-tabs{border-top:none !important}
.product-footer .product-tabs li.active a{border: 0;color: #ffffff;background: #1a7108;}
.product-footer .product-tabs li a {font-weight: bold !important;text-transform: uppercase;border-width: 1px;color: #555555;}
.product-footer .product-tabs li{margin:0 }.product-info {padding-bottom: 0;}
.woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected, .woo-variation-swatches-stylesheet-enabled .variable-items-wrapper .variable-item:not(.radio-variable-item).selected:hover{box-shadow: 0 0 0 2px rgb(43, 162, 76);}div#reviews.woocommerce-Reviews, .devvn_prod_cmt{max-width:100%}
.product_meta>span {border-top: 0;}
.variations tr td label{margin-right:10px}
.variations tr td{display:inline-block}
.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before{height:0}
#reviews{margin-top:20px !important}
span.devvn_num_reviews{color: #1a7108;}
#comments a.btn-reviews-now{background-color: #1a7108;}
.devvn-popup-quickbuy, .product-main .khuyen-mai h4, .product-main .product-title, .woocommerce #reviews #comments h2{font-family:"svn-poppins", sans-serif}a.devvn_buy_now_style, a.devvn_buy_now_style:hover, a.devvn_buy_now_style:focus{background:#2ba24c}
.related-products-wrapper h3{text-transform: uppercase;font-size: 20px;color: #1a7108;letter-spacing: 0;margin: 0;}.ProductDescription h2{font-weight:normal; color: black}
.related-products-wrapper .product-small, .category-page-row .product-small{border: 0}
a.devvn_buy_now_style{margin:5px}
.product-main .khuyen-mai{background: #F1F8E9;border-radius: 4px;border: 1px dashed #2e942b;padding: 10px;margin-bottom: 20px;}.product-main .khuyen-mai h4{color: #2e942b}
.devvn-popup-title, .popup-customer-info-group .devvn-order-btn{background:#2e942b}
.product-main .khuyen-mai li{list-style: none;color: #3a3a3a;font-size: 14px;background: url(images/check@2x.png);background-repeat: no-repeat;background-size: 14px;background-position-y: 3px;padding-left: 23px;}
.category-filtering strong{font-weight:normal}
.shop-container .woof_sid_auto_shortcode.woof{display:none}
.shop-container .off-canvas .sidebar-inner{padding:8px}.woof label{font-weight:normal}
.off-canvas-left .mfp-content{width:280px}.gioi-thieu .cot3{background: #f7f7f7; margin-top:10px}
.gioi-thieu .cot3 .button{font-weight:normal}
.return-to-shop .button{font-weight:normal; text-transform:none; font-size:14px}.slider-section .flickity-prev-next-button{display:none}
.blog-archive .post-sidebar, .blog-single .post-sidebar{padding-left:15px; margin-top:10px;}
.blog-archive .large-9, .blog-single .large-9{padding-right:15px}.flatsome_recent_posts ul li a{font-size:14px; color:black}
.flatsome_recent_posts ul li a:hover, .blog-archive .post-item .box-text .post-title:hover{text-decoration:underline;color:green}
.is-divider{height:1px; max-width:100%}
.widget-title span{background: #1a7108;color: #fff;font-weight: 700;padding: 12px;border-top-left-radius: 5px;border-top-right-radius: 5px;display: block;letter-spacing: 0;}
aside.widget ul {background: none;border: 1px solid #cdcdcd;padding: 0 12px;border-top: none;}
.widget ul li:not(.recent-blog-posts-li) a {font-size: 14px;display: block;border-bottom: 1px dashed #cdcdcd;line-height: 18px;padding: 10px 0px;}
.widget ul li:last-child a {border:none;}
.widget>ul>li+li:not(.recent-blog-posts-li), ul.menu>li+li:not(.recent-blog-posts-li) {border:none;}
.badge.post-date{top: 3%; left:3%}.blog-archive .post-item .box-text .post-title{color: black;font-size: 19px;margin-bottom: 10px;font-weight: normal;}
.blog-archive .post-item .box-image .image-cover{border-radius:10px}#breadcrumbs {text-align: left;margin-bottom: 10px;font-size: 14px;padding: 0;
}.blog-archive .archive-page-header .page-title {text-transform: uppercase;text-align: left;letter-spacing: 0;font-size: 25px;font-weight: bold;color: var(--primary-color);text-transform: uppercase;}
.blog-single .entry-title {margin-bottom: 7px;font-weight: 500;color: #61a63c;font-size: 24px;}
.blog-single .thong-tin-them {font-size: 14px;display: block;border-bottom: 1px solid #ececec;padding-bottom: 10px;}
.is-divider{display:none}.meta-related ul {background: #f7f7f7;padding: 10px;border-radius: 5px;}
.meta-related ul li {list-style: square;font-size: 15px;margin-bottom: 5px;}
.meta-related ul li a {color: #2e942b;text-transform: none;}
.blog-single .blog-share {text-align: left!important;}
.blog-single .danh-muc {margin-bottom: 8px;}
.blog-single .danh-muc, .blog-single .the-tim-kiem {font-size: 15px;}
.the-tim-kiem a {margin-bottom: 7px;margin-right: 7px;background: #ececec;padding: 2px 10px;color: gray;}
.the-tim-kiem a:hover {background: #66b32f;color: white;}
.meta-related ul li a:hover {text-decoration: underline;}
.bai-viet-lien-quan h2 {color:#2e942b;text-transform: uppercase;font-size: 19px;}
.bai-viet-lien-quan ul {margin-bottom: 0;display: inline-block;width: 100%;}
.bai-viet-lien-quan ul li {list-style: none;width: 33.33%;float: left;padding-left: 4px;padding-right: 5px;}
.bai-viet-lien-quan ul li .box-image img {height: 180px;border-radius: 6px;object-fit: cover;object-position: center;}
.bai-viet-lien-quan ul li h3 {height: 60px;overflow: hidden;font-size: 16px;font-weight: 500;color: #000;margin-top: 7px;line-height: 20px;}
.bai-viet-lien-quan { margin-top: 20px;}
.blog-archive .large-12{padding-bottom:10px;margin-bottom:25px;}
.blog-archive .large-12{padding-bottom:10px;}.bai-viet-lien-quan ul li h3:hover {color: #145A8D;text-decoration: underline;}
.fa-folder, .fa-eye{margin-left:15px}
.blog-archive .taxonomy-description p{margin-bottom:7px}
.blog-archive .taxonomy-description{font-size:15px; text-align:left}
.blog-archive .large-9 .badge{display:None}
.blog-single .entry-image{display:none}.entry-content{padding-top:0}.entry-content p{font-size: 15px}
footer.entry-meta{font-size:15px}
.entry-content h2{font-family:"svn-poppins", sans-serif; font-size:16px}.bai-viet-tin-tuc .post-item .box{background: white; padding:8px}
.bai-viet-tin-tuc .post-item .post-title:hover{text-decoration:underline; color:#2e942b}.absolute-footer {font-size: 13px;}
.thuong-hieu-section .ux-logo-link{padding:0 !important}
.thuong-hieu-section .ux-logo{padding:7px}
.product-info .cart{margin-bottom:0}
.thuong-hieu-section .col{padding-bottom:0}
a.back-to-top{background:#1a7108 !important; color:white; border:1px solid #cac2c2}
.bai-viet-tin-tuc .col.large-12{padding-bottom:0}
.bai-viet-tin-tuc .post-item a:hover{color:#2f2f2f;}
.accordion-inner{padding: 20px !important;}font-size: 15px;color: #444444; margin-bottom:10px}
.accordion-item a{font-size:15px}.accordion-title.active{background:#2ba24c; color:white; font-weight:normal}
.accordion-item{border-radius: 5px;box-shadow: 2px 2px 20px #00000014;margin-bottom: 15px;border-top: 1px solid #e6e6e6;}
.bai-viet-tin-tuc .post-item .from_the_blog_excerpt {font-size: 13px !important;color: gray;font-weight: normal;}
.footer-section {margin-top: -12px;}
.footer-section .cot1 h3{margin-bottom:15px}
.footer-section .list-item {padding: 25px 35px 25px;margin: 15px;background-color: #145A8D;color: #fff;border-radius: 6px;}
.footer-section .cot2 .list-item {padding: 0;font-size: 14px;color: rgba(255, 255, 255, 0.82);background: none;}
.footer-section h3{margin-bottom:0}
.bai-viet-tin-tuc .post-item .post-title{overflow: hidden;margin-bottom: 7px;}
.product-small .box-image{padding: 8px;}
.bai-viet-tin-tuc .flickity-prev-next-button.next{right: 1%}
.bai-viet-tin-tuc .flickity-prev-next-button.previous, .bai-viet-tin-tuc .flickity-prev-next-button.next { right: -4%;bottom: 15%;}
.widget_shopping_cart .button{font-weight: normal;text-transform: none;}
ul.product_list_widget li a:not(.remove){font-size:14px; font-weight: 800;}
.widget_shopping_cart strong{font-weight:normal; font-size:14px}
.widget_shopping_cart .woocommerce-Price-amount{font-weight:normal; color: red}
.button{font-weight:normal; text-transform:none}
.woocommerce-cart-form .product-price span, .woocommerce-cart-form .product-subtotal span{font-weight:normal}
form.checkout h3{font-weight:normal; text-transform:none; letter-spacing:0}
.widget_shopping_cart_content p{font-size:14px; color: black}
.nav-dropdown-default{padding:5px}
.nav-dropdown>li>a{font-size:15px}
.gioi-thieu .cot3 .post-item .post-title{font-size:14px; font-weight:normal}
.gioi-thieu .cot3 .box-blog-post .is-divider{display:none}
.gioi-thieu .cot3 .post-item .box-image, .gioi-thieu .cot3 .post-item .box-text{padding-bottom:0}.gioi-thieu .cot3 .post-item{padding-bottom:8px}
a.added_to_cart{margin-top:1em !important; color: white; margin-bottom:0 !important; line-height:12px !important}
.header-bottom-nav li{margin:0}
.header-bottom-nav li a{font-weight:500; padding-left:14px; padding-right:14px;line-height: 25px;}
#header-contact li a{padding:5px 0}
#header-contact{display:block !important}
#header-contact li{display:block; margin:0!important;}
#header-contact a:after{display:none}
span.header-cart-title{line-height: 31px;letter-spacing: 0;color: white !important;font-size: 14px;}
.header-button a{    background-color: #94c734 !important;line-height: 29px;}
#header-contact a{font-weight: 500;letter-spacing: 0;color: #272727;font-size: 15px;}
.icon-envelop:before, .icon-phone:before{color:#2e942b}
.form-flat input:not([type="submit"]){border-radius:27px}
.box-blog-post .is-divider{display:None}
.header-block .searchform-wrapper{padding-top:19px; font-size:15px}
.header-block .icon-box{padding-top:7px}
.header-block .icon-box .icon-box-text{padding-left: 6px;font-size: 15px;padding-top: 10px;color: #292929;font-weight: 500;line-height: 20px;}
.danh-muc-sp .section-title-center span{color:white !important}
.section-title-container {margin-bottom: 0;}
.product_list_widget .product-title{color:black}
.product_list_widget span.amount{color:red; font-weight:normal}
.section-title b{background-color: transparent;}.section-title-center span {margin: 0 15px; color:rgb(46, 148, 43) !important;font-weight: normal;text-transform:uppercase;letter-spacing: 0px;font-size: 28px !important; }
.banner-section{padding-bottom:0 !important}
.product-category .count{text-transform:none !important; color:gray}
.devvn-popup-content-desc .meta-related{display:none}
.header-block-block-1 .large-3{flex-basis:27%; max-width:27%}
.header-block-block-1 .large-9{flex-basis:73%; max-width:73%}
.list-anh .box-text{padding:0}
.list-anh .col{padding-bottom:5px !important}
@media(max-width:855px){.title-text h2 {font-size:20px;}
.nav-slider{display:none}
.sp-noi-bat .col{width:50%; padding-bottom:15px}
.danh-muc-sp .row-cat .col{flex-basis:100%; max-width:100%}
.sp-noi-bat .product-small .product-title a{font-size:15px}
.icon-menu:before{color:#1a7108}
.banner-section {display:none}
.section-title-center span{font-size: 20px !important;}
.slider-nav-outside .flickity-prev-next-button.next{    right: 0% !important;}.flickity-prev-next-button.previous {left: 0% !important;}
.box-push .box-text{padding:5px}.sp-de-xuat .flickity-prev-next-button.next {right: 0%;}
.bai-viet-tin-tuc .flickity-prev-next-button.previous, .bai-viet-tin-tuc .flickity-prev-next-button.next {right: 0%;}
.blog-archive .post-item{padding-bottom:10px; flex-basis:50%; max-width:50%}
.blog-archive .post-item .box-text{padding-bottom:0}
.lightbox-content{max-width:100%}
.bai-viet-lien-quan ul li{width:50%;}.bai-viet-lien-quan ul li .box-image img{height:100px}
.bai-viet-lien-quan ul li h3{font-size:14px}
.blog-archive .post-item:nth-child(2n+1){padding-right:7px}
.blog-archive .post-item .from_the_blog_excerpt {display:none}
.blog-archive .post-item .box-text .post-title{font-size:15px}
.blog-archive .post-item:nth-child(2n+2){padding-left:7px}
.danh-muc-sp .box-push .box-text{border-radius: 5px;border-top: 2px solid #2e942b;}.danh-muc-sp .flickity-prev-next-button {top: 0;}
}
@media(min-width: 1023px){
#logo {position: relative;}
#logo:after{background: red;content: "";}
#logo img {max-height: 100px !important;background: white;}
.header-main:before{content: "";display: inline-block;width: calc(50% - 570px);left: 0px;top: 0px;position: absolute;height: 120px;background: #fff;}
#logo:after {content: "";display: inline-block;width: 88px;height: 49px;position: absolute;background: #e1e1e1;left: 97px;top: 0px;clip-path: polygon(49% 100%, 0 0, 100% 0);}
.header-inner:before{content: "";display: inline-block;background: #fff;left: 0px;width: 200px;height: 120px;position: absolute;left: 0px;top: 0px;clip-path: polygon(0 0, 100% 0, 40% 100%, 0% 100%);}
#logo img{display: inline-block;float: left;min-width: auto;text-align: center;line-height: 0;position: absolute;margin-left: -40px;/* left: 0px; */ top: 14px;}
#logo:before{content: "";display: inline-block;background: #fff;left: 0px;width: 167px;height: 120px;/* position: absolute; */left: 0px;top: 0px;clip-path: polygon(0 0, 112% 0, 39% 100%, 0% 100%);}
.header-bottom .flex-row{padding-left: 140px;}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.header-bg-color {background-color: #fff !important;}
}
.nav-dropdown-has-border .nav-dropdown {z-index: 9999999;border: none;padding: 10px;border-top: 4px solid var(--primary-color);min-width: 320px;}
.nav-line-bottom>li>a:before {bottom: -1px;}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {border-bottom-color: var(--primary-color);}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {border-bottom: none;color: #f0e8e8;font-size: 14px;font-weight: bold;position: relative;padding: 5px 0;}
.nav-dropdown {background-color: #fff;box-shadow: 0 0 30px 0 rgb(0 0 0 / 7%);padding: 1em 0;}
.nav-dropdown>li>a, .nav-column>li>a {font-size: 14px;color: black;font-weight: 500;}
.nav-dropdown>li>a:hover, .nav-column>li>a:hover {color: var(--primary-color);}
.header:not(.transparent) .header-nav-main.nav > li.lang-item {margin: 0 10px;}
.off-canvas:not(.off-canvas-center) li.html {padding-top: 0;}
.header:not(.transparent) .header-bottom-nav.nav > li.active > a, .header:not(.transparent) .header-bottom-nav.nav > li:hover > a  {background-color: var(--primary-color) !important;}
.off-canvas-left .mfp-content, .off-canvas-right .mfp-content {background-color: #fff !important;}
.mobile-sidebar .nav>li>a.toggle {font-size: 12px;}
.header:not(.transparent) .header-bottom-nav.nav > li  {position: relative;padding: 0 15px;}
.header:not(.transparent) .header-bottom-nav.nav > li:not(:first-child):before {content: "";display: block;position: absolute;height: 100%;width: 1px;left: 0px;top: 0px;transform: rotate(45deg);z-index: -1;border-right: 2px solid #29a821;height: 80px;top: -10px;opacity: 1;z-index: 2;}
#section-br {background-color: #f5f5f5;margin-bottom: 10px;padding: 0;}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {border-width: 0;margin-left: unset;}
#breadcrumbs {position: relative;background: #e8e8e8;padding: 10px 25px 10px 30px;margin: 30px 0px 15px;font-size: 13px;overflow: hidden;}
#breadcrumbs:before, #breadcrumbs:after {content: "";display: inline-block;background: #1a7108;position: absolute;width: 30px;height: 30px;left: 0px;top: 0px;transform: rotate(45deg) translateX(-20px);}
#breadcrumbs:after {top: inherit;left: inherit;right: 0px;bottom: 0px;transform: rotate(45deg) translateX(21px);}
.breadcrumbs a {font-weight: bold;color: var(--primary-color);}
#section-br h1 {text-transform: uppercase;}
.product-main .product-title {color: #2e3553;font-size: 26px;font-weight: bold;line-height: normal;width: 100%;padding: 0px 0px;}
.product-info .price .amount {font-size: 30px;display: inline-block;color: #f11f1f;font-weight: 700;margin-right: 10px;}
.inventory_quantity {font-size: 14px;margin-bottom: 10px;border-bottom: 1px solid #e4e4e4;padding-bottom: 5px;}
.inventory_quantity .a-vendor, .a-stock {color: var(--primary-color);font-weight: bold;}
a.devvn_buy_now_style, a.devvn_buy_now_style:hover, a.devvn_buy_now_style:focus {background-color:var(--primary-color) ;}
.sidebar-sp .col-inner {border: 1px solid #145a8d;padding: 15px;border-radius: 5px;display: inline-block;width: 100%; }
.sidebar-sp .col-inner h3 {font-size: 14px;margin-bottom: 5px;}
.sidebar-sp .col-inner {font-size: 12px;font-weight: 500;}
.sidebar-sp .icon-box:not(:last-child) {margin-bottom: 10px;border-bottom: 1px solid #eee;padding-bottom: 10px;}
.related-products-wrapper h3 {text-transform: uppercase;font-weight: bold;font-size: 30px;line-height: 38px;font-family: "Oswald";border-bottom: 1px solid #ccc;padding-bottom: 6px;letter-spacing: 0;position: relative;margin-bottom: 30px;}
.related-products-wrapper h3:before {content: "";display: block;position: absolute;width: 125px;height: 7px;top: initial;bottom: -6px;left: 0px;background: #f5f5f5 url(images/mui-ten.png) center no-repeat;}
.product-section {border:none;}
.dark, .dark p, .dark td {color: #414141;font-weight: 600;}
footer .widget {padding:0;}
footer ul li {list-style: none;position: relative;padding-left: 20px;margin-left: 0 !important;}
footer ul li:before {content: "";display: inline-block;width: 5px;height: 5px;position: absolute;left: 0px;top: 12px;background: #414141;transform: rotate(45deg);opacity: 1 !important;}
footer .widget ul li:not(.recent-blog-posts-li) a {padding: 6px 0;}
.copyright-footer {color: #fff;}


.div-logo .row{border: solid 1px #ddd;padding: 10px 30px;margin-left: 0px !important;margin-right: 0px !important;}
.div-logo .row .box-image{border: solid 1px #eee;padding: 2px;}
.div-logo button{display: none;}
.div-logo .gallery-col{padding-bottom: 0px;}
.div-logo .gallery-col .box .box-text{display: none;}
.div-no-padding{padding-bottom: 0px !important;}