/*
Theme Name: Flatsome Child
Description: Flatsome Child
Author: Flatsome 
Template: flatsome
Version: 3.5.3
*/
/*+++++++++++++++++++++++++++++++hệ thống+++++++++++++++++++++++++++++++*/
/*Link hover*/
.product-title:hover, .product-title a:hover, .post-title:hover {color: red !important;}

h2 {font-size: 20px;}
h4, h5, h6 {font-size: 16px;}
h3 {font-size: 18px;}

.home .page-wrapper{padding-top:10px;padding-bottom:0px}
.shop-page-title.is-xlarge{margin-bottom:0;color:#1919b4}
.post-title.is-large{margin-bottom:9px;font-size:16px;color:#000;}
.wpcf7 .wpcf7-form-control-wrap{display:unset}
.large-9.col.medium-col-first,.col.large-9{border-left:0!important}
.header_logo.header-logo{width:100%}
.blog-single {padding-top: 10px;}
.blog-single {
    padding-bottom: 0;
}
/*slider*/
.nivo-controlNav {position: absolute; bottom: 0px;}
.metaslider { margin-bottom: 20px !important;}

/* tìm kiếm top */
div#top-bar .hide-for-medium.flex-right {
    width: 30%;
}

/*ẩn đi*/
.is-divider.small, .entry-category.is-xsmall, .home h1.entry-title, .absolute-footer {display:none;}
.header-nav li .nav-top-link {text-transform: uppercase;}
/*trang chủ=======================================*/
/*hiển thị trên di động================************===================================*/
@media only screen and (max-width:849px){
  .page-left-sidebar>.row, .category-page-row{display:flex;flex-direction:column-reverse}
  .cot-phai{max-width:100%;flex-basis:100%}
  .cot-trai{display:none}
  div#product-sidebar {display: unset !important;}
  .col.large-3.hide-for-medium {display: unset !important;}
  .category-filtering.category-filter-row.show-for-medium {display: none;}
  .sidebar-menu.no-scrollbar {padding-bottom: 100px;}
  .mobile-sidebar .nav-sidebar li a {font-size: 12px;text-transform: unset;}
  button.toggle {width: 30px;}
  .header-button .icon-menu:after {content: "Menu";float: left;text-transform: uppercase;font-size: 12px;}
  .row.content-row.row-divided.row-large {
    display: flex;
    flex-direction: column-reverse;
}
  i.fa.animated.infinite.tada {
    width: 50px;
    height: 50px;
    bottom: 11px;
}
  .fa-phone:before {
    line-height: 46px;
    font-size: 24px;
}

}
/*hiển thị trên máy tính=======================************=====================================*/
@media only screen and (min-width:850px){
.home .khoang-cach-home {padding-top: 290px;}
.stuck .header-main{display:none}
.post-sidebar.large-3.col,div#product-sidebar,.large-3.col.col-first.col-divided{padding-right:0;border-right:0!important}
}
div#logo {
    max-width: 1200px;
    width: 100%!important;
      margin-right: 0;
}


/*header=======================================*/
ul.header-nav .cart-item{margin-top:7px}
li.header-search-form.search-form.html.relative.has-icon{margin-right:-3px}
ul.nav-dropdown {padding: 0;font-size: 14px;}
.menu-item-home:before {content: "\f015";font: normal normal normal 14px/1 FontAwesome;font-size: 15px;padding-right: 4px; margin-bottom: 3px;}

