/*
Theme Name: WBT FLS CHILD
Description: Theme do WBT chinh sua
Author: WBT
Template: wbt-fls
Version: 3.5.3
*/
/*+++++++++++++++++++++++++++++++hệ thống+++++++++++++++++++++++++++++++*/
/*Link hover*/


.product-footer
{
background: #e0e7ff;	
}

.product-info 
{
    background: white;	
}

.product-gallery
{
    background: white;	
}

.ctv-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 20px;
}

.ctv-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  overflow: hidden;
  padding: 20px;
  position: relative;
  transition: transform 0.2s ease;
}
.ctv-card:hover { transform: translateY(-5px); }

.ctv-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ctv-avatar {
  width: 60px; height: 60px;
  border-radius: 50%;
  border: 3px solid #fff;
  box-shadow: 0 0 6px rgba(0,0,0,0.1);
}
.ctv-status {
  background: #4ade80;
  color: #fff;
  font-size: 12px;
  padding: 4px 10px;
  border-radius: 20px;
}
.ctv-rating { color: #fbbf24; font-weight: bold; margin: 5px 0; }
.ctv-info { list-style: none; padding: 0; margin: 0 0 15px; font-size: 14px; color: #555; }
.ctv-info li { margin: 3px 0; }

.ctv-stats {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.ctv-stats div {
  flex: 1;
  text-align: center;
  padding: 10px;
  border-radius: 8px;
}
.ctv-stats .revenue {
  background: #ecfdf5; color: #059669; font-weight: bold;
}
.ctv-stats .courses {
  background: #f3f4f6; color: #374151;
}
.ctv-bank {
  font-size: 14px;
  background: #f9fafb;
  padding: 10px;
  border-radius: 6px;
  margin-bottom: 15px;
}
.ctv-btn {
  display: block;
  background: linear-gradient(90deg, #2563eb, #3b82f6);
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
}



.author .post-sidebar
{
	 display:none !important;
}
.author .page-title
{
    display:none !important;
}

.author .large-9.col
{
    max-width:100%;
    flex-basis:100%;
}

/* ==== CARD SẢN PHẨM TRONG LOOP ==== */
ul.products li.product {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.06);
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Hover nổi bật */
ul.products li.product:hover {
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    border-color: #ddd;
    transform: translateY(-3px);
}

/* Ảnh sản phẩm */
ul.products li.product img {
    border-radius: 8px;
    margin-bottom: 12px;
}

/* Tên sản phẩm */
ul.products li.product .woocommerce-loop-product__title {
    font-size: 16px;
    font-weight: 600;
    margin: 6px 0 10px;
    line-height: 1.4;
    color: #222;
    min-height: 40px;
}

/* Giá */
ul.products li.product .price {
    font-size: 15px;
    font-weight: 700;
    color: #d32f2f;
    margin-bottom: 10px;
}

/* ==== META BOX (giáo viên, giờ, học viên, features) ==== */
ul.products li.product .course-extra-box {
    margin-top: auto; /* đẩy xuống cuối card */
    border-top: 1px solid #f0f0f0;
    padding-top: 10px;
}

/* Giáo viên */
.course-teacher {
    margin-bottom: 5px;
    font-weight: 500;
    color: #0073aa;
}
.course-teacher span {
    display: inline-flex;
    align-items: center;
}
.course-teacher img {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

/* Meta học viên + giờ */
.course-meta {
    display: flex;
    gap: 15px;
    margin-bottom: 8px;
    font-size: 13px;
    color: #555;
}
.course-meta span {
    display: inline-flex;
    align-items: center;
}
.course-meta img {
    width: 16px;
    height: 16px;
    margin-right: 5px;
}

/* Danh sách tính năng */
.course-features {
    list-style: none;
    margin: 0;
    padding: 0;
}
.course-features li {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
    font-size: 13px;
    color: #333;
}
.course-features img {
    width: 14px;
    height: 14px;
    margin-right: 6px;
    filter: hue-rotate(90deg) saturate(2);
}

















































.product-title:hover, .product-title a:hover, .post-title:hover {color: #F05123 !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}

.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:800px}
.blog-single {padding-top: 10px;}

/*slider*/
.nivo-controlNav {position: absolute; bottom: 0px;}
.metaslider { margin-bottom: 20px !important;}

/*ẩ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;}
}
/*hiển thị trên máy tính=======================************=====================================*/
@media only screen and (min-width:850px){
.home .khoang-cach-home {padding-top: 130px;}
.post-sidebar.large-3.col,div#product-sidebar,.large-3.col.col-first.col-divided{padding-left:0;border-left:0!important}
}

/*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;}


/*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}
.large-3 .widget-title, .related_post_title, .product-section-title {
    color: #f05123;
    font-size: 16px;
    height: 27px;
    text-transform: uppercase;
    font-family: 'Exo',sans-serif;
    border-left: 3px solid #f05123;
    padding-left: 8px;
    margin: 10px 0;
}

/*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;}

/*Ghi chú ######################################################################################*/
/*kích thước tối đa cho Vertical Menu------------------------*/
#wide-nav > .flex-row > .flex-left {max-width: 292px !important;}
/*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---------------------*/
.product_list_widget li .product-title, .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}
span.post_comments.op-7.block.is-xsmall {
    display: none;
}
/*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 #000000; 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: #000000; }
.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;}

/* vertical mega menu================================================================ */
#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 { box-shadow: 0 0 4px 0 rgba(0,0,0,.2); }
#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: 7px 15px 7px 32px; position: relative; }
#header #wide-nav ul#mega_menu>li>a:before{content:"\f005";font-family:Fontawesome;position:absolute;left:8px;top:6px;color:red;font-size:15px}
#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 #0e2f44;}
#header div#wide-nav div#mega-menu-wrap { box-shadow: 0 0 4px 0 rgba(0,0,0,.2); background: #0e2f44; 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:#333;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{padding:20px}
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:21px;text-transform:capitalize;font-size:27px;color:#000000}
@media only screen and (min-width:550px){.box-list-view .box .box-image, .box-vertical .box-image {width: 30% !important;}}

/*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;text-transform:uppercase;font-size:21px;margin:0 0}
.post-sidebar.large-3.col{margin-top:-17px}
.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 10px 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 ====================================================================*/
.float-icon-hotline { display: block; width: 40px; position: fixed; bottom: 68px; left: 17px; z-index: 999999;}
.float-icon-hotline ul { display: block; width: 100%; padding-left: 0; margin-bottom: 0;}
.float-icon-hotline ul li { display: block; width: 100%; position: relative; margin-bottom: 10px; cursor: pointer;}
.float-icon-hotline ul li .fa { background-color: #ed1c24; display: block; width: 40px; height: 40px; 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;}
.float-icon-hotline ul li .fa-phone { background-color: #ed1c24; }
.float-icon-hotline ul li .fa-zalo { background: #ef0303 url(images/zalo.png) center center no-repeat; }
.float-icon-hotline ul li .fa-fb {
    background: #ef0303 url(images/messenger.png) center center no-repeat !important;
}
.animated.infinite { animation-iteration-count: infinite;}
.tada { animation-name: tada;}
.animated { animation-duration: 1s; animation-fill-mode: both; }
.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: 0;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; }

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

@media only screen and (max-width: 959px) { 
	.float-icon-hotline ul { display: flex !important ; }
  .float-icon-hotline ul li~li { margin-left: 10px;}
  .float-icon-hotline { bottom: 15px !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);}
}


/*==================================phần CSS bổ sung===================================================*/

.header-nav-main li a{font-family:'Exo',sans-serif!important;font-size:14px}
.top-divider.full-width{display:none}
.header-main{border-bottom:1px solid #c4c4c494}
.khung-home{padding-bottom:0!important}
.khung-main .col.small-12.large-9{padding-bottom:0}

/*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-01 .col.post-item:nth-child(1){width:52%!important;max-width:52%!important;float:left!important}
.khung-main-01 .col.post-item:nth-child(1) .box-image{width:100%;overflow:hidden;margin-bottom:0}
.khung-main-01 .col.post-item:nth-child(1) .box-text{width:100%}
.khung-main-01 .col.post-item:nth-child(1) .from_the_blog_excerpt{display:unset}
.khung-main-01 .col.post-item:nth-child(1) .post-title{font-size:20px;font-weight:bold;font-family:'Exo',sans-serif;color:#f05123}
  /*-------------------------------------*/
.khung-main-01 .col.post-item{max-width:48%;width:48%;margin-bottom:0;padding-bottom:7.3px;padding-left:5px}
.khung-main-01 .box-image{width:30%;margin:0;float:left}
.khung-main-01 .box-text{width:70%;float:left;padding:0;padding-left:5px}
.khung-main-01 .from_the_blog_excerpt{display:none}
.khung-main-01 .box-blog-post .is-divider{display:none}
.khung-main-01 .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;}

  
/*khung 02 */
.khung-main-02 .box-image{width:40%;float:left}
.khung-main-02 .box-text{width:60%;float:left;padding-left:10px;padding-top:0}
.khung-main-02 .post-title{color:#333;font-size:18px;font-family: 'Exo',sans-serif;}
  .menu-item-home:before {content: "\f015";font: normal normal normal 14px/1 FontAwesome;font-size: 15px;padding-right: 4px; margin-bottom: 3px;}
}
.khung-main-02 .from_the_blog_excerpt {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    text-align: justify;
      color: #333;
    font-size: 15px;
}
/*---------------------------Đi động------------------------*/
@media only screen and (max-width:959px){
h2.title-main {
    font-size: 22px;
}
  .khung-main-01 .post-title, .khung-main-02 .post-title {
    font-size: 16px;
}
.archive.category .post-title {
    text-transform: unset !important;
    padding-top: 15px;
}
}
/*---------------------------------------------------*/
.khung-main-02 .tab.has-icon.active a{color:white!important;text-transform:uppercase;font-size:25px;font-family:'Jura',sans-serif;margin-bottom:8px}
.khung-main-02 .tab.has-icon a{
    color: #000;
    font-size: 18px;font-weight:unset;text-transform:capitalize}
.khung-main-02 .has-icon{padding:0 11px!important}
.khung-main-02 .nav {
    background: #f05123;
}
.khung-main-03 .tab.has-icon.active a{color: #FFF !important;}
.khung-main-03 .post-title {color: #333 !important;}






.xem-tat-ca{float:right;margin-bottom:0;margin-top:-20px}
.title-main{text-transform:uppercase;font-family:'Jura',sans-serif;font-weight:bold!important;font-size:26px}
/*VIDEO*/
.khung-main-04 .plain:hover h5{display:block!important}
.khung-main-04 .box-text h5{display:none}
.khung-main-04 .small-12{padding-bottom:0}
.khung-main-04 .box-text h5{color:#333;font-size:14px}

/* Danh mục video */
#video >.row { margin: 0px; background: #FFF; padding: 10px 0px !important; display: flex !important;}
div#video .post-item { max-width: 33.33333% !important; flex-basis: 100% !important; width: 100% !important;    float: left !important; padding: 0 10px 10px; margin-bottom: 20px !important;}
div#video .post-item .col-inner { padding: 0px !important;}
div#video .post-item .box-image { display: table-row-group !important; width: 100% !important;}
div#video .post-item .box-text { padding: 15px 0px 0px !important; border: 0px;}
div#video .post-item .box-text .from_the_blog_excerpt { display: none !important;}
div#video .post-item .box-blog-post .post-title { font-weight: 400; color: #000; margin: 0px; font-size: 17px;}
div#video .post-item .box-blog-post .post-title a { margin: 0px; -webkit-line-clamp: 3; height: 66px; overflow: hidden;}
div#video .post-item:hover a { color: #0066cc;}
#video .badge{display:none}
#video .image-cover:before,.khung-main-04 .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}
/*form*/
.wpcf7-form-control {
    border: 1px solid #333 !important;
    font-size: 14px !important;
}
input.wpcf7-form-control.wpcf7-submit {
    border: 0 !important;
}

/*sidebar*/
.recent-blog-posts a {
    color: #000;
    font-weight: 600;
    font-size: 13px;
}
/*khoa học*/
.khoa-hoc {
    padding: 0 !important;
}
.khoa-hoc .post-title {
    margin: 0px;
    -webkit-line-clamp: 2;
    height: 36px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    font-size: 14px;
}
.khoa-hoc .col.post-item {
    padding-bottom: 0px;
}
/*chuyên mục*/
.archive.category .box-text {
    vertical-align: top;
    padding-top: 0;
}
.archive.category .post-title {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Exo',sans-serif!important;
}
/*landingpage*/
.title-land {
    font-size: 28px;
      text-transform: uppercase;
}
.home-01 .box {
    font-size: 18px;
    color: #111;
    border: 2px solid #152b50;
    padding: 10px;
    margin-bottom: 20px;

}
.home-01 .title {
    font-size: 15px;
    line-height: 27px;
    padding-top: 20px;
    padding-bottom: 15px;
    color: #111;
}
.home-03 .item {
    display: table;
    font-size: 17px;
    margin-bottom: 15px;
}
.home-03 .item .key {
    display: table-cell;
    width: 150px;
    vertical-align: middle;
    font-size: 20px;
  font-weight: bold;
    color: #137f00;
}
.home-03 .item .value {
    display: table-cell;
    width: 670px;
    border: 1px solid #959595;
    vertical-align: middle;
    padding: 20px 50px;
  font-weight: bold;
}
.home-03 .delayp2 {
    animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
}
.home-03 .animated-2s {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}
.home-03 .fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.home-03 .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.home-03 .item:hover .value {
    color: #fff;
    background: #EF5500;
    transition: color 0.15s ease-in-out 0s, background-color 0.8s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.home-04 {
    padding-bottom: 10px !important;
}

.home-05 .icon-box {
    padding-bottom: 20px;
}
.home-05 .item {
    margin-bottom: 10px;
}
.home-06 .icon-box {
    background: #fff;
    padding: 18px;
    margin-top: 15px;
}

.home-07 .pricing-table .price {
    display: none;
}

.home-07 .title {
    background: #ef5500 !important;
    color: #fff;
    font-size: 20px;
    line-height: 50px;
    margin-bottom: 40px;
}

.home-07 .pricing-table-wrapper {
    padding-bottom: 20px;
}
.home-08 .pricing-table .title {
    text-align: center;
    font-size: 25px;
    color: #fff;
    background: #ef5500;
    padding: 30px 0;
}
.home-08 .pricing-table .price {
    font-size: 19px;
    font-weight: bold;
}
.home-11 .post-title.is-large {
    font-weight: unset;
    font-size: 16px;
    color: #333;
}

@media only screen and (max-width:1111px) and (min-width:550px){
.large-3 .widget-title, .related_post_title, .product-section-title {
    font-size: 13px;
    height: 36px;
}
}


/*làm chủ doanh nghiệp internet*/
.page-01 {
    background: url(https://masteryinternetbusiness.com/wp-content/uploads/2019/02/bgmainNEW.jpg);
}
.page-04 .text-inner {
    border: 2px solid #1569b5;
}