/*Title sidebar + Bài viết liên quan + SP Liên quan----------------------------------------*/
.product-section-title{font-size:16px!important;margin-bottom:10px!important;line-height:16px!important}
.related.related-products-wrapper.product-section{border-top:unset}
ul.product_list_widget,.flatsome_recent_posts ul{border:1px solid #028448;padding:0 13px}

/*menu di động =======================================*/
.mobile-sidebar li.html.custom{background:#d01818;padding:10px 20px}
.mobile-sidebar li.html.custom p{color:#fff;font-weight:bold;text-transform:uppercase;font-size:15px}
.mobile-sidebar li.html.custom p:before{font:normal normal normal 14px/1 FontAwesome;content:"\f039";padding-right:8px}
.mobile-sidebar .nav-sidebar li a{color:#333}
.mobile-sidebar .nav-sidebar .menu-item a:before{content:"\f0da";font:normal normal normal 14px/1 FontAwesome;padding-right:5px}
input.search-field.mb-0 {background: #fff;}




.post-template-default .widget-area ,
.page-template-page-left-sidebar .widget-area  {
	padding-top: 320px
}

.blog-archive .widget-area {
	padding-top: 280px
}


/*Ghi chú ######################################################################################*/
/*kích thước tối đa cho Vertical Menu------------------------*/
#wide-nav > .flex-row > .flex-left {
    min-width: 290px;
}
/*chọn kiểu hiển thị ở trang chủ cho verticalMenu bỏ dòng code này thì menu xổ ra sẵn để nguyên thì hover chuột vào mới xổ ra------
body.home #mega_menu {display: none;}
*/
/*dạng menu con vertical ít */
#mega_menu > li > ul.sub-menu {margin-top: 0 !important;min-height: unset;}

/*dạng menu ngang xổ xuống--------------------------------------------*/

ul.nav-column.nav-dropdown-default{position:absolute;left:256px;top:0;display:none;background:#fff}
.nav-dropdown li:hover ul.nav-column.nav-dropdown-default{display:block}
.nav-dropdown .menu-item-has-children:after{top:5px;position:absolute;right:11px;content:"\f105";font-family:FontAwesome;float:right}
.nav-dropdown>li.nav-dropdown-col, .nav-dropdown>li.image-column {display: block;}
ul.nav-dropdown li{width:256px!important;position:relative}
.nav-column{position:absolute;left:256px;top:0;display:none;background:#fff}
.nav-dropdown li:hover ul.nav-column{display:block}
/*dạng dàn menu thành 2,3,4,6... cột */
.menu-col2 .nav-dropdown{width:850px!important}
.menu-col2 .nav-dropdown li{width:50%!important;float:left}
.menu-col3 .nav-dropdown{width:850px!important}
.menu-col3 .nav-dropdown li{width:33.3%!important;float:left}
.menu-col4 .nav-dropdown{width:850px!important}
.menu-col4 .nav-dropdown li{width:25%!important;float:left}
.menu-col5 .nav-dropdown{width:850px!important}
.menu-col5 .nav-dropdown li{width:20%!important;float:left}

/*Form liên hệ=======================================*/
.chia-doicot{float:left;width:50%}
/*rút gọn title sidebar 2 dòng---------------------*/
.releted-post .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;text-align:left;color:#000;height:38px;font-weight:bold;font-size:13px}
/*rút gọn tiêu đề 3 dòng--------------------------------------------*/
p.name.product-title a{-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;text-align:left;color:#000}
/*liên hệ trực tuyến---------------------*/
.gd_support_8 { background: url(images/bg-support08.png)top center no-repeat, #f3f3f3; padding-top: 135px}
.gd_support_8 .info .name { text-align: center; line-height: 25px; font-weight:bold;font-size: 14px; }
.gd_support_8 .info .name span { display: inline-block; padding: 0 10px; background: #f3f3f3; color: #000000; font-size: 16px; font-weight: 600; line-height: 25px; }
.gd_support_8 .hotline { width: 80%; margin: 0 auto;background: url(images/icon-tel2.png) 3px center no-repeat #c8202f; border-radius: 20px; margin-bottom: -20px; padding-left: 42px; position: relative;  z-index: 1;}
.gd_support_8 .email { line-height: 23px;text-align: center;padding-top: 22px;    background: #c8202f; }
.hotline {font-size: 20px; color: #fff; margin-left: -17px; }
.hotline a { color: #fff; }
.gd_support_8 .email p {color: #fff;font-weight: bold; font-size: 15px;}
span.post_comments {
    display: none;
}
/* vertical mega menu================================================================ */
#mega_menu > li > a > img {
    max-width: 38px;
}


#header #wide-nav > .flex-row > .flex-left { top: 0px; position: relative;}
#mega-menu-wrap { border-radius: 6px 6px 0px 0px; }
.header-bottom, #mega-menu-title { box-shadow: 0 0 4px 0 rgba(0,0,0,.2); position: relative; padding: 5px 10px;}
#mega-menu-title:before { content: "\f0d7"; font-family: FontAweSome; position: absolute; right: 10px; }
 #mega_menu.sf-menu { 
	box-shadow: 0 0 4px 0 rgba(0,0,0,.2);

}

.post-template-default #mega_menu.sf-menu,
.archive #mega_menu.sf-menu,
.page-template-page-left-sidebar #mega_menu.sf-menu { 
	display:block
}
#mega_menu ul.sub-menu>li{white-space:nowrap;border-color:#000;display:block;border-left:none;clear:unset!important;min-height:37px;line-height:36px;border-bottom:1px solid #ececec}
#mega_menu ul.sub-menu > li .sub-menu li { width: 100%; padding: 0px;}
#mega_menu ul.sub-menu > li >a { color: #000; padding: 0px 15px; position: relative; }
#mega_menu ul.sub-menu > li .sub-menu li a {  color: #000; padding: 0px 15px; font-weight: 400; }
#mega_menu ul.sub-menu > li .sub-menu {position:absolute;left:100%;top:0;background:white;display:none;width:300px}
#mega_menu ul li:hover .sub-menu{display:block}
#header #mega-menu-wrap:hover ul#mega_menu { display: block;}
#mega_menu > li > a { padding: 5px 10px 5px 10px; position: relative; }
#mega_menu ul.sub-menu > li >a:before { content: "\f0da"; font-family: FontAwesome; position: absolute; left: 7px; }
#mega_menu li a { color: #000;}
#mega_menu li a:hover { color: red; }
#header div#wide-nav { padding: 0px !important; border-top: 2px solid #028448;background: url(images/Nav_bg.png);}
#header div#wide-nav div#mega-menu-wrap { box-shadow: 0 0 4px 0 rgba(0,0,0,.2); background: #028448; border-radius:0px; }
#header div#wide-nav div#mega-menu-title { height: 45px; line-height: 35px; font-size: 13px;text-transform: uppercase; }
.ot-vm-hover:hover #mega_menu {display: block;}
.sub-menu .menu-item-has-children>a:after{content:"\f105";font-family:FontAwesome;float:right}
/*hiển thị 3 cột xóa bỏ thành 1 cột-----------------------------------------------
#mega_menu > li > ul.sub-menu {width: 800px;}
#mega_menu ul.sub-menu > li {width: 33.33%;float: left;}*/
/*màu link hover---------------------------*/
ul.sub-menu li a:hover {color: red !important;}
#mega_menu li a:hover {color: red;}


/*sản phẩm=========================================================*/
.product-small.box{border:1px solid #bbb;padding:3px}
.name.product-title a{font-size:14px;font-weight:bold;min-height:53px}
.page-title-inner.flex-row.medium-flex-wrap.container{min-height:unset}
.nav-line-bottom>li>a:before,.nav-line-grow>li>a:before,.nav-line>li>a:before{background:unset}
li.description_tab.active a{font-weight:bold!important;text-transform:uppercase;font-size:16px}
.widget .attachment-woocommerce_thumbnail{border:1px solid #d2d2d2}
.summary form.cart{margin-bottom:0!important}
.woocommerce-product-gallery__image .wp-post-image .wp-post-image{border:1px solid #c7c7c7}
del span.amount{    color: #000 !important;;font-size:13px}
.price-wrapper {min-height: 26px;    padding-top: 5px;}
.box-text.box-text-products {padding: 5px 5px;border-top: 1px solid #e2e2e2;}
.price-wrapper .price {min-height: 30px;}

/*mô tả chi tiết sản phẩm========================================================*/
ul.product-tabs li{border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;border-bottom:1px solid #fff;padding:0 30px;margin-bottom:-1px;border-radius:10px 10px 0 0;border-top:4px solid #613000}
.tab-panels{border:1px solid #e6e6e6;padding:15px}
ul.product-tabs{border-top:1px solid #fff}
.woocommerce-product-gallery__image .wp-post-image{border:1px solid #ccc!important}
/*icon đầu đoạn mô tả ngắn-------------------*/
.product-short-description p:before{content:"\f0da";font:normal normal normal 14px/1 FontAwesome;color:#903d0b;position:absolute;left:0;top:3px;font-size:1.1em}
.product-short-description p{padding-left:15px;position:relative;margin-bottom:5px;     border-bottom: 1px solid #909090 !important; border-style: dashed !important; border: 0;}

/*chuyên mục - bài viết========================================================*/
.blog-archive .large-12.text-center.col{padding-bottom:0}
.blog-archive{padding-top:10px}
.blog-archive .page-title.is-large.uppercase{
  border-bottom: 1px solid #dcdcdc;
    margin-bottom: 9px;
    text-transform: capitalize;
    font-size: 23px;
    color: #ffffff;
    background: url(images/bg-title1.png) center;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
  
}
@media only screen and (min-width:550px){.box-list-view .box .box-image, .box-vertical .box-image {width: 30% !important;}}
/*tin tưc*/
.section-title-normal span {
    FONT-WEIGHT: 200;
}

.blog-archive .archive-page-header {
	max-width: calc(75% - 14px);
    margin: auto 0 auto auto;
}

.box-text{padding-bottom:5px}
.section-title-container{margin-bottom:5px}
.section-title-normal{border-bottom:2px solid #d2d2d2;background:#fbfbfb}
.section-title a{font-size:13px;padding-right:10px}

/*Nội dung bài viết----------------------------------------------*/
.entry-header-text.entry-header-text-top.text-center,.entry-content.single-page{padding-left:0!important}
h1.entry-title{border-bottom:3px solid #1c1c1a;font-size:21px;margin:0 0}

.entry-header-text{padding-bottom:0}
/*bài viết và sản phẩm liên quan-----------------------------------*/
ul.releted-post { margin: 0 0 18px 0 !important; padding: 0 !important; -moz-column-count: 2 !important;    -moz-column-gap: 40px !important; -moz-column-rule: 1px solid #ccc !important; -webkit-column-count: 2 !important;       -webkit-column-gap: 40px !important; -webkit-column-rule: 1px solid #ccc !important; column-count: 2 !important;    column-gap: 40px !important; column-rule: 1px solid #ccc !important;}
ul.releted-post li { overflow: hidden !important; list-style: none !important; margin: 0px 0px 10px !important;    padding: 0 0 0px 0 !important; -moz-column-break-inside: avoid !important; -webkit-column-break-inside: avoid !important; break-inside: avoid-column !important;  border-bottom: 1px solid #ccc;}
ul.releted-post li a { color: #000; }
ul.releted-post li:hover a { color: red; font-weight: 600; }
ul.releted-post li a.img-thumbnai { display: block !important; width: 75px !important; height: 75px !important;    overflow: hidden; float: left !important; margin: 0 10px 0 0 !important; padding: 0 !important;}
ul.releted-post li img { display: block !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; background: none !important; border: none !important; float: none !important; border-radius: 3px !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;}

@media screen and (max-width: 480px) {
  ul.releted-post { -moz-column-count: auto !important; -moz-column-gap: normal !important; -moz-column-rule: none !important; -webkit-column-count: auto !important; -webkit-column-gap: normal !important; -webkit-column-rule: none !important; column-count: auto !important; column-gap: normal !important; column-rule: none !important;}
}

/*footer================================================================================*/
.footer-widgets .widget-title{color:#fff;text-transform:uppercase;font-weight:bold;font-size:18px;border-bottom:1px solid #fff!important;margin-bottom:10px;border-style:dashed!important;border:0}
.footer-widgets{color:white}
.footer-widgets .menu li{border:unset; padding-left: 0 !important;}
.footer-widgets .menu li a{color:#fff}
.footer-widgets .menu li a:hover{color:red}
.footer-widgets {background: -webkit-radial-gradient(center top, circle farthest-corner, #ffffff -122%, #000000 122%);}
.footer-widgets .menu li:before {content: "\f0da";font: normal normal normal 14px/1 FontAwesome;}

/*menu dọc xổ ngang*/
@media only screen and (min-width:850px){
.widget_nav_menu .menu{padding:0}
  .widget_nav_menu .menu>li{padding:0 10px;position:relative}
	.widget_nav_menu .menu>li ul {display:block;opacity:0;visibility:hidden;position:absolute;top:0;left:100%;border:0;background:#fff;padding:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,.1);box-shadow:0 0 3px 0 rgba(0,0,0,.1)}
	.widget_nav_menu .menu>li .toggle{float:right}
  .widget_nav_menu .menu>li:hover>ul{margin-right:1px}
  .widget_nav_menu .menu>li:hover>ul,.widget_nav_menu .menu li:hover>ul{opacity:1;visibility:visible;right:100%}
  .widget_nav_menu .menu>li ul li{border-top:1px solid #ececec;padding:0 10px;line-height:28px}
  .widget_nav_menu .menu>li ul li:first-child{border-top:0}
  .widget_nav_menu .menu>li ul li a{padding:5px 0}
}
/*khác==================================================*/
a#devvn_buy_now, .devvn-popup-title, .devvn-order-btn {background: #e9172b !important;}
.badge-container {margin-top: 7px;}
ul.product-tabs li a:before {background: unset;}

/*breadcrumbs*/
.breadcrumb-blog .breadcrumbs {padding-left: 6%;}
/* hotline ====================================================================*/
/* hotline call now */
.animated.infinite { animation-iteration-count: infinite;}
.tada { animation-name: tada;}
.animated { animation-duration: 1s; animation-fill-mode: both; }
.float-icon-hotline { position: fixed; bottom: 20px; left: 25px; z-index: 999999;}
.float-icon-hotline ul { display: block; width: 100%; padding-left: 0; margin-bottom: 0; margin: 0; list-style: none;}
.float-icon-hotline ul li { display: block; width: 45px; height: 45px; position: relative; margin-bottom: 10px; cursor: pointer; padding: 0px; }
.float-icon-hotline ul li a { text-decoration: none;display: block;}
.float-icon-hotline ul li .fa { background-color: #549a04; display: block; width: 45px; height: 45px; text-align: center; line-height: 36px; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; color: #fff; font-weight: 700; border-radius: 50%; position: relative; z-index: 2; border: 2px solid #fff; font-size: 20px;}
.float-icon-hotline ul li .fa-hotline { background: #70b81e url(images/icon-call.svg) center center no-repeat; }
.float-icon-hotline ul li .fa-zalo { background: #ef0303 url(images/icon-zalo.svg) center center no-repeat; }
.float-icon-hotline ul li .fa-messenger { background: #168efb url(images/icon-messenger.svg) center center no-repeat; }
.float-icon-hotline ul li .fa-facebook { background: #369be5;}
.float-icon-hotline ul li span { display: inline-block; padding: 0; background-color: #ff6a00; color: #fff; border: 2px solid #fff; border-radius: 20px; height: 40px; line-height: 36px; position: absolute; top: 3px; left: 15px;  z-index: 0; width: 0; overflow: hidden; -webkit-transition: all 1s; transition: all 1s; background-color: #ff6a00; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; font-weight: 400; white-space: nowrap; opacity: 0;}
.float-icon-hotline ul.show-phone .hot-phone span { width: 170px; padding-left: 30px; padding-right: 10px; opacity: 1; text-align: right;}
.float-icon-hotline ul .icon-email span { width: auto; padding-left: 30px; padding-right: 10px; opacity: 1; text-align: right;}

@media only screen and (min-width: 960px) {
  .float-icon-hotline ul li:not(.hot-phone):not(.icon-email):hover span { width: 200px; padding-left: 30px; padding-right: 10px; opacity: 1;}
}

@media only screen and (max-width: 959px) { 
  .float-icon-hotline { bottom: 0px !important ; left: 10px !important; }
}

@keyframes tada {
  0% { transform: scale3d(1,1,1);}
  10%, 20% { transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);}
  30%, 50%, 70%, 90% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);}
  40%, 60%, 80% { transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);}
  100% { transform: scale3d(1,1,1);}
}

/* form popup */
a.form-popup-menu { position: fixed; display: block; z-index: 999; color: #FFF; }
a.form-popup-menu span { background: #ff6a00; color: rgb(255, 255, 255) !important; padding: 10px 20px 10px 40px; border-radius: 20px;}
#form-now { max-width: 500px;  background: #18a8e7;  padding: 20px;}
#form-now .form-header {  text-align: center;margin-bottom: 20px;}
#form-now .form-header p { color: #FFF;}
#form-now .form-header h3 {  color: #FFF;  text-transform: uppercase;  margin-bottom: 0px;}
#form-now input[type='email'], #form-now input[type='tel'], #form-now input[type='text'], #form-now textarea {  box-shadow: none;  border: 0px;  background: transparent;  color: #FFF;  border-bottom: 1px solid #FFF;  padding: 0px;}
#form-now textarea { height: 75px !important; min-height: auto;}
#form-now ::placeholder { color: #FFF; background: transparent; }
#form-now .wpcf7-submit {  background-image: -webkit-linear-gradient(bottom, #cc0000, #fb3333) !important; margin: 0px !important;  border-radius: 25px !important;}
#form-now .close-buttom-popup {  top: 0px !important;  color: #FFF !important;  opacity: 1;  mix-blend-mode: unset !important;}

@media screen and (max-width: 959px) { 
	a.form-popup-menu span { display: none;}
}


/*==================================phần CSS bổ sung===================================================*/
.header-main {
    height: 100%;
    background: linear-gradient(to right, rgb(237, 237, 237) 6%, rgb(237, 237, 237) 50%);
}
.section {
    padding: 0 !important;
}
/*hotline*/
.ads-right2 p{padding-top:5px;clear:both}
.callcenter-l{text-align:right;margin-top:7px;height:50px;width:17%;float:left;border-right:3px solid #f7941d;padding-right:5px}
.callcenter-l img{line-height:30px;margin-top:7px;margin-right:10px}
.callcenter-r{width:80%;float:left}
.callcenter-r p{color:#000;margin:0;padding-left:9px;padding-top:0;line-height:30px;font-size:18px}
.callcenter-r p .number-callcenter{font-size:30px;font-weight:600;color:#d61d2f}
.left-am:before{content:"\f00c";font:normal normal normal 14px/1 FontAwesome;color:#d61d2f;padding-right:5px}

ins .amount{color:#ff0101!important}
.title-main,.section-title,.large-3 .widget-title,.related_post_title,.product-section-title{background:url(images/bg-title1.png) center;height:40px;line-height:40px;color:#fff;text-transform:uppercase;padding-left:10px;font-size:16px;font-family:'Roboto Condensed',sans-serif}
.section-title-main{background:unset;border-bottom:none!important;font-size:16px;color:#fff;padding:6px}
.section-title a{color:#fff;font-size:12px!important;text-transform:none}
.title-main:before,.section-title-main:before{content:"\f124";font:normal normal normal 14px/1 FontAwesome;color:#f0ff00;padding-right:6px;font-size:21px}
.footer-widgets{display:-webkit-box;background:#162b40 url(images/bgfooter.png) bottom center no-repeat;padding:55px 0 4px 0;background-size:cover}

/*tin tức home*/
/*khung-01*/
/*phần chỉ hiển thị trên máy tính
@media only screen and (min-width:960px){
/*phần nth-chil(1)
.khung-main-03 .col.post-item:nth-child(1){width:52%!important;max-width:52%!important;float:left!important;    left: 10px !important;}
.khung-main-03 .col.post-item:nth-child(1) .box-image{width:100%;overflow:hidden;margin-bottom:0}
.khung-main-03 .col.post-item:nth-child(1) .box-text{width:100%}
.khung-main-03 .col.post-item:nth-child(1) .from_the_blog_excerpt{display:unset}
.khung-main-03 .col.post-item:nth-child(1) .post-title{font-size:18px;color:#028448}

.khung-main-03 .col.post-item{max-width:48%;width:48%;margin-bottom:0;padding-bottom:7.3px;padding-left:5px}
.khung-main-03 .from_the_blog_excerpt{display:none}
.khung-main-03 .box-blog-post .is-divider{display:none}

}

.khung-main-03 .box-image{width:30%;margin:0;float:left}
.khung-main-03 .box-text{width:70%;float:left;padding:0;padding-left:5px}
.khung-main-03 .post-title{font-size:17px;font-weight:200;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;text-align:left;color:#000;font-family: 'Exo',sans-serif;}*/
@media only screen and (max-width:960px){
  .khung-main-03 .box-image {
    width: 30%;
    float: left;
}
.khung-main-03 .box-text {
    width: 69%;
    float: left;
    text-align: left;
}
  .khung-main-03 .box {
    border: unset !important;
}
}


.khung-main-03 .box {
    border: 1px solid #d6d6d6;
}
.khung-main-03 .post-title {
    color: #1f1f1f;
}
/*=======================================================================*/
/*footer*/
.title-ft{text-transform:uppercase;font-family:'Roboto Condensed',sans-serif;font-size:26px;margin-bottom:0;background:url(images/border-title-02.png) no-repeat center bottom;height:50px}
.kenh-video .post-title,.category-kenh-video .post-title{font-weight:unset;font-size:14px;color:#fff}
.kenh-video .box,.category-kenh-video .box{background:#028448;padding:5px}
.kenh-video .is-divider,.category-kenh-video .is-divider{display:none}
.kenh-video .image-cover:before,.category-kenh-video .image-cover:before{content:'';position:absolute;width:68px;height:68px;background:url(icon-video.png) no-repeat center center;top:50%;left:50%;margin:-39px 0 0 -39px;z-index:9}
.category-kenh-video .post-title:hover,.kenh-video .post-title:hover{color:#f0ff00!important}
.category-kenh-video .from_the_blog_excerpt,.category-kenh-video .kenh-video{display:none}

.badge.absolute.top.post-date.badge-outline {
    display: none;
}
/*sidebar*/
.recent-blog-posts-li .badge.post-date.badge-outline, .attachment-woocommerce_gallery_thumbnail {
    border: 1px solid #eee;
      width: 60px;
    height: 60px;
}
.amount {
    color: red !important;
}
.flex-col.flex-grow a, .product-title {
    color: black !important;
}
.ban-quyen-wbt {
    background: #162b40 !important;
}
.cam-ket .uppercase {
    font-size: 15px;
    text-transform: unset;
    color: #028448;
    margin-top: 15px;
}
.header-inner.flex-row.container.logo-left.medium-logo-center {
    padding-right: 0;
    margin-right: 0;
}
/*bổ sung*/
.large-9.col.medium-col-first, .entry-content.single-page, .product-main, div#product-sidebar, .col.large-9{
    padding-bottom: 0;
}
@media only screen and (min-width:850px){
div#text-3 {
    max-width: 38%;
    flex-basis: 38%;
}
div#nav_menu-3 {
    max-width: 20%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 20%;
}
div#nav_menu-2 {
    max-width: 22%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 22%;
}
div#custom_html-2 {
    max-width: 20%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 20%;
}
}
table.shipping__table.shipping__table--multiple tr th:after {
    content: " (Phí vận chuyển có thể thay đổi tùy đơn hàng)";
    font-weight: 200;
    font-size: 13px;
    color: red;
}
table.shipping__table.shipping__table--multiple tr th:before {
    content: "Phí ";
}
.kenh-video .box-text.text-left {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-align: left;
    color: #000;
    height: 48px;
}

/* sản phẩm bán kèm */
table.woobt_products { border: 1px dashed #f1592a; background: rgb(255, 253, 252); padding: 45px 15px 15px; position: relative; margin-top: 15px !important;}
table.woobt_products:before { content: "Sản phẩm thường được mua thêm"; display: block !important; width: 100% !important; position: absolute; left: 10px; top: 10px; font-weight: 600; text-align: center; text-transform: uppercase; color: #028448;}
table.woobt_products .woobt-title a { color: #000;}
.devvn-popup-content table.woobt_products.woobt-products.woobt-table {display: none;}

.term-description {
 order: 2;
}
.shop-container {     display: flex;
    flex-direction: column; }

/* Hotline header */
/* ul.hotline-top { position: relative; font-weight: 500; font-size: 20px; color: #000; background-position: 0% 50%; padding-left: 50px !important;}
ul.hotline-top:before { content: ""; width: 44px; height: 44px; text-align: center; font-size: 23px; line-height: 40px; position: absolute; left: 0px; color: #ffffff; top: 0px; background: url(images/icon2.png) no-repeat; background-size: contain; }
.hotline-top li { list-style: none; margin-bottom: 0px; line-height: 23px; font-size: 16px;font-weight: 600;}
.hotline-top li.hotline-phone { font-weight: 600; font-size: 22px; color: red; }

/* slogan */
/* @media only screen and (min-width: 960px) {
  #header .header-bg-container { background: url(image/bg-header.jpg) no-repeat, #FFF;background-position: center right; background-size: contain;}
}
div#masthead .slogan { text-align: center;}
div#masthead .slogan h2.name-center { color: #028448; margin: 5px 0px; font-size: 25px; line-height: 1.3; text-transform: uppercase;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}
div#masthead .slogan h3 { color: #000; font-size: 18px; text-transform: capitalize; margin-bottom: 0px;text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;}

/* tìm kiếm header */
/* #masthead .hide-for-medium.flex-right { width: 30%;}
#header select.search_categories { background-color: #FFF; border: 0px; height: 40px; box-shadow: none; width: 95px !important;}
#header .search-form-categories { position: relative; border-right: 1px solid #ebebeb;}
#header form.searchform { border: 2px solid #028448; border-radius: 5px; }
#header input.search-field { background: #FFF; border: 0px; height: 40px; box-shadow: none; }
#header form.searchform .flex-col:last-child { padding: 4px; color: #000;}
.searchform .button.icon { padding: 0 20px; }
#header form.searchform >.flex-row { background: #FFF; border: 0px; border-radius: 3px;}
#header form.searchform .submit-button { background: #028448 !important; border-radius: 0px 5px 5px 0px; color: #FFF !important;}
#masthead .hide-for-medium.flex-right ul.header-nav { justify-content: center;}
#masthead .hide-for-medium.flex-right ul.header-nav li.header-search-form { margin: 0px 0px 10px;}

/* giỏ hàng */
/* #masthead .header-button > .button:not(.is-outline) { background: #028448 !important;}
*/

.float-icon-hotline ul li.call-phone span {
    width: 135px;
    padding-left: 30px;
    padding-right: 10px;
    opacity: 1;
